@charset "UTF-8";
.light {
  --background-color: var(--surface-light);
  --color: var(--color-900);
  --accent: var(--accent-light);
  --accent-hover: var(--accent-light-hover);
  --accent-alt: var(--accent-alt-light);
  --accent-alt-hover: var(--accent-light-hover);
  --accent-32: #ed1c2452;
  --surface: var(--surface-light);
  --color-50: var(--color-light-50);
  --color-75: var(--color-light-75);
  --color-100: var(--color-light-100);
  --color-200: var(--color-light-200);
  --color-300: var(--color-light-300);
  --color-400: var(--color-light-400);
  --color-500: var(--color-light-500);
  --color-600: var(--color-light-600);
  --color-700: var(--color-light-700);
  --color-800: var(--color-light-800);
  --color-900: var(--color-light-900);
  --section-default: #ed1c24;
  --section-vesti: #ed1c24;
  --section-stars: #f436ba;
  --section-sport: #191818;
  --section-sport-alt: #fec200;
  --section-hronika: #373746;
  --section-region: var(--section-default);
  --section-planeta: #08f;
  --section-zabava: #ff6f00;
  --section-stil: #b37a00;
  --section-biznis: #323cff;
  --section-zdravlje: #00cb77;
  --section-zdravlje-alt: #03444f;
  --section-tech: #5c2d91;
  --section-auto: #f16101;
  --section-nekretnine: #3352ff;
  --section-surface-default: #ed1c24;
  --section-surface-vesti: #ed1c24;
  --section-surface-stars: #f436ba;
  --section-surface-sport: #fec200;
  --section-surface-hronika: #373746;
  --section-surface-region: var(--section-surface-default);
  --section-surface-planeta: #08f;
  --section-surface-zabava: #ff6f00;
  --section-surface-stil: #b37a00;
  --section-surface-biznis: #323cff;
  --section-surface-zdravlje: #03444f;
  --section-surface-tech: #5c2d91;
  --section-surface-auto: #f16101;
  --section-surface-nekretnine: #3352ff;
  --section-default-text: var(--color-light-50);
  --section-vesti-text: var(--color-light-50);
  --section-stars-text: var(--color-light-50);
  --section-sport-text: var(--color-light-900);
  --section-hronika-text: var(--color-light-50);
  --section-region-text: var(--color-light-50);
  --section-planeta-text: var(--color-light-50);
  --section-zabava-text: var(--color-light-50);
  --section-tech-text: var(--color-light-50);
  --section-biznis-text: var(--color-light-50);
  --section-zdravlje-text: var(--color-light-50);
  --general-box-shadow: var(--color-200);
  --card-cta: #240041;
  --card-cta-hover: #170029;
  --tooltip-shadow: #00000021;
  --multimediaindicator-background: var(--color-50);
  --share-whatsapp: #455a64;
  --share-universal: var(--color-900);
  --share-copy-link: var(--color-900);
  --share-apple: #000;
  --label-sec-background: var(--accent-alt);
  --shadow-floating: var(--shadow-floating-light);
  --surface-transparent: #eaeaea00;
  --color-50-transparent: #fff0;
  --color-75-without-transparency: #f8f8f8;
  --color-100-without-transparency: #f1f1f1;
  --color-200-without-transparency: #eaeaea;
  --card-author-promo-text: var(--color-700);
  --card-author-promo-surface: var(--color-100);
  --columns-template-surface: #f9f6f2;
  --content-aside-btn-text: var(--color-light-50);
  --content-aside-btn-text-hover: var(--color-light-100);
  --main-box-shadow: 0 1px 2px 0 #00000021;
  --origami-in-feed-no-header-box-shadow-left: -2px 0 2px -1px #00000021;
  --origami-in-feed-no-header-box-shadow-right: 2px 0 2px -1px #00000021;
  --scrim-00: #f1f1f100;
  --scrim-50: #f1f1f180;
  --breaking-news-label-animation: var(--accent);
  --breaking-news-label-text: var(--color-900);
  --breaking-news-label-surface: var(--color-50);
  --breaking-news-title: var(--color-50);
  --breaking-news-surface: var(--accent);
  --weather: #ffdee1;
  --weather-sec: #c84751;
  --horoscope: #f0deff;
  --horoscope-sec: #7c5a98;
  --ticker-surface: #f3f3f3;
  --ticker-surface-transparent: #f3f3f300;
  --ticker-scrim-leading: linear-gradient(
    to right,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-scrim-trailing: linear-gradient(
    to left,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-shadow: 0 1px 0 0 #00000021;
  --video-indication-elements: var(--color-50);
  --video-indication-surface: var(--accent);
  --tv-widget-surface: var(--color-900);
  --tv-widget-surface-alpha-50: #19181880;
  --tv-widget-surface-transparent: #19181800;
  --tv-widget-scrim-leading: linear-gradient(
    to bottom,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --tv-widget-scrim-trailing: linear-gradient(
    to top,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --color-900-inverse: var(--color-dark-900);
  --color-800-inverse: var(--color-dark-800);
  --color-700-inverse: var(--color-dark-700);
  --color-300-inverse: var(--color-dark-300);
  --color-200-inverse: var(--color-dark-200);
  --color-100-inverse: var(--color-dark-100);
  --color-75-inverse: var(--color-dark-75);
  --color-50-inverse: var(--color-dark-50);
  --good: #dff198;
  --good-sec: #316723;
  --good-sec-08: #31672314;
  --moderate: #ffe793;
  --moderate-sec: #b4801e;
  --moderate-sec-08: #b4801e14;
  --unhealthy-for-sensitive-groups: #ffcaa7;
  --unhealthy-for-sensitive-groups-sec: #88452b;
  --unhealthy-for-sensitive-groups-sec-08: #88452b14;
  --unhealthy: #ffa8a5;
  --unhealthy-sec: #b43d38;
  --unhealthy-sec-08: #b43d3814;
  --very-unhealthy: #c593e2;
  --very-unhealthy-sec: #7b3ba0;
  --very-unhealthy-sec-08: #7b3ba014;
  --hazardous: #ac8b95;
  --hazardous-sec: #67414d;
  --hazardous-sec-08: #67414d14;
  --quiz-secondary-color: var(--quiz-secondary-color-light);
  --quiz-label-background: #ffbf00;
  --quiz-label-text: var(--color-900);
  --quiz-card-title: var(--quiz-secondary-color);
  --quiz-card-background: var(--quiz-primary-color);
  --quiz-label-basic-background: var(--quiz-secondary-color);
  --quiz-label-basic-text: var(--quiz-primary-color);
  --mondo-label-background: #0f1821;
  --column-card-background: var(--accent-secondary);
  --btn-prim-hover: var(--accent-hover);
  --btn-prim-alt-sec-background: var(--accent-alt);
  --btn-prim-alt-sec-hover-background: var(--accent-alt-hover);
  --btn-prim-datawall-hover-background: #00eaa4;
  --btn-whatsapp-hover: #10c152;
  --icon-bg: #fff;
  --icon-bg-hover: #f1f1f1;
  --icon-bor: #ddd;
  --icon-bor-hover: #bbb;
  --article-title: var(--color-900);
  --article-factbox-author: var(--color-600);
  --article-factbox-link: var(--accent);
  --article-factbox-link-hover: var(--accent-hover);
  --article-factbox-surface: var(--color-100);
  --article-factbox-text: var(--color-900);
  --article-factbox-accent: var(--accent);
  --article-quote-author: var(--color-600);
  --article-header-mondo-plus-background-image: url(../index/mondo+light.svg);
  --article-header-mondo-plus-background: var(--mondo-label-background);
  --mondo-plus-background: var(--mondo-label-background);
  --nav-surface: var(--color-50);
  --nav-storytelling-background: var(--color-50);
  --nav-item-resting: var(--color-900);
  --nav-item-after: var(--accent);
  --nav-item-active: var(--color-900);
  --subnav-surface: var(--color-75-without-transparency);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--accent);
  --nav-extra-icon-hover: var(--color-800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-avatar-shadow: var(--color-dark-100);
  --nav-avatar-no-initials: var(--color-50);
  --nav-avatar-no-initials-background: var(--accent);
  --nav-drawer-close: var(--color-500);
  --nav-drawer-close-hover: var(--color-600);
  --nav-drawer-close-background: var(--color-100);
  --nav-drawer-close-background-hover: var(--color-200);
  --nav-drawer-tab: var(--color-600);
  --nav-drawer-tab-hover: var(--color-900);
  --nav-drawer-tab-accent: var(--accent);
  --nav-drawer-box-shadow: 0 0 0 1px #0003, 0 1px 3px 0 #00000021;
  --nav-drawer-subitem-active: var(--color-dark-50);
  --live-tv-icon: var(--color-light-900);
  --live-tv-icon-surface: var(--color-light-50);
  --live-tv-text: var(--color-light-50);
  --live-tv-surface: var(--accent);
  --live-tv-surface-hover: var(--accent-hover);
  --article-header-back: var(--color-50);
  --article-lead: var(--color-800);
  --article-header-shadow: 0 1px 3px 0 #00000021;
  --article-intro-author: var(--accent);
  --article-header-intro-comma-timestamp: var(--color-700);
  --article-intro-comma-timestamp: var(--color-700);
  --breadcrumbs-color: var(--color-900);
  --breadcrumbs-color-special: var(--color-900);
  --breadcrumbs-color-special-hover: var(--color-800);
  --breadcrumbs-chevron: var(--color-500);
  --breadcrumbs-chevron-special: var(--color-500);
  --nav-drawer-magazines-item: var(--color-dark-50);
  --nav-drawer-magazines-item-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back-span: var(--color-200);
  --nav-drawer-social-hover: var(--color-100);
  --nav-drawer-social-icon: var(--color-dark-50);
  --nav-drawer-footer-border: 1px solid var(--color-light-200);
  --nav-drawer-tabs-shadow: var(--general-box-shadow);
  --nav-drawer-tab-active: var(--color-900);
  --authors-block-back: var(--color-100);
  --authors-block-author: var(--accent);
  --authors-block-author-hover: var(--accent-hover);
  --authors-block-description: var(--color-700);
  --authors-separator-color: var(--color-200);
  --authors-side-borders: #0000;
  --surface-scrim-leading: linear-gradient(
    to right,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --surface-scrim-trailing: linear-gradient(
    to left,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --color-50-scrim-leading: linear-gradient(
    to right,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-50-scrim-trailing: linear-gradient(
    to left,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-75-scrim-trailing: linear-gradient(
    to left,
    var(--color-75-without-transparency),
    var(--color-75-without-transparency) 50%,
    #0000
  );
  --stream-scrim-trailing: linear-gradient(
    to left,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --engagement-btn-text: var(--engagement-against-light-btn-text);
  --engagement-btn-surface-hover: var(
    --engagement-against-light-btn-surface-hover
  );
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-against-light-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-against-light-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-against-light-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-against-light-share-icon);
  --engagement-share-surface: var(--engagement-against-light-share-surface);
  --engagement-share-surface-hover: var(
    --engagement-against-light-share-surface-hover
  );
  --engagement-divider: var(--engagement-against-light-divider);
  --engagement-comments-count: var(--engagement-against-light-comments-count);
  --error-404-surface: var(--surface);
  --error-404-title: var(--color-900);
  --error-404-description: var(--color-600);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-form: var(--color-50);
  --search-header-mobile-close-icon: var(--color-500);
  --search-header-mobile-close-surface: var(--color-100);
  --search-header-desktop-form: var(--color-200);
  --search-surface: var(--color-50);
  --search-active-gradient: linear-gradient(
    to right,
    #fff0,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-storytelling-gradient: linear-gradient(
    to right,
    #fff0,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-shadow: #00000021;
  --search-input-background: var(--color-100);
  --search-input-caret-color: var(--accent);
  --search-info: var(--color-600);
  --search-input-placeholder: var(--color-700);
  --search-input-color: var(--color-900);
  --search-icon-close: var(--color-600);
  --search-icon-close-hover: var(--color-900);
  --error-color: #ea8309;
  --checkbox-hover: var(--accent-hover);
  --snackbar-success: #239df7;
  --snackbar-warning: var(--accent-alt-dark);
  --snackbar-error: #f79e33;
  --snackbar-body: var(--color-50);
  --snackbar-close-icon: var(--color-dark-500);
  --snackbar-close-icon-hover: var(--color-50);
  --snackbar-close-surface: #0000;
  --snackbar-close-surface-hover: var(--color-dark-100);
  --snackbar-surface: var(--color-light-900);
  --snackbar-shadow: 0 2px 3px #00000021;
  --scrollbar-thumb: var(--color-400);
  --scrollbar-thumb-hover: var(--color-500);
  --scrollbar-rail-hover: var(--color-200);
  --comments-disclaimer-icon: var(--color-dark-50);
  --comments-disclaimer-text: var(--color-dark-50);
  --comments-disclaimer-link-underline: linear-gradient(
    var(--color-500),
    var(--color-500)
  );
  --comments-disclaimer-surface: #ed1c2421;
  --topics-border: none;
  --topics-box-shadow: 0 1px 3px 0 #00000021;
  --live-label-animation: var(--color-50);
  --live-label-text: var(--color-50);
  --live-label-surface: var(--accent);
  --columnist-archive-description: var(--color-700);
  --intro-poll-answer-text-color: var(--color-900);
  --intro-poll-answer-background-color: var(--color-100);
  --nav-toggle-icon: var(--color-900);
  --nav-toggle-handle: var(--color-50);
  --nav-toggle-track: var(--color-400);
  --nav-drawer-toggle-icon: var(--color-900);
  --nav-drawer-toggle-handle: var(--color-50);
  --nav-drawer-toggle-track: var(--color-400);
  --highlighted-events-header: var(--color-900);
  --highlighted-events-divider: var(--color-200);
  --highlighted-events-timestamp: var(--accent);
  --highlighted-events-timestamp-hover: var(--accent-hover);
  --highlighted-events-title: var(--color-900);
  --highlighted-events-title-hover: var(--color-900);
  --highlighted-events-bullet: var(--accent);
  --highlighted-events-bullet-drop-shadow: var(
    --color-200-without-transparency
  );
  --highlighted-events-surface: var(--color-200);
  --highlighted-events-toggle-surface: var(--color-dark-50);
  --highlighted-events-toggle-surface-active: var(--color-dark-50);
}
.dark {
  --background-color: var(--surface-dark);
  --color: var(--color-900);
  --accent: var(--accent-dark);
  --accent-hover: #ff4148;
  --accent-alt: var(--accent-alt-dark);
  --accent-alt-hover: #ff4148;
  --accent-32: #fe262f52;
  --surface: var(--surface-dark);
  --color-50: var(--color-dark-50);
  --color-75: var(--color-dark-75);
  --color-100: var(--color-dark-100);
  --color-200: var(--color-dark-200);
  --color-300: var(--color-dark-300);
  --color-400: var(--color-dark-400);
  --color-500: var(--color-dark-500);
  --color-600: var(--color-dark-600);
  --color-700: var(--color-dark-700);
  --color-800: var(--color-dark-800);
  --color-900: var(--color-dark-900);
  --section-default: #fe262f;
  --section-vesti: #fe262f;
  --section-stars: #ff5acd;
  --section-sport: #fec200;
  --section-sport-alt: #191818;
  --section-hronika: #b7b7c3;
  --section-region: var(--section-default);
  --section-planeta: #08f;
  --section-zabava: #ff6f00;
  --section-stil: #d59713;
  --section-biznis: #6e75ff;
  --section-zdravlje: #00cb77;
  --section-zdravlje-alt: #03444f;
  --section-tech: #8e65e8;
  --section-auto: #f16101;
  --section-nekretnine: #627aff;
  --section-surface-default: #fe262f;
  --section-surface-vesti: #fe262f;
  --section-surface-stars: #ff5acd;
  --section-surface-sport: #fec200;
  --section-surface-hronika: #b7b7c3;
  --section-surface-region: var(--section-surface-default);
  --section-surface-planeta: #08f;
  --section-surface-zabava: #ff6f00;
  --section-surface-stil: #d59713;
  --section-surface-biznis: #6e75ff;
  --section-surface-zdravlje: #00cb77;
  --section-surface-tech: #8e65e8;
  --section-surface-auto: #f16101;
  --section-surface-nekretnine: #627aff;
  --section-default-text: var(--color-light-50);
  --section-vesti-text: var(--color-light-50);
  --section-stars-text: var(--color-light-900);
  --section-sport-text: var(--color-light-900);
  --section-hronika-text: var(--color-light-900);
  --section-region-text: var(--color-light-50);
  --section-planeta-text: var(--color-light-900);
  --section-zabava-text: var(--color-light-900);
  --section-tech-text: var(--color-light-900);
  --section-biznis-text: var(--color-light-900);
  --section-zdravlje-text: var(--color-light-900);
  --general-box-shadow: var(--color-200);
  --card-cta: var(--color-dark-900);
  --card-cta-hover: #ebe6e6;
  --tooltip-shadow: #0000;
  --multimediaindicator-background: var(--color-50);
  --share-whatsapp: var(--color-900);
  --share-universal: var(--color-900);
  --share-copy-link: var(--color-900);
  --share-apple: #fff;
  --label-sec-background: var(--accent-alt);
  --shadow-floating: var(--shadow-floating-dark);
  --surface-transparent: #0000;
  --color-50-transparent: #26252500;
  --color-75-without-transparency: #2f2e2e;
  --color-100-without-transparency: #373636;
  --color-200-without-transparency: #404040;
  --card-author-promo-text: var(--color-700);
  --card-author-promo-surface: var(--color-100);
  --columns-template-surface: #363434;
  --content-aside-btn-text: var(--color-light-50);
  --content-aside-btn-text-hover: var(--color-light-100);
  --main-box-shadow: none;
  --origami-in-feed-no-header-box-shadow-left: none;
  --origami-in-feed-no-header-box-shadow-right: none;
  --scrim-00: #37363600;
  --scrim-50: #37363680;
  --breaking-news-label-animation: var(--accent);
  --breaking-news-label-text: var(--color-light-900);
  --breaking-news-label-surface: var(--color-light-50);
  --breaking-news-title: var(--color-light-50);
  --breaking-news-surface: var(--accent);
  --weather: #c84751;
  --weather-sec: #ffdee1;
  --horoscope: #7c5a98;
  --horoscope-sec: #f0deff;
  --ticker-surface: #141414;
  --ticker-surface-transparent: #14141400;
  --ticker-scrim-leading: linear-gradient(
    to right,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-scrim-trailing: linear-gradient(
    to left,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-shadow: 0 1px 0 0 #ffffff21;
  --video-indication-elements: var(--color-light-50);
  --video-indication-surface: var(--accent);
  --tv-widget-surface: var(--color-50);
  --tv-widget-surface-alpha-50: #26252580;
  --tv-widget-surface-transparent: var(--color-50-transparent);
  --tv-widget-scrim-leading: linear-gradient(
    to bottom,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --tv-widget-scrim-trailing: linear-gradient(
    to top,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --color-900-inverse: var(--color-light-900);
  --color-800-inverse: var(--color-light-800);
  --color-700-inverse: var(--color-light-700);
  --color-300-inverse: var(--color-light-300);
  --color-200-inverse: var(--color-light-200);
  --color-100-inverse: var(--color-light-100);
  --color-75-inverse: var(--color-light-75);
  --color-50-inverse: var(--color-light-50);
  --good: #316723;
  --good-sec: #dff198;
  --good-sec-08: #dff19814;
  --moderate: #b4801e;
  --moderate-sec: #ffe793;
  --moderate-sec-08: #ffe79314;
  --unhealthy-for-sensitive-groups: #88452b;
  --unhealthy-for-sensitive-groups-sec: #ffcaa7;
  --unhealthy-for-sensitive-groups-sec-08: #ffcaa714;
  --unhealthy: #b43d38;
  --unhealthy-sec: #ffa8a5;
  --unhealthy-sec-08: #ffa8a514;
  --very-unhealthy: #7b3ba0;
  --very-unhealthy-sec: #c593e2;
  --very-unhealthy-sec-08: #c593e214;
  --hazardous: #67414d;
  --hazardous-sec: #ac8b95;
  --hazardous-sec-08: #ac8b9514;
  --quiz-secondary-color: var(--background-color);
  --quiz-label-background: #ffbf00;
  --quiz-label-text: var(--color-light-900);
  --quiz-card-title: var(--quiz-secondary-color);
  --quiz-card-background: var(--quiz-primary-color);
  --quiz-label-basic-background: var(--quiz-primary-color);
  --quiz-label-basic-text: var(--quiz-secondary-color-light);
  --mondo-label-background: var(--accent-data-wall);
  --column-card-background: var(--accent-secondary);
  --btn-prim-hover: var(--accent-hover);
  --btn-prim-alt-sec-background: var(--accent-alt);
  --btn-prim-alt-sec-hover-background: var(--accent-alt-hover);
  --btn-prim-datawall-hover-background: #95ffdf;
  --btn-whatsapp-hover: #53e88b;
  --icon-bg: #37353a;
  --icon-bg-hover: #433e42;
  --icon-bor: #525055;
  --icon-bor-hover: #8c8b8f;
  --article-title: var(--color-900);
  --article-factbox-author: var(--color-600);
  --article-factbox-link: var(--accent);
  --article-factbox-link-hover: var(--accent-hover);
  --article-factbox-surface: var(--color-100);
  --article-factbox-text: var(--color-900);
  --article-factbox-accent: var(--accent);
  --article-quote-author: var(--color-600);
  --article-header-mondo-plus-background-image: url(../index/mondo+dark.svg);
  --article-header-mondo-plus-background: #00ffb3;
  --mondo-plus-background: var(--accent-data-wall);
  --nav-surface: var(--color-50);
  --nav-storytelling-background: var(--color-50);
  --nav-item-resting: var(--color-900);
  --nav-item-after: var(--accent);
  --nav-item-active: var(--color-900);
  --subnav-surface: var(--color-75-without-transparency);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--accent);
  --nav-extra-icon-hover: var(--color-800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-avatar-shadow: var(--color-light-100);
  --nav-avatar-no-initials: var(--color-light-50);
  --nav-avatar-no-initials-background: var(--accent);
  --nav-drawer-close: var(--color-500);
  --nav-drawer-close-hover: var(--color-600);
  --nav-drawer-close-background: var(--color-100);
  --nav-drawer-close-background-hover: var(--color-200);
  --nav-drawer-tab: var(--color-600);
  --nav-drawer-tab-hover: var(--color-900);
  --nav-drawer-tab-accent: var(--accent);
  --nav-drawer-box-shadow: 0 0 0 1px #fff3;
  --nav-drawer-subitem-active: var(--color-light-50);
  --live-tv-icon: var(--color-light-900);
  --live-tv-icon-surface: var(--color-light-50);
  --live-tv-text: var(--color-light-50);
  --live-tv-surface: var(--accent);
  --live-tv-surface-hover: var(--accent-hover);
  --article-header-back: var(--color-50);
  --article-lead: var(--color-800);
  --article-header-shadow: 0 1px 3px 0 #00000021;
  --article-intro-author: var(--accent);
  --article-header-intro-comma-timestamp: var(--color-700);
  --article-intro-comma-timestamp: var(--color-700);
  --breadcrumbs-color: var(--color-900);
  --breadcrumbs-color-special: var(--color-900);
  --breadcrumbs-color-special-hover: var(--color-800);
  --breadcrumbs-chevron: var(--color-500);
  --breadcrumbs-chevron-special: var(--color-500);
  --nav-drawer-magazines-item: var(--color-light-50);
  --nav-drawer-magazines-item-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back: var(--color-light-100);
  --nav-drawer-magazines-item-hover-back-span: var(--color-light-200);
  --nav-drawer-social-hover: var(--color-100);
  --nav-drawer-social-icon: var(--color-light-50);
  --nav-drawer-footer-border: 1px solid var(--color-dark-200);
  --nav-drawer-tabs-shadow: var(--general-box-shadow);
  --nav-drawer-tab-active: var(--color-900);
  --authors-block-back: var(--color-100);
  --authors-block-author: var(--accent);
  --authors-block-author-hover: var(--accent-hover);
  --authors-block-description: var(--color-700);
  --authors-separator-color: var(--color-200);
  --authors-side-borders: #0000;
  --surface-scrim-leading: linear-gradient(
    to right,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --surface-scrim-trailing: linear-gradient(
    to left,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --color-50-scrim-leading: linear-gradient(
    to right,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-50-scrim-trailing: linear-gradient(
    to left,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-75-scrim-trailing: linear-gradient(
    to left,
    var(--color-75-without-transparency),
    var(--color-75-without-transparency) 50%,
    #0000
  );
  --stream-scrim-trailing: linear-gradient(
    to left,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --engagement-btn-text: var(--engagement-against-dark-btn-text);
  --engagement-btn-surface-hover: var(
    --engagement-against-dark-btn-surface-hover
  );
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-against-dark-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-against-dark-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-against-dark-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-against-dark-share-icon);
  --engagement-share-surface: var(--engagement-against-dark-share-surface);
  --engagement-share-surface-hover: var(
    --engagement-against-dark-share-surface-hover
  );
  --engagement-divider: var(--engagement-against-dark-divider);
  --engagement-comments-count: var(--engagement-against-dark-comments-count);
  --error-404-surface: var(--color-50);
  --error-404-title: var(--color-900);
  --error-404-description: var(--color-600);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-form: var(--color-50);
  --search-header-mobile-close-icon: var(--color-500);
  --search-header-mobile-close-surface: var(--color-100);
  --search-header-desktop-form: var(--color-200);
  --search-surface: var(--color-50);
  --search-active-gradient: linear-gradient(
    to right,
    #26252500,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-storytelling-gradient: linear-gradient(
    to right,
    #26252500,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-shadow: #00000021;
  --search-input-background: var(--color-100);
  --search-input-caret-color: var(--accent);
  --search-info: var(--color-600);
  --search-input-placeholder: var(--color-700);
  --search-input-color: var(--color-900);
  --search-icon-close: var(--color-600);
  --search-icon-close-hover: var(--color-900);
  --error-color: #f79e33;
  --checkbox-hover: var(--accent-hover);
  --snackbar-success: #167ffc;
  --snackbar-warning: var(--accent-alt-light);
  --snackbar-error: var(--error-color);
  --snackbar-body: var(--color-light-900);
  --snackbar-close-icon: var(--color-light-500);
  --snackbar-close-icon-hover: var(--color-light-900);
  --snackbar-close-surface: #0000;
  --snackbar-close-surface-hover: var(--color-light-100);
  --snackbar-surface: var(--color-dark-900);
  --snackbar-shadow: none;
  --scrollbar-thumb: var(--color-400);
  --scrollbar-thumb-hover: var(--color-500);
  --scrollbar-rail-hover: var(--color-200);
  --comments-disclaimer-icon: var(--color-900);
  --comments-disclaimer-text: var(--color-900);
  --comments-disclaimer-link-underline: linear-gradient(
    var(--color-500),
    var(--color-500)
  );
  --comments-disclaimer-surface: #fd414836;
  --topics-border: solid 1px var(--color-200);
  --topics-box-shadow: none;
  --live-label-animation: var(--color-light-50);
  --live-label-text: var(--color-light-50);
  --live-label-surface: var(--accent);
  --columnist-archive-description: var(--color-600);
  --intro-poll-answer-text-color: var(--color-900);
  --intro-poll-answer-background-color: var(--color-100);
  --nav-toggle-icon: var(--color-900);
  --nav-toggle-handle: var(--color-50);
  --nav-toggle-track: var(--color-400);
  --nav-drawer-toggle-icon: var(--color-900);
  --nav-drawer-toggle-handle: var(--color-50);
  --nav-drawer-toggle-track: var(--color-400);
  --highlighted-events-header: var(--color-900);
  --highlighted-events-divider: var(--color-200);
  --highlighted-events-timestamp: var(--accent);
  --highlighted-events-timestamp-hover: var(--accent-hover);
  --highlighted-events-title: var(--color-900);
  --highlighted-events-title-hover: var(--color-900);
  --highlighted-events-bullet: var(--accent);
  --highlighted-events-bullet-drop-shadow: var(
    --color-200-without-transparency
  );
  --highlighted-events-surface: var(--color-200);
  --highlighted-events-toggle-surface: var(--color-dark-50);
  --highlighted-events-toggle-surface-active: var(--color-dark-50);
}
.container,
.is-main {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 429px) {
  .container,
  .is-main {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .container,
  .is-main {
    max-width: 1024px;
  }
}
.is-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 auto;
}
@media (min-width: 429px) {
  .is-main.hasTopMargin {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .is-main {
    flex-direction: row;
    width: 100%;
  }
}
.is-main > .generic-component {
  display: flex;
  flex: 1 0 auto;
}
.is-main > .generic-component:nth-child(2) {
  display: flex;
  flex: 0 1 auto;
}
.is-main-feed-container {
  display: flex;
}
@media (min-width: 1024px) {
  .is-main-feed-container {
    margin-right: 4px;
  }
}
.is-main-feed-container.full-width {
  width: 100%;
}
.is-main-feed-container.is-first {
  z-index: 2;
}
.is-content {
  padding: 0;
}
.is-content.fullWidth {
  width: 100%;
}
@media (min-width: 1024px) {
  .is-content {
    flex-basis: 100%;
    max-width: 704px;
    width: 704px;
  }
}
.is-narrow {
  max-width: 484px;
}
@media (min-width: 1024px) {
  .is-narrow {
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 4px;
    max-width: 216px;
    width: 216px;
  }
  .is-narrow .hasTopMargin {
    margin-top: 4px;
  }
}
.is-sidebar {
  max-width: 484px;
}
@media (min-width: 1024px) {
  .is-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 316px;
  }
  .is-sidebar .hasTopMargin {
    margin-top: 4px;
  }
  .article-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 316px;
  }
  .article-below .below-article-content {
    margin-right: 4px;
    width: 704px;
  }
}
.feed-container {
  background-color: var(--color-50);
  border-radius: 0;
  box-shadow: 0 1px 3px #00000021;
}
@media (min-width: 1024px) {
  .scroll-reference-start.sidebar-top-margin {
    margin-top: 4px;
  }
}
.is-games-wrapper {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 8px 4px;
}
.is-games-wrapper iframe {
  display: block;
  max-width: 100% !important;
  min-width: unset !important;
}
@media (min-width: 1024px) {
  .banners-side-by-side {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .banners-side-by-side > .generic-component {
    align-self: auto;
    display: block;
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 1;
    order: 0;
  }
  .banners-side-by-side > .generic-component:first-child,
  .banners-side-by-side > .generic-component:nth-child(2) {
    flex-basis: 50%;
  }
} /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 700;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
embed,
img,
object,
video {
  height: auto;
  max-width: 100%;
}
audio {
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
@supports (font-variation-settings: normal) {
  .Vue-Toastification__toast-body,
  .comment-input-field {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .Vue-Toastification__toast-body,
  .comment-input-field {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  body .gigya-screen-dialog .gigya-screen .gigya-label {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  body .gigya-screen-dialog .gigya-screen .gigya-label {
    font-weight: 600;
  }
}

body,
html {
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  margin: 0;
  min-height: 100vh;
  padding: 0;
}
body {
  -webkit-font-smoothing: antialiased;
}
body.has-full-screen-active,
body.has-gallery-full-screen-active {
  overflow: hidden;
}
@media (min-width: 1024px) {
  body.has-full-screen-active,
  body.has-gallery-full-screen-active {
    overflow: unset;
  }
}
h1 {
  margin: 0;
}
:root {
  color-scheme: light dark;
}
.main {
  background-color: var(--surface);
  color: var(--color);
  min-height: 100vh;
}
section {
  display: inline-block;
  width: 100%;
}
a {
  color: unset;
  text-decoration: none;
}
.main-container {
  position: relative;
  z-index: 2;
}
.main-container.is-full-screen-gallery {
  position: unset !important;
}
.container.hasTopMargin,
.hasTopMargin,
.is-main.hasTopMargin {
  margin-top: 4px;
}
#didomi-host * {
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
}
#didomi-host .didomi-exterior-border {
  margin: auto auto 0 !important;
}
@media (min-width: 1024px) {
  #didomi-host .didomi-exterior-border {
    margin: auto !important;
  }
}
#didomi-host .didomi-popup-backdrop {
  background-color: initial !important;
}
@media (min-width: 1024px) {
  #didomi-host .didomi-popup-backdrop {
    background-color: #fffc !important;
  }
}
.category-surface-color-default {
  background-color: var(--section-default);
}
.category-surface-color-news,
.category-surface-color-vesti {
  background-color: var(--section-surface-vesti);
}
.category-surface-color-stars {
  background-color: var(--section-surface-stars);
}
.category-surface-color-sport {
  background-color: var(--section-surface-sport);
}
.category-surface-color-hronika {
  background-color: var(--section-surface-hronika);
}
.category-surface-color-region {
  background-color: var(--section-surface-region);
}
.category-surface-color-planeta {
  background-color: var(--section-surface-planeta);
}
.category-surface-color-zabava {
  background-color: var(--section-surface-zabava);
}
.category-surface-color-biznis {
  background-color: var(--section-surface-biznis);
}
.category-surface-color-zdravlje {
  background-color: var(--section-surface-zdravlje);
}
.category-surface-color-stil {
  background-color: var(--section-surface-stil);
}
.category-surface-color-tech {
  background-color: var(--section-surface-tech);
}
.category-color-vesti {
  color: var(--section-vesti);
}
.category-color-stars {
  color: var(--section-stars);
}
.category-color-sport {
  color: var(--section-sport);
}
.category-color-hronika {
  color: var(--section-hronika);
}
.category-color-region {
  color: var(--section-region);
}
.category-color-planeta {
  color: var(--section-planeta);
}
.category-color-zabava {
  color: var(--section-zabava);
}
.category-color-biznis {
  color: var(--section-biznis);
}
.category-color-zdravlje {
  color: var(--section-zdravlje);
}
.category-color-stil {
  color: var(--section-stil);
}
.category-color-tech {
  color: var(--section-tech);
}
.background-category-color-vesti {
  background-color: var(--section-surface-vesti);
  color: var(--section-vesti-text);
}
.background-category-color-stars {
  background-color: var(--section-surface-stars);
  color: var(--section-stars-text);
}
.background-category-color-sport {
  background-color: var(--section-surface-sport);
  color: var(--section-sport-text);
}
.background-category-color-hronika {
  background-color: var(--section-surface-hronika);
  color: var(--section-hronika-text);
}
.background-category-color-region {
  background-color: var(--section-surface-region);
  color: var(--section-region-text);
}
.background-category-color-planeta {
  background-color: var(--section-surface-planeta);
  color: var(--section-planeta-text);
}
.background-category-color-zabava {
  background-color: var(--section-surface-zabava);
  color: var(--section-zabava-text);
}
.background-category-color-biznis {
  background-color: var(--section-surface-biznis);
  color: var(--section-biznis-text);
}
.background-category-color-zdravlje {
  background-color: var(--section-surface-zdravlje);
  color: var(--section-zdravlje-text);
}
.background-category-color-stil {
  background-color: var(--section-surface-stil);
  color: var(--section-stil-text);
}
.background-category-color-tech {
  background-color: var(--section-surface-tech);
  color: var(--section-tech-text);
}
.background-category-color-default {
  background-color: var(--section-surface-default);
  color: var(--section-default-text);
}

[class*=" icon-"],
[class^="icon-"] {
  font-family: icons !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-light--filled:before {
  content: "\263C";
}
.icon-asleep--filled:before {
  content: "";
}
.icon-logo--linkedin:before {
  content: "";
}
.icon-logo--tiktok:before {
  content: "";
}
.icon-add:before {
  content: "";
}
.icon-information:before {
  content: "";
}
.icon-logo--twitter:before {
  content: "";
}
.icon-good:before {
  content: "";
}
.icon-hazardous:before {
  content: "";
}
.icon-moderate:before {
  content: "";
}
.icon-unhealthy:before {
  content: "";
}
.icon-unhealthy-for-sensitive-groups:before {
  content: "";
}
.icon-very-unhealthy:before {
  content: "";
}
.icon-logo--pinterest:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-cut-icon:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-keyboard:before {
  content: "";
}
.icon-rotate--counterclockwise--alt:before {
  content: "";
}
.icon-notification:before {
  content: "";
}
.icon-logo--facebook:before {
  content: "";
}
.icon-play:before {
  content: "\25B6";
  font-family: "Inter";
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 8px;
}
.icon-add-comment:before {
  content: "";
}
.icon-add-reply-custom:before {
  content: "";
}
.icon-arrow--right:before {
  content: "";
}
.icon-arrows--horizontal:before {
  content: "";
}
.icon-camera:before {
  content: "";
}
.icon-chat:before {
  content: "";
}
.icon-checkmark:before {
  content: "";
}
.icon-checkmark--filled:before {
  content: "";
}
.icon-checkmark--small-custom:before {
  content: "";
}
.icon-chevron--down:before {
  content: "";
}
.icon-chevron--left:before {
  content: "";
}
.icon-chevron--right:before {
  content: "";
}
.icon-chevron--sort:before {
  content: "";
}
.icon-chevron--up:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-close--filled:before {
  content: "";
}
.icon-copy--link:before {
  content: "";
}
.icon-email:before {
  content: "";
}
.icon-equalizer:before {
  content: "";
}
.icon-error:before {
  content: "";
}
.icon-headphones-custom:before {
  content: "";
}
.icon-hinton-plot:before {
  content: "";
}
.icon-launch:before {
  content: "";
}
.icon-list:before {
  content: "";
}
.icon-locked:before {
  content: "";
}
.icon-logo--instagram:before {
  content: "";
}
.icon-logo--youtube:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-overflow-menu--vertical:before {
  content: "";
}
.icon-pause--filled:before {
  content: "";
}
.icon-phone:before {
  content: "";
}
.icon-play--filled--alt:before {
  content: "";
}
.icon-logo--rss:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-send:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-skip--back:before {
  content: "";
}
.icon-skip--forward:before {
  content: "";
}
.icon-sort--ascending:before {
  content: "";
}
.icon-tag--group:before {
  content: "";
}
.icon-thumbs-up:before {
  content: "";
}
.icon-time:before {
  content: "";
}
.icon-tree-view--alt:before {
  content: "";
}
.icon-user--avatar:before {
  content: "";
}
.icon-view:before {
  content: "";
}
.icon-view--off:before {
  content: "";
}
.icon-warning:before {
  content: "";
}
.icon-maximize:before {
  content: "";
}
.icon-minimize:before {
  content: "";
}
.icon-logo--googlenews:before {
  content: "";
}
body .gigya-screen-dialog {
  z-index: 10001 !important;
}
body .gigya-ios {
  position: fixed !important;
}
body .gigya-screen-dialog .gigya-screen,
body
  .gigya-screen-dialog
  .gigya-screen
  .gigya-composite-control.gigya-composite-control-password
  .gigya-label
  span {
  font-family: Inter, Helvetica Neue, arial, sans-serif;
}
body .gigya-screen-dialog .gigya-screen input:-webkit-autofill,
body .gigya-screen-dialog .gigya-screen input[type="email"],
body .gigya-screen-dialog .gigya-screen input[type="password"],
body .gigya-screen-dialog .gigya-screen input[type="text"] {
  padding: 20px 12px 6px !important;
}
body .gigya-screen-dialog .gigya-screen .gigya-error-msg {
  position: relative;
}
body .gigya-screen-dialog .gigya-screen .gigya-error-msg:after {
  background-color: #ea8309 !important;
  content: "";
  display: block;
  height: 2px;
  left: 12px;
  position: absolute;
  right: 12px;
  top: -2px;
  z-index: 100;
}
body .gigya-label-divider span,
body
  .gigya-screen
  .gigya-layout-row.with-divider
  > .gigya-layout-cell.with-divider
  > .gigya-divider-content {
  box-shadow: none !important;
}
body .gigya-style-modern #gigya-screen-dialog-page-overlay {
  background-color: #0f182133;
  opacity: unset;
}
body .gigya-style-modern div.gigya-screen-dialog-top {
  background-color: #fff !important;
  border-radius: 0 !important;
  line-height: 1.5rem !important;
  padding: 0 !important;
}
body .gigya-style-modern div.gigya-screen-dialog-caption {
  color: #141313 !important;
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.5rem !important;
  padding-right: 27px !important;
}
@supports (font-variation-settings: normal) {
  body .gigya-style-modern div.gigya-screen-dialog-caption {
    font-variation-settings: "wght" 800;
  }
}
body .gigya-style-modern div.gigya-screen-dialog-inner {
  overflow: unset !important;
}
body .login-btn:active,
body a[role="button"]:active,
body button:active,
body input[type="submit"]:active {
  transform: scale(0.96) !important;
}
body
  .gigya-screen-dialog
  .gigya-screen
  .gigya-composite-control-checkbox
  .gigya-error-msg:after {
  background-color: #fff !important;
}
.gigya-social-login-container {
  position: static !important;
}
.gigya-social-login-container,
.gigya-social-login-container > div {
  height: auto !important;
  margin: 0;
  width: 100% !important;
}
.gigya-login-provider-row {
  height: 40px !important;
  padding: 0;
}
.gigya-login-provider-row + .gigya-login-provider-row {
  padding-top: 20px;
}
.form-textbox {
  margin-bottom: 20px;
}
.header {
  background-color: var(--nav-surface);
  position: sticky;
  top: 0;
  z-index: 10000;
}
@media (min-width: 1024px) {
  .header {
    box-shadow: var(--nav-shadow);
    top: -72px;
  }
}
.has-gallery-full-screen-active .header {
  z-index: 0;
}
.header .is-hidden {
  opacity: 0;
  visibility: hidden;
}
.header.has-dark-submenu .header__content_wrap {
  background-color: var(--nav-surface);
}
@media (min-width: 1024px) {
  .header.is-full:after {
    background-color: var(--nav-bottom-line);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 72px;
  }
}
.header__content_wrap.nav-storytelling {
  background-color: var(--nav-storytelling-background);
}
.header__content {
  background-color: var(--color-50);
}
.is-thin .header__content {
  background-color: var(--nav-surface);
}
.header__content-container {
  align-items: center;
  box-shadow: 0 1px 0 0 var(--general-box-shadow);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1008px;
  position: relative;
}
@media (min-width: 1024px) {
  .header__content-container {
    box-shadow: none;
    flex-wrap: nowrap;
  }
}
.header__content-container .header-logo {
  display: none;
}
@media (min-width: 1024px) {
  .header__content-container .header-logo {
    display: flex;
    opacity: 1;
    width: var(--header-short-logo-width);
  }
  .is-full .header__content-container .header-logo {
    opacity: 0;
    transform: scale(0);
    width: 0;
  }
}
.header__content-container .header-extra {
  position: absolute;
  right: 0;
  top: -48px;
}
@media (min-width: 1024px) {
  .header__content-container .header-extra {
    top: -60px;
  }
  .is-thin .header__content-container .header-extra {
    animation-duration: 0.3s;
    animation-name: fade-in;
    position: static;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header__content-top {
  background-color: var(--nav-surface);
}
.header__content-top-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1008px;
  padding: 8px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .header__content-top-container {
    height: 72px;
    padding: 10px 0;
  }
}
.header-logo__image {
  margin-left: var(--header-logo-mobile-margin);
}
@media (min-width: 1024px) {
  .header-logo__image {
    margin-left: 0;
  }
}
.has-active-search .header-logo {
  z-index: 20;
}
.header-logo__wrap {
  font-size: 0;
  height: auto;
  line-height: 0;
}
.header-logo__span {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
}
.header-search__close {
  align-items: center;
  background-color: var(--search-header-mobile-close-surface);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .header-search__close {
    display: none;
  }
}
.header-search__close .icon-close {
  color: var(--search-header-mobile-close-icon);
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.header-search-wrap {
  background: var(--search-header-mobile-gradient);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .header-search-wrap {
    background: var(--search-surface);
    border-radius: 3px;
    left: 24px;
  }
}
.nav-storytelling .header-search-wrap {
  background-color: var(--nav-storytelling-background);
}
.header-search {
  height: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
@media (min-width: 1024px) {
  .header-search {
    height: 40px;
    left: auto;
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.15s;
    width: 0;
  }
}
.header-search form {
  background-color: var(--search-header-mobile-form);
  height: 48px;
  margin-top: 48px;
  position: relative;
  width: 0;
}
@media (min-width: 1024px) {
  .header-search form {
    background-color: var(--search-header-desktop-form);
    height: 100%;
    margin-top: 0;
    padding: 0 40px 0 0;
    transition: all 0.15s;
    width: 0;
  }
}
.header-search form:before {
  background-color: var(--nav-bottom-line);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .header-search form:before {
    display: none;
  }
}
.header-search form .icon-close--filled {
  align-items: center;
  border-radius: 50%;
  color: var(--search-icon-close);
  display: flex;
  font-size: 1rem;
  height: 32px;
  justify-content: center;
  line-height: 1rem;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
  width: 32px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .header-search form .icon-close--filled:hover {
    color: var(--search-icon-close-hover);
  }
  .header-search form .icon-close--filled {
    margin-right: 4px;
    right: 0;
  }
}
.header-search form input {
  background-color: var(--search-input-background);
  border: none;
  border-radius: 3px;
  caret-color: var(--search-caret-color);
  color: var(--search-input-color);
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 1rem;
  height: 32px;
  line-height: 1.25rem;
  margin: 8px 16px;
  padding: 12px;
  width: calc(100% - 32px);
}
@supports (font-variation-settings: normal) {
  .header-search form input {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .header-search form input {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .header-search form input {
    background-color: initial;
    border-radius: 0;
    height: 100%;
    margin: 0;
    width: 100%;
  }
}
.header-search form input:focus,
.header-search form input:focus-visible {
  border: none;
  outline: none;
}
.header-search form input::placeholder {
  color: var(--search-input-placeholder);
  font-size: 1rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .header-search form input::placeholder {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .header-search form input::placeholder {
    font-weight: 400;
  }
}
.header-search.is-active {
  height: 96px;
}
@media (min-width: 1024px) {
  .header-search.is-active {
    height: 40px;
    width: 344px;
  }
  .header-search.is-active:before {
    background-image: var(--search-active-gradient);
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    width: 24px;
  }
  .nav-storytelling .header-search.is-active:before {
    background-image: var(--search-storytelling-gradient);
  }
}
.header-search.is-active form {
  width: 100%;
}
@media (min-width: 1024px) {
  .header-search.is-active form {
    border-radius: 3px;
    width: 320px;
  }
}
.header-extra {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  order: 2;
}
@media (min-width: 1024px) {
  .header-extra {
    order: 3;
  }
}
.header-extra__icon {
  align-items: center;
  border-radius: 50%;
  color: var(--nav-extra-icon);
  display: flex;
  font-size: 1.5rem;
  height: 32px;
  justify-content: center;
  line-height: 1.5rem;
  margin-right: 8px;
  position: relative;
  transition: all 0.15s;
  width: 32px;
}
.header-extra__icon.no-user {
  display: flex;
}
@media (min-width: 1024px) {
  .header-extra__icon:last-of-type {
    margin-right: 0;
  }
  .header-extra__icon.is-user {
    margin-right: 8px;
  }
}
.header-extra__icon:after {
  background-color: var(--nav-extra-icon-after);
  border-radius: 1px 1px 0 0;
  bottom: -8px;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -14px;
  opacity: 0;
  position: absolute;
  transition: 0.15s;
  transition-property: opacity, color, background-color;
  width: 28px;
}
@media (min-width: 1024px) {
  .header-extra__icon:after {
    bottom: -20px;
  }
  .is-thin .header-extra__icon:after {
    bottom: -10px;
  }
  .header-extra__icon:hover {
    background-color: var(--nav-extra-icon-surface-hover);
    color: var(--nav-extra-icon-hover);
    cursor: pointer;
  }
  .header-extra__icon:hover.isSpinner {
    cursor: auto;
  }
}
.header-extra__icon.is-active {
  background-color: var(--nav-extra-icon-active-background);
  color: var(--nav-extra-icon-active);
}
.header-extra__icon.is-active:after {
  opacity: 1;
}
.header-extra__icon.router-link-active {
  background-color: var(--nav-extra-icon-link-active);
  color: #fff;
}
.header-extra__icon.router-link-active:after {
  opacity: 1;
}
@media (min-width: 1024px) {
  .header-extra__menu {
    margin-right: 8px;
  }
}
.header-extra__initials,
.header-extra__no-initials {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 0.75rem;
  height: 24px;
  justify-content: center;
  position: relative;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .header-extra__initials,
  .header-extra__no-initials {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .header-extra__initials,
  .header-extra__no-initials {
    font-weight: 800;
  }
}
.header-extra__initials:before,
.header-extra__no-initials:before {
  border-radius: 50%;
  bottom: 0;
  box-shadow: inset 0 0 0 1px var(--nav-avatar-shadow);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.15s;
  z-index: 1;
}
.header-extra__initials:after,
.header-extra__no-initials:after {
  background-color: var(--nav-avatar-background);
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.15s;
  z-index: 2;
}
@media (min-width: 1024px) {
  .header-extra__initials:hover:after,
  .header-extra__no-initials:hover:after {
    opacity: 1;
  }
}
.header-extra__no-initials {
  background-color: var(--nav-avatar-no-initials-background);
  color: var(--nav-avatar-no-initials);
  font-size: 1rem;
}
.header-extra__initials:before {
  box-shadow: 0 0 0 2px var(--generic-avatar-shadow);
}
.header .theme-toggle {
  cursor: pointer;
  display: none;
  height: 32px;
  margin-right: 6px;
  margin-top: 0;
  position: relative;
  width: 48px;
}
@media (min-width: 1024px) {
  .header .theme-toggle {
    display: block;
  }
}
.header .theme-toggle:before {
  background-color: #54545452;
  border-radius: 10px;
  content: "";
  display: block;
  height: 20px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 36px;
}
.header .theme-toggle .icon-wrap {
  border-radius: 50%;
  height: 16px;
  left: 8px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 8px;
  transition: all 0.4s ease;
  width: 16px;
  z-index: 1;
}
.header .theme-toggle .icon {
  background-color: #fff;
  border-radius: 50%;
  color: var(--nav-toggle-icon);
  display: block;
  height: 16px;
  width: 16px;
}
.header .theme-toggle .icon:before {
  bottom: 2px;
  font-size: 12px;
  left: 2px;
  position: relative;
}
.header .theme-toggle--dark .icon-wrap {
  left: 24px;
}
.header .theme-toggle--dark .icon-wrap_light,
.header .theme-toggle--light .icon-wrap_asleep {
  opacity: 0;
  z-index: -1;
}
.header .logo-dimensions {
  height: var(--header-logo-height);
  width: var(--header-logo-width);
}
.header__content .logo-dimensions {
  height: var(--header-short-logo-height);
  width: var(--header-short-logo-width);
}
.header__subnavigation {
  background-color: var(--subnav-surface);
  display: none;
  height: 48px;
  position: relative;
}
.has-dark-submenu .header__subnavigation {
  background-color: var(--subnav-surface-dark-submenu);
}
@media (min-width: 1024px) {
  .header__subnavigation {
    display: flex;
    width: 100%;
  }
  .header__subnavigation:before {
    background-color: var(--subnav-bottom-line);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .dark .header__subnavigation,
  .light .header__subnavigation {
    box-shadow: 0 1px 0 0 var(--general-box-shadow);
  }
  .has-dark-submenu .header__subnavigation {
    box-shadow: none;
  }
  .has-dark-submenu .header__subnavigation:after {
    background-color: var(--subnav-bottom-line);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
  }
}
.isArticle {
  background-color: var(--subnav-surface-article);
}
.dark .nav-storytelling .isArticle {
  background-color: var(--color-dark-50);
}
.header-subnavigation {
  background-color: #fff;
  bottom: 0;
  display: none;
  height: 48px;
  position: absolute;
}
@media (min-width: 1024px) {
  .header-subnavigation {
    display: block;
  }
}
.header-subnavigation__wrap {
  display: none;
  height: 48px;
  max-width: 1008px;
  padding: 0 38px 0 var(--header-subnav-left-padding);
  width: 100%;
}
@media (min-width: 1024px) {
  .header-subnavigation__wrap {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    margin: 0 auto;
    padding: 0;
    right: 0;
    width: auto;
  }
  .is-thin .header-subnavigation__wrap {
    padding: 0 38px 0 var(--header-subnav-left-padding);
  }
}
.header-subnavigation__wrap .is-view-more {
  color: var(--subnav-is-view-more);
  font-size: 0.8125rem;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .header-subnavigation__wrap .is-view-more {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .header-subnavigation__wrap .is-view-more {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .header-subnavigation__wrap .is-view-more:hover {
    color: var(--subnav-is-view-more-hover);
    cursor: pointer;
  }
}
.header-subnavigation__wrap .is-view-more .is-active {
  color: var(--subnav-is-view-more-active);
}
.header-subnavigation__wrap .is-view-more .header-subnavigation__children {
  left: 50%;
  margin-right: 8px;
  right: auto;
  transform: translate(-50%, calc(100% - 4px));
}
.header-subnavigation__wrap .is-view-more .header-subnavigation__children li a {
  font-size: 0.8125rem !important;
  line-height: 1rem;
  padding: 10px 12px !important;
}
@supports (font-variation-settings: normal) {
  .header-subnavigation__wrap
    .is-view-more
    .header-subnavigation__children
    li
    a {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .header-subnavigation__wrap
    .is-view-more
    .header-subnavigation__children
    li
    a {
    font-weight: 400;
  }
}
.header-subnavigation__list {
  display: flex;
  overflow: hidden;
}
.header-subnavigation__list.has-visible-overflow {
  overflow: unset;
}
.header-subnavigation__list-item {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.8125rem;
  justify-content: center;
  margin-left: 16px;
  padding: 6px 0;
  position: relative;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .header-subnavigation__list-item {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .header-subnavigation__list-item {
    font-weight: 400;
  }
}
.header-subnavigation__list-item:first-of-type {
  margin-left: 0;
}
.header-subnavigation__list-item a {
  color: var(--subnav-item-resting);
}
.has-dark-submenu .header-subnavigation__list-item a {
  color: var(--subnav-item-resting-dark-submenu);
}
@media (min-width: 1024px) {
  .header-subnavigation__list-item a:hover {
    color: var(--subnav-item-hover);
  }
  .has-dark-submenu .header-subnavigation__list-item a:hover {
    color: var(--subnav-item-hover-dark-submenu);
  }
}
.header-subnavigation__list-item a.router-link-exact-active {
  color: var(--subnav-item-active);
}
.has-dark-submenu .header-subnavigation__list-item a.router-link-exact-active {
  color: var(--subnav-item-active-dark-submenu);
}
.header-subnavigation__list-item a.router-link-exact-active:after {
  display: none;
}
.isArticle .header-subnavigation__list-item a {
  color: var(--subnav-item-resting-article);
}
.has-dark-submenu .isArticle .header-subnavigation__list-item a {
  color: var(--subnav-item-active-dark-submenu);
}
@media (min-width: 1024px) {
  .isArticle .header-subnavigation__list-item a:hover {
    color: var(--subnav-item-hover-article);
  }
  .has-dark-submenu .isArticle .header-subnavigation__list-item a:hover {
    color: var(--subnav-item-hover-dark-submenu);
  }
}
.header-subnavigation__list-item a.is-custom,
.header-subnavigation__list-item a.is-custom-text {
  align-items: center;
  display: flex;
  transition: all 0.15s;
}
.header-subnavigation__list-item a.is-custom-text > span,
.header-subnavigation__list-item a.is-custom > span {
  align-items: center;
  border-radius: 2px;
  display: flex;
  height: 24px;
  padding: 4px;
}
.header-subnavigation__list-item a.is-custom img,
.header-subnavigation__list-item a.is-custom-text img {
  height: 16px;
  width: auto;
}
.header-subnavigation__list-item a.is-custom img + span,
.header-subnavigation__list-item a.is-custom-text img + span {
  margin-left: 4px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .header-subnavigation__list-item a.is-custom-text:hover,
  .header-subnavigation__list-item a.is-custom:hover {
    opacity: 0.88;
  }
}
.header-subnavigation__list-item a.has-no-background > span {
  padding: 4px 0;
}
.header-subnavigation__list-item.is-active > a {
  color: var(--subnav-item-active);
}
.has-dark-submenu .header-subnavigation__list-item.is-active > a {
  color: var(--subnav-item-active-dark-submenu);
}
.isArticle .header-subnavigation__list-item.is-active > a {
  color: var(--subnav-item-active-article);
}
.has-dark-submenu .isArticle .header-subnavigation__list-item.is-active > a {
  color: var(--subnav-item-active-dark-submenu);
}
.header-subnavigation__chevron {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 3px;
  color: var(--color-600);
  display: flex;
  font-size: 1rem;
  height: 28px;
  justify-content: center;
  margin-left: 4px;
  width: 28px;
}
.header-subnavigation__chevron.is-active {
  background-color: var(--color-200);
}
@media (min-width: 1024px) {
  .header-subnavigation__chevron:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
}
.isArticle .header-subnavigation__chevron {
  background-color: var(--subnav-expand-surface-article);
  color: var(--subnav-expand-icon-article);
}
@media (min-width: 1024px) {
  .isArticle .header-subnavigation__chevron:hover {
    background-color: var(--subnav-expand-surface-hover-article);
    cursor: pointer;
  }
}
.header-subnavigation__children {
  background-color: var(--subnav-children-background);
  border-radius: 3px;
  bottom: 0;
  box-shadow: var(--shadow-floating);
  display: flex;
  flex-direction: column;
  max-width: 200px;
  padding: 4px 0;
  position: absolute;
  right: 0;
  transform: translateY(calc(100% - 4px));
  width: max-content;
  z-index: 2;
}
.header-subnavigation__children li a {
  align-items: center;
  color: var(--subnav-children-link-resting);
  display: flex;
  font-size: 0.8125rem;
  justify-content: flex-start;
  padding: 10px 13px 10px 12px;
  transition: all 0.15s;
}
@media (min-width: 1024px) {
  .header-subnavigation__children li a:hover {
    background-color: var(--subnav-children-link-hover-background);
    color: var(--subnav-children-link-hover);
  }
}
.isArticle .header-subnavigation__children li a {
  color: var(--subnav-children-link-resting);
}
@media (min-width: 1024px) {
  .isArticle .header-subnavigation__children li a:hover {
    background-color: var(--subnav-children-link-hover-background);
    color: var(--subnav-children-link-hover);
  }
}
.header-subnavigation__children li a i {
  font-size: 1rem;
  margin-right: 4px;
  position: relative;
  top: -4px;
}
.header-subnavigation__children li .router-link-exact-active {
  color: var(--subnav-children-link-active);
}
.header-subnavigation__children li .router-link-exact-active:after {
  display: none;
}
.header-nav {
  display: flex;
  width: 100%;
}
.header-navigation {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  height: 48px;
  max-width: 100%;
  order: 3;
  overflow: hidden;
  position: relative;
}
.header-navigation:before {
  background-color: var(--nav-bottom-line);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .header-navigation {
    display: flex;
    flex-basis: unset;
    flex-grow: 1;
    flex-shrink: unset;
    order: 2;
    overflow: unset;
    width: auto;
  }
  .header-navigation:before {
    display: none;
  }
  .is-thin .header-navigation {
    height: 52px;
  }
}
.header-navigation__wrap {
  align-items: stretch;
  background-color: var(--nav-mobile-back);
  display: flex;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .header-navigation__wrap {
    background-color: initial;
    width: auto;
  }
}
.header-navigation__list {
  align-items: center;
  display: flex;
  height: 100%;
  margin-left: -12px;
  opacity: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 8px 12px;
  visibility: visible;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  .header-navigation__list {
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }
}
.header-navigation__list::-webkit-scrollbar {
  display: none;
  height: 0;
}
.header-navigation__list::-webkit-scrollbar-thumb,
.header-navigation__list::-webkit-scrollbar-track {
  height: 0;
}
.header-navigation__list-item {
  align-items: center;
  color: var(--nav-item-resting);
  display: flex;
  flex-shrink: 0;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  margin-left: 12px;
  position: relative;
}
@supports (font-variation-settings: normal) {
  .header-navigation__list-item {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .header-navigation__list-item {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .is-thin .header-navigation__list-item {
    margin-left: 12px !important;
  }
  .header-navigation__list-item.is-category {
    text-transform: uppercase;
  }
  .header-navigation__list-item {
    font-size: 0.6875rem;
    height: 100%;
    letter-spacing: 0.09px;
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
    .header-navigation__list-item {
      font-variation-settings: "wght" 700;
    }
  }
  @supports not (font-variation-settings: normal) {
    .header-navigation__list-item {
      font-weight: 700;
    }
  }
}
@media (min-width: 1024px) {
  .header-navigation__list-item:hover {
    color: var(--nav-item-hover);
    cursor: pointer;
  }
  .header-navigation__list-item:first-of-type {
    margin-left: 0;
  }
}
.header-navigation__list-item.is-active .bottom-line {
  display: block;
}
.header-navigation__list-item.is-active > a {
  color: var(--nav-item-active);
}
.header-navigation__list-item .bottom-line {
  border-radius: 0;
  bottom: -8px;
  display: none;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .header-navigation__list-item .bottom-line {
    bottom: 0;
  }
}
.header-navigation__list-item a {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  height: 100%;
  justify-content: center;
  position: relative;
}
.header-navigation__list-item .router-link-exact-active {
  color: var(--nav-item-active);
}
.header-navigation__list-item .router-link-exact-active:after {
  display: block;
}
.header-navigation__list-item .is-custom,
.header-navigation__list-item .is-custom-text {
  align-items: center;
  display: flex;
  transition: all 0.15s;
}
.header-navigation__list-item .is-custom-text > span,
.header-navigation__list-item .is-custom > span {
  align-items: center;
  border-radius: 2px;
  display: flex;
  height: 24px;
  padding: 4px;
}
.header-navigation__list-item .is-custom img,
.header-navigation__list-item .is-custom-text img {
  height: 16px;
  width: auto;
}
.header-navigation__list-item .is-custom img + span,
.header-navigation__list-item .is-custom-text img + span {
  margin-left: 4px;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .header-navigation__list-item .is-custom-text:hover,
  .header-navigation__list-item .is-custom:hover {
    opacity: 0.88;
  }
}
.header-navigation__list-item .has-no-background > span {
  padding: 4px 0;
}
.header-navigation__list-item.is-view-more {
  display: none;
}
.header-navigation__list-item.is-view-more.in-first-level {
  text-transform: uppercase;
}
.header-navigation__list-item.is-view-more.in-first-level
  .header-subnavigation__children
  li
  a {
  font-size: 0.6875rem;
  letter-spacing: 0.09px;
}
@media (min-width: 1024px) {
  .header-navigation__list-item.is-view-more {
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin-left: 16px;
    margin-right: 23px;
  }
}
.header-navigation__list-item.is-view-more
  .header-subnavigation__children
  li
  a {
  font-size: 0.875rem;
  padding: 11px 12px 12px;
}
.header-navigation__list-item .view-more-icon {
  color: var(--nav-item-after);
  font-size: 1rem;
}
.navigation-drawer {
  background-color: var(--nav-drawer-base);
  bottom: 0;
  left: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  z-index: 2;
}
.navigation-drawer:before {
  background-color: var(--nav-drawer-back);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
@media (min-width: 1024px) {
  .navigation-drawer:before {
    border-radius: 5px;
  }
}
.is-thin .navigation-drawer {
  border-radius: 0 0 5px 5px;
}
@media (min-width: 1024px) {
  .is-thin .navigation-drawer {
    top: 0;
  }
  .navigation-drawer {
    border-radius: 5px;
    bottom: 4px;
    top: 12px;
    transition: unset;
  }
}
.navigation-drawer.is-active {
  left: 0;
  right: 0;
}
@media (min-width: 429px) {
  .navigation-drawer.is-active {
    box-shadow: var(--nav-drawer-box-shadow);
    left: auto;
    width: 320px;
  }
}
@media (min-width: 1024px) {
  .navigation-drawer.is-active {
    right: 4px;
  }
}
.navigation-drawer__header {
  align-items: center;
  box-shadow: 0 1px 0 0 var(--color-dark-200);
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 8px 8px 8px 0;
}
@media (min-width: 429px) {
  .navigation-drawer__header {
    box-shadow: none;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px;
  }
}
.navigation-drawer__logo {
  line-height: 0;
  margin-left: var(--header-logo-mobile-margin);
  z-index: 3;
}
@media (min-width: 429px) {
  .navigation-drawer__logo {
    display: none;
  }
}
.navigation-drawer__logo_image {
  height: var(--header-logo-height);
  width: var(--header-logo-width);
}
.navigation-drawer__close {
  align-items: center;
  background-color: var(--nav-drawer-close-background);
  border-radius: 50%;
  color: var(--nav-drawer-close);
  display: flex;
  flex-shrink: 0;
  font-size: 1.5rem;
  height: 32px;
  justify-content: center;
  transition: background-color 0.15s;
  width: 32px;
  z-index: 3;
}
@media (min-width: 1024px) {
  .navigation-drawer__close:hover {
    background-color: var(--nav-drawer-close-background-hover);
    color: var(--nav-drawer-close-hover);
    cursor: pointer;
  }
}
.navigation-drawer__tabs {
  box-shadow: 0 1px 0 0 var(--nav-drawer-tabs-shadow);
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 20px;
  position: relative;
}
@media (min-width: 429px) {
  .navigation-drawer__tabs {
    padding: 0 48px 0 20px;
  }
}
.navigation-drawer__tabs span {
  align-items: center;
  color: var(--nav-drawer-tab);
  display: flex;
  flex-basis: calc(50% - 10px);
  font-size: 0.6875rem;
  justify-content: center;
  text-transform: uppercase;
  z-index: 1;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__tabs span {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__tabs span {
    font-weight: 700;
  }
}
.navigation-drawer__tabs span:after {
  background-color: var(--nav-drawer-tab-accent);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
}
@media (min-width: 1024px) {
  .navigation-drawer__tabs span:hover {
    color: var(--nav-drawer-tab-hover);
    cursor: pointer;
  }
}
.navigation-drawer__tabs .is-active {
  color: var(--nav-drawer-tab-active);
  position: relative;
}
.navigation-drawer__tabs .is-active:after {
  height: 2px;
}
.is-thin .navigation-drawer__tabs {
  height: 52px;
}
.navigation-drawer__title {
  color: var(--nav-drawer-title);
  display: block;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  margin-bottom: 8px;
  padding: 0 12px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__title {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__title {
    font-weight: 600;
  }
}
.navigation-drawer__list {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: auto;
  margin: 0;
  overflow: unset;
  padding: 8px 8px 24px;
  position: relative;
}
.navigation-drawer__list-item {
  align-items: flex-start;
  border-radius: 0;
  color: var(--nav-drawer-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  justify-content: flex-start;
  line-height: 1rem;
  min-height: 48px;
  position: relative;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__list-item {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__list-item {
    font-weight: 400;
  }
}
.navigation-drawer__list-item.is-active {
  background-color: var(--nav-drawer-color-active);
}
.navigation-drawer__list-item.is-active .left-side-line {
  display: block;
}
.navigation-drawer__list-item .left-side-line {
  border-radius: 0;
  display: none;
  height: 20px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 2px;
}
.navigation-drawer__list-item a {
  align-items: center;
  display: inline-flex;
  height: 48px;
  justify-content: flex-start;
  padding: 8px 48px 8px 12px;
  transition: all 0.15s;
  width: 100%;
}
@media (min-width: 1024px) {
  .navigation-drawer__list-item a:hover {
    background-color: var(--nav-drawer-subitem-hover);
  }
}
.navigation-drawer__list-item > a {
  border-radius: 0;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__list-item > a {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__list-item > a {
    font-weight: 600;
  }
}
.navigation-drawer__list-item .is-custom {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__list-item .is-custom {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__list-item .is-custom {
    font-weight: 600;
  }
}
.navigation-drawer__list-item .is-custom > span {
  align-items: center;
  border-radius: 2px;
  display: flex;
  height: 24px;
  padding: 4px;
}
.navigation-drawer__list-item .is-custom img {
  height: 16px;
  width: auto;
}
.navigation-drawer__list-item .is-custom img + span {
  margin-left: 4px;
  white-space: nowrap;
}
.navigation-drawer__list-item .has-no-background span {
  padding: 4px 0;
}
.navigation-drawer__list-item.is-view-more {
  display: none;
}
@media (min-width: 1024px) {
  .navigation-drawer__list-item.is-view-more {
    display: flex;
  }
}
.navigation-drawer__list-item .view-more-icon {
  color: #ff4057;
}
.navigation-drawer__subitems-list {
  padding: 0 4px 4px;
  width: 100%;
}
.navigation-drawer__subitem-list-item a {
  border-radius: 0;
  color: var(--nav-drawer-subitem);
  height: 40px;
  padding: 10px 8px;
}
.navigation-drawer__subitem-list-item
  a.router-link-active.router-link-exact-active {
  color: var(--nav-drawer-subitem-active);
}
.navigation-drawer__subitem-list-item .is-custom {
  display: inline-flex;
  margin: 4px 0;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__subitem-list-item .is-custom {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__subitem-list-item .is-custom {
    font-weight: 400;
  }
}
.navigation-drawer__subitem-list-item .has-no-background span {
  padding: 4px 0;
}
.navigation-drawer__subitem-list-item.is-active a {
  color: var(--nav-drawer-subitem-active);
}
.navigation-drawer__subitem-list-item.is-active a:before {
  background-color: var(--accent);
  border-radius: 0 1px 1px 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 2px;
}
.navigation-drawer__subitem-grandchildren {
  margin: 0 4px;
}
.navigation-drawer__subitem-grandchildren a {
  display: block;
  font-size: 0.875rem;
  padding: 10px 4.5px;
}
.navigation-drawer__subitem-grandchildren a i {
  font-size: 1rem;
  margin-right: 4px;
  position: relative;
  top: -4px;
}
.navigation-drawer__show-more {
  align-items: center;
  background-color: var(--nav-drawer-show-more-background);
  border-radius: 0;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.15s;
  width: 32px;
}
@media (min-width: 1024px) {
  .navigation-drawer__show-more:hover {
    background-color: var(--nav-drawer-show-more-background-hover);
    cursor: pointer;
  }
}
.navigation-drawer__copyright {
  color: var(--nav-drawer-copyright);
  display: block;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 24px;
  padding: 0 8px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__copyright {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__copyright {
    font-weight: 400;
  }
}
.navigation-drawer__footer {
  border-top: var(--nav-drawer-footer-border);
  bottom: 0;
  height: 49px;
  left: 0;
  position: absolute;
  right: 0;
}
.navigation-drawer__selection {
  margin: 24px 0;
  padding: 0 8px;
}
.navigation-drawer__selection .btn {
  margin-top: 12px;
}
.navigation-drawer__selection .edition-options,
.navigation-drawer__selection .theme-options {
  margin-top: 8px;
}
.navigation-drawer__selection .edition-options .form-radiobutton,
.navigation-drawer__selection .theme-options .form-radiobutton {
  position: relative;
}
@media (min-width: 1024px) {
  .navigation-drawer__selection .edition-options .form-radiobutton:hover,
  .navigation-drawer__selection .theme-options .form-radiobutton:hover {
    background-color: var(--nav-drawer-radio-hover);
    cursor: pointer;
  }
}
.navigation-drawer__selection .edition-options .form-radiobutton .radiobutton,
.navigation-drawer__selection .theme-options .form-radiobutton .radiobutton {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--nav-drawer-radio-back);
  border: none;
  border-radius: 50%;
  display: flex;
  flex-basis: 28px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  margin-right: 16px;
  outline: none;
  transition: all 0.2s;
  width: 28px;
}
.navigation-drawer__selection
  .edition-options
  .form-radiobutton
  .radiobutton:before,
.navigation-drawer__selection
  .theme-options
  .form-radiobutton
  .radiobutton:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 14px;
  transform: scale(0);
  transition: all 0.2s;
  width: 14px;
}
.navigation-drawer__selection
  .edition-options
  .form-radiobutton
  .radiobutton:checked,
.navigation-drawer__selection
  .theme-options
  .form-radiobutton
  .radiobutton:checked {
  background-color: var(--accent);
}
.navigation-drawer__selection
  .edition-options
  .form-radiobutton
  .radiobutton:checked:before,
.navigation-drawer__selection
  .theme-options
  .form-radiobutton
  .radiobutton:checked:before {
  transform: scale(1);
}
@media (min-width: 1024px) {
  .navigation-drawer__selection
    .edition-options
    .form-radiobutton
    .radiobutton:hover,
  .navigation-drawer__selection
    .theme-options
    .form-radiobutton
    .radiobutton:hover {
    cursor: pointer;
  }
}
.navigation-drawer__selection .edition-option,
.navigation-drawer__selection .theme-option {
  border-radius: 0;
  display: block;
  height: 48px;
  transition: all 0.15s;
}
.navigation-drawer__selection .edition-option label,
.navigation-drawer__selection .theme-option label {
  align-items: center;
  color: var(--nav-drawer-color);
  display: flex;
  height: 100%;
  justify-content: flex-start;
  padding: 0 12px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__selection .edition-option label,
  .navigation-drawer__selection .theme-option label {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__selection .edition-option label,
  .navigation-drawer__selection .theme-option label {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .navigation-drawer__selection .edition-option label:hover,
  .navigation-drawer__selection .theme-option label:hover {
    cursor: pointer;
  }
}
.navigation-drawer__selection .edition-option.is-active,
.navigation-drawer__selection .theme-option.is-active {
  background-color: #40245a;
}
.navigation-drawer__scrollbar {
  height: calc(100% - 144px);
}
@media (min-width: 429px) {
  .navigation-drawer__scrollbar {
    height: calc(100% - 100px);
  }
}
.navigation-drawer__scrollbar .ps__rail-y {
  left: auto !important;
  opacity: 0.6;
  right: 0 !important;
}
@media (min-width: 1024px) {
  .navigation-drawer__scrollbar .ps__rail-y {
    opacity: 0;
  }
}
.navigation-drawer__scrollbar .ps__thumb-y {
  background-color: var(--scrollbar-thumb);
  border-radius: 0;
  left: auto !important;
  right: 6px !important;
  width: 4px;
}
.navigation-drawer__scrollbar .ps__rail-x.ps--clicking,
.navigation-drawer__scrollbar .ps__rail-x:focus,
.navigation-drawer__scrollbar .ps__rail-y.ps--clicking,
.navigation-drawer__scrollbar .ps__rail-y:focus,
.navigation-drawer__scrollbar .ps__rail-y:hover {
  background-color: initial;
  opacity: 1;
}
.navigation-drawer__scrollbar .ps__rail-x.ps--clicking,
.navigation-drawer__scrollbar .ps__rail-x:focus,
.navigation-drawer__scrollbar .ps__rail-x:hover,
.navigation-drawer__scrollbar .ps__rail-y.ps--clicking,
.navigation-drawer__scrollbar .ps__rail-y:focus,
.navigation-drawer__scrollbar .ps__rail-y:hover {
  background-color: var(--scrollbar-rail-hover) !important;
}
.navigation-drawer__scrollbar .ps__rail-y.ps--clicking .ps__thumb-y,
.navigation-drawer__scrollbar .ps__rail-y:focus > .ps__thumb-y,
.navigation-drawer__scrollbar .ps__rail-y:hover > .ps__thumb-y {
  background-color: var(--scrollbar-thumb-hover);
  width: 4px;
}
.navigation-drawer__story {
  margin-bottom: 24px;
  padding: 0 20px;
}
.navigation-drawer__story-title {
  color: var(--nav-drawer-story-title);
  display: block;
  font-size: 1.25rem;
  margin-bottom: 10px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer__story-title {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer__story-title {
    font-weight: 800;
  }
}
.navigation-drawer__story .btn {
  color: #fff;
}
.navigation-drawer__theme-toggle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 8px 0 0;
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .navigation-drawer__theme-toggle {
    display: none;
  }
}
.navigation-drawer__theme-toggle .theme-toggle {
  display: block;
  flex: 0 1 auto;
  margin: 8px 0;
}
.navigation-drawer__theme-toggle .theme-toggle:before {
  background-color: var(--nav-drawer-toggle-track);
  z-index: 0;
}
.navigation-drawer__theme-toggle .theme-toggle .icon {
  background-color: var(--nav-drawer-toggle-handle);
  color: var(--nav-drawer-toggle-icon);
}
.navigation-drawer__theme-toggle-label {
  color: var(--nav-drawer-color);
  display: block;
  flex: 0 1 auto;
  font-size: 0.8125rem;
  line-height: 3rem;
  padding: 0 12px;
}
.navigation-drawer .magazines-menu {
  margin-bottom: 24px;
  padding: 0 8px;
}
.navigation-drawer .magazines-menu__list-item {
  display: flex;
  height: 48px;
}
.navigation-drawer .magazines-menu__list-item .is-custom {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  height: 48px;
  justify-content: flex-start;
  padding: 8px 12px;
  transition: all 0.15s;
  width: 100%;
}
@media (min-width: 1024px) {
  .navigation-drawer .magazines-menu__list-item .is-custom:hover {
    background-color: var(--nav-drawer-magazines-item-hover-back);
  }
  .navigation-drawer .magazines-menu__list-item .is-custom:hover > span {
    background-color: var(--nav-drawer-magazines-item-hover-back-span);
  }
}
.navigation-drawer .magazines-menu__list-item .is-custom > span {
  align-items: center;
  background-color: var(--nav-drawer-magazines-item-back);
  border-radius: 0;
  display: inline-flex;
  justify-content: center;
  padding: 4px;
}
.navigation-drawer .magazines-menu__list-item span {
  color: var(--nav-drawer-magazines-item);
  font-size: 0.8125rem;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer .magazines-menu__list-item span {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer .magazines-menu__list-item span {
    font-weight: 600;
  }
}
.navigation-drawer .magazines-menu__list-item img {
  height: 24px;
  width: 24px;
}
.navigation-drawer .magazines-menu__list-item img + span {
  margin-left: 4px;
  white-space: nowrap;
}
.navigation-drawer .extra-menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navigation-drawer .extra-menu__list-item {
  align-items: center;
  display: flex;
  flex-basis: calc(50% - 4px);
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
}
.navigation-drawer .extra-menu__list-item a {
  align-items: center;
  border-radius: 0;
  color: var(--nav-drawer-color);
  display: flex;
  flex-basis: 100%;
  font-size: 1rem;
  height: 100%;
  padding: 0 12px;
  transition: all 0.15s;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .navigation-drawer .extra-menu__list-item a {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .navigation-drawer .extra-menu__list-item a {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .navigation-drawer .extra-menu__list-item a:hover {
    background-color: var(--nav-drawer-subitem-hover);
  }
}
.navigation-drawer .social-menu__list {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.navigation-drawer .social-menu__list-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  height: 48px;
  justify-content: center;
  transition: all 0.15s;
}
.navigation-drawer .social-menu__list-item a {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
}
@media (min-width: 1024px) {
  .navigation-drawer .social-menu__list-item:hover {
    background-color: var(--nav-drawer-social-hover);
  }
}
.navigation-drawer .social-menu__list-icon {
  color: var(--nav-drawer-social-icon);
  font-size: 1.5rem;
}
.navigation-drawer .social-menu__list-icon.icon-logo--rss {
  font-size: 1rem;
}
.scroll-reference-start.isSticky {
  position: sticky;
}
.scroll-reference-start.hasBottomMargin {
  margin-bottom: 4px;
}
.card-engagement-bar {
  display: flex;
  height: 32px;
  width: 100%;
}
.card-engagement-bar .card-engagement-bar__left {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .card-engagement-bar .card-engagement-bar__left {
    flex-grow: 0;
  }
}
.card-engagement-bar .card-engagement-bar__right {
  display: flex;
  position: relative;
}
.card-engagement-bar .card-engagement-bar__right .card-divider {
  display: none;
}
@media (min-width: 1024px) {
  .card-engagement-bar .card-engagement-bar__right .card-divider {
    display: block;
  }
}
.card-engagement-bar .card-engagement-bar__number {
  font-size: 0.75rem;
}
.card-engagement-bar .card-engagement-bar__number.is-user-reaction {
  color: var(--engagement-btn-is-user-reaction-accent);
}
.card-engagement-bar .comment-counter {
  color: var(--engagement-comments-count);
}
@supports (font-variation-settings: normal) {
  .card-engagement-bar .comment-counter {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .card-engagement-bar .comment-counter {
    font-weight: 600;
  }
}
.card-engagement-bar .comment-action-copy {
  display: inline-block;
}
@media (min-width: 1024px) {
  .card-engagement-bar .comment-action-copy {
    display: none;
  }
}
.card-engagement-bar .btn {
  align-items: center;
  border-radius: 0;
  color: var(--engagement-btn-text);
  display: inline-flex;
  font-size: 0.75rem;
  height: 32px;
  justify-content: center;
  padding: 8px;
  transition: all 0.2s;
  width: unset;
}
@supports (font-variation-settings: normal) {
  .card-engagement-bar .btn {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .card-engagement-bar .btn {
    font-weight: 500;
  }
}
.card-engagement-bar .btn.is-user-reaction {
  background-color: var(--engagement-btn-is-user-reaction-surface);
}
@media (min-width: 1024px) {
  .card-engagement-bar .btn.is-user-reaction:hover {
    background-color: var(--engagement-btn-is-user-reaction-surface-hover);
    cursor: pointer;
  }
  .card-engagement-bar .btn:hover {
    background-color: var(--engagement-btn-surface-hover);
    cursor: pointer;
  }
}
.card-engagement-bar .btn [class^="icon-"] {
  font-size: 1rem;
  line-height: 1rem;
  margin-right: 4px;
}
@media (min-width: 1024px) {
  .card-engagement-bar .btn .icon-add-comment {
    margin-right: 0;
  }
}
.card-engagement-bar .btn--round {
  align-items: center;
  border-radius: 0;
  color: var(--engagement-btn-text);
  display: inline-flex;
  font-size: 0.75rem;
  justify-content: center;
  padding: 8px;
  transition: all 0.2s;
  width: unset;
}
@supports (font-variation-settings: normal) {
  .card-engagement-bar .btn--round {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .card-engagement-bar .btn--round {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .card-engagement-bar .btn--round:hover {
    background-color: var(--engagement-share-surface-hover);
    cursor: pointer;
  }
}
.card-engagement-bar .btn--round [class^="icon-"] {
  font-size: 1rem;
  line-height: 1rem;
}
.card-engagement-bar .card-divider {
  background-color: var(--engagement-divider);
  display: block;
  height: 24px;
  margin: 0 4px;
  position: relative;
  top: 4px;
  width: 1px;
}
.card-engagement-bar .card-user-reaction {
  height: 16px;
  margin-right: 4px;
  position: relative;
  width: 16px;
}
.card-engagement-bar .card-user-reaction.is-user-reaction:after {
  background-color: var(--engagement-btn-is-user-reaction-accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}
.card-engagement-bar .card-user-reaction img {
  height: 16px;
  position: absolute;
  top: 0;
  width: 16px;
}
.card-engagement-bar :deep(.tooltip-box) {
  left: 0;
  width: 224px;
}
.card-engagement-bar :deep(.tooltip-box) .tooltip-box__item img {
  height: 24px;
  width: 24px;
}
.card-engagement-bar .card-engagement-bar__right .tooltip-box {
  right: 0;
}
@media (min-width: 1024px) {
  .card-engagement-bar .card-engagement-bar__right .tooltip-box {
    right: -30px;
  }
  .cards-container
    .card-engagement-bar
    .card-engagement-bar__right
    .tooltip-box {
    left: 0;
    right: auto;
    transform: translateY(-100%) translate(-44%);
  }
  .card-engagement-bar .card-engagement-bar__right.inArticle .tooltip-box {
    right: 0;
    transform: translateY(-100%) translate(43%);
  }
}
.card-engagement-bar .card-engagement-bar__right.inArticle .btn--round {
  background-color: var(--accent);
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .card-engagement-bar .card-engagement-bar__right.inArticle .btn--round {
    margin-left: 8px;
  }
  .card-engagement-bar .card-engagement-bar__right.inArticle .btn--round:hover {
    background-color: var(--accent-hover);
  }
}
.card-engagement-bar
  .card-engagement-bar__right.inArticle
  .btn--round
  .icon-share {
  color: var(--color-light-50);
}
.card-engagement-bar
  .card-engagement-bar__right.inArticle.disabled-comments
  .btn--round {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .card-engagement-bar
    .card-engagement-bar__right.inArticle.disabled-comments
    .btn--round {
    margin-left: 0;
  }
}
.card-engagement-bar
  .card-engagement-bar__right.disabled-comments
  .tooltip-box {
  left: 0;
  right: auto;
  transform: translateY(-100%) translate(0);
}
.card-engagement-bar.column {
  --engagement-btn-text: var(--engagement-column-btn-text);
  --engagement-btn-surface-hover: var(--engagement-column-btn-surface-hover);
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-column-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-column-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-column-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-column-share-icon);
  --engagement-share-surface: var(--engagement-column-share-surface);
  --engagement-share-surface-hover: var(
    --engagement-column-share-surface-hover
  );
  --engagement-divider: var(--engagement-column-divider);
  --engagement-comments-count: var(--engagement-column-comments-count);
}
.quiz-story .card-engagement-bar {
  --engagement-btn-text: var(--engagement-quiz-btn-text);
  --engagement-btn-surface-hover: var(--engagement-quiz-btn-surface-hover);
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-quiz-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-quiz-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-quiz-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-quiz-share-icon);
  --engagement-share-surface: var(--engagement-quiz-share-surface);
  --engagement-share-surface-hover: var(--engagement-quiz-share-surface-hover);
  --engagement-divider: var(--engagement-quiz-divider);
  --engagement-comments-count: var(--engagement-quiz-comments-count);
}
.main-6-news__grid-container .is-split .card-engagement-bar .has-reactions {
  display: none;
}
@media (min-width: 1024px) {
  .article-below .generic-template-3news .card-engagement-bar .has-reactions,
  .is-narrow .card-engagement-bar .has-reactions,
  .main-6-news__narrow-container .card-engagement-bar .has-reactions {
    display: none;
  }
}
.tooltip-box {
  background-color: var(--color-50);
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--color-300), 0 1px 3px 0 var(--tooltip-shadow);
  display: flex;
  height: 44px;
  padding: 4px;
  position: absolute;
  top: -4px;
  transform: translateY(-100%);
  z-index: 5;
}
.tooltip-box.reactions {
  height: 58px;
}
.tooltip-box__item {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 36px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
.reactions .tooltip-box__item {
  flex-direction: column;
  height: 50px;
}
.tooltip-box__item .reaction-count {
  color: var(--color-600);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  margin-top: 3px;
}
@supports (font-variation-settings: normal) {
  .tooltip-box__item .reaction-count {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .tooltip-box__item .reaction-count {
    font-weight: 500;
  }
}
.gallery__bar .tooltip-box__item .reaction-count {
  color: var(--engagement-against-dark-btn-text);
}
.tooltip-box__item.is-user-reaction {
  background-color: var(--engagement-btn-is-user-reaction-surface);
}
.tooltip-box__item.is-user-reaction:after {
  background-color: var(--engagement-btn-is-user-reaction-accent);
  border-radius: 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 6px;
  position: absolute;
  right: 6px;
}
.tooltip-box__item.is-user-reaction .reaction-count {
  color: var(--engagement-btn-is-user-reaction-accent);
}
@media (min-width: 1024px) {
  .tooltip-box__item:hover {
    background-color: var(--color-100);
    cursor: pointer;
  }
}
.tooltip-box__item .whatsapp use {
  fill: var(--share-whatsapp) !important;
}
.tooltip-box__item .messenger use,
.tooltip-box__item .twitter use {
  fill: var(--share-universal) !important;
}
.tooltip-box__item .copy-link use {
  fill: var(--share-copy-link) !important;
}
.tooltip-box__item svg {
  height: 32px;
  position: absolute;
  top: 2px;
  width: 32px;
}
.tooltip-box__item img {
  height: 24px;
  position: absolute;
  top: 6px;
  width: 24px;
}
.reactions .tooltip-box__item img {
  position: relative;
  top: 1px;
}
.tooltip-box__item [class^="icon-"] {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.input-field {
  background-color: var(--color-75);
  border: 1px solid var(--color-200);
  border-radius: 0;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  padding: 8px 12px;
  transition: all 0.2s;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .input-field {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .input-field {
    font-weight: 400;
  }
}
.input-field:focus,
.input-field:focus-visible {
  border: 1px solid var(--color-400);
  outline: none;
}
.form-password,
.form-textbox {
  display: block;
  position: relative;
}
.form-password:after,
.form-textbox:after {
  background-color: var(--color-300);
  border-radius: 0;
  content: "";
  display: block;
  height: 2px;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 46px;
  transition: all 0.15s;
}
@media (min-width: 1024px) {
  .form-password:hover,
  .form-textbox:hover {
    cursor: pointer;
  }
  .form-password:hover .form-input,
  .form-textbox:hover .form-input {
    background-color: var(--color-200);
  }
  .form-password:hover .form-input:disabled,
  .form-textbox:hover .form-input:disabled {
    background-color: var(--color-75);
  }
}
.form-password.is-focused:after,
.form-textbox.is-focused:after {
  background-color: var(--color-900);
}
.form-password.is-filled .form-label,
.form-password.is-focused .form-label,
.form-password.isSmall .form-label,
.form-textbox.is-filled .form-label,
.form-textbox.is-focused .form-label,
.form-textbox.isSmall .form-label {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  transform: translateY(-11px);
}
@media (min-width: 1024px) {
  .form-password.is-filled:hover,
  .form-textbox.is-filled:hover {
    cursor: auto;
  }
}
.form-password.isSmall .form-label,
.form-textbox.isSmall .form-label {
  color: var(--color-700);
}
.form-password.has-error:after,
.form-textbox.has-error:after {
  background-color: var(--error-color);
}
.form-password.has-error .form-label,
.form-textbox.has-error .form-label {
  color: var(--error-color) !important;
}
.form-password.has-error.isSmall .form-label,
.form-textbox.has-error.isSmall .form-label {
  color: var(--color-700);
}
.form-textbox.has-error.isSmall
  .form-label.form-password.has-error.isSmall
  .form-label {
  color: var(--error-color);
}
.form-icon,
.form-password .form-password-switch {
  color: var(--color-700);
  font-size: 1.5rem;
  height: 24px;
  line-height: 1.5rem;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
}
.form-icon-scrim {
  background-image: var(--color-75-scrim-trailing);
  display: block;
  height: 46px;
  position: absolute;
  right: 24px;
  top: -12px;
  width: 24px;
}
.form-label {
  color: var(--color-700);
  font-size: 1rem;
  left: 12px;
  position: absolute;
  top: 14px;
  transition: transform 0.15s ease-out, font-size 0.15s ease-out;
  z-index: 1;
}
@supports (font-variation-settings: normal) {
  .form-label {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .form-label {
    font-weight: 600;
  }
}
.form-input {
  background-color: var(--color-100);
  border: 0;
  border-radius: 0;
  caret-color: var(--color-900);
  color: var(--color-900);
  font-family: inherit;
  font-size: 1rem;
  height: 48px;
  line-height: 1.375rem;
  outline: 0;
  padding: 20px 36px 6px 12px;
  position: relative;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .form-input {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .form-input {
    font-weight: 400;
  }
}
.form-input::placeholder {
  font-size: 0;
  line-height: 0rem;
}
.form-input:disabled {
  background-color: var(--color-75);
  color: var(--color-700);
}
.form-error {
  color: var(--error-color);
  display: block;
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin-top: 4px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .form-error {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .form-error {
    font-weight: 400;
  }
}
.form-note {
  color: var(--color-700);
  display: block;
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin-top: 4px;
}
@supports (font-variation-settings: normal) {
  .form-note {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .form-note {
    font-weight: 400;
  }
}
.form-checkbox-container {
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .form-checkbox-container:hover {
    cursor: pointer;
  }
}
.form-checkbox {
  position: relative;
}
@media (min-width: 1024px) {
  .form-checkbox:hover {
    cursor: pointer;
  }
}
.form-checkbox.has-error .form-error {
  margin-top: 7px;
}
.form-checkbox.has-error .checkbox {
  border: 2px solid var(--error-color);
}
.form-checkbox .checkbox {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-100) no-repeat center/24px;
  border: 2px solid var(--color-300);
  border-radius: 3px;
  display: flex;
  flex-basis: 24px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-right: 16px;
  outline: none;
  transition: all 0.2s;
  width: 24px;
}
.form-checkbox .checkbox:checked {
  border: 2px solid #0000;
}
.dark .form-checkbox .checkbox:checked {
  background: var(--accent) url(../index/checkmark-icon-dark.svg) no-repeat
    center/24px;
}
.light .form-checkbox .checkbox:checked {
  background: var(--accent) url(../index/checkmark-icon-light.svg) no-repeat
    center/24px;
}
@media (min-width: 1024px) {
  .form-checkbox .checkbox:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
  .form-checkbox .checkbox:hover:checked {
    background-color: var(--checkbox-hover);
  }
}
.form-checkbox .form-label {
  color: var(--color-900);
  font-size: 0.875rem;
  left: unset;
  line-height: 1.375rem;
  position: relative;
  top: unset;
}
@supports (font-variation-settings: normal) {
  .form-checkbox .form-label {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .form-checkbox .form-label {
    font-weight: 500;
  }
}
.form-checkbox a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-900);
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .form-checkbox a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
    color: var(--color-800);
  }
}
.form-radiobutton {
  position: relative;
}
@media (min-width: 1024px) {
  .form-radiobutton:hover {
    cursor: pointer;
  }
}
.form-radiobutton .radiobutton {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-200);
  border-radius: 50%;
  display: flex;
  flex-basis: 28px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  margin-right: 16px;
  outline: none;
  transition: all 0.2s;
  width: 28px;
}
.form-radiobutton .radiobutton:checked {
  border: 2px solid #0000;
}
@media (min-width: 1024px) {
  .form-radiobutton .radiobutton:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
  .form-radiobutton .radiobutton:hover:checked {
    background-color: var(--checkbox-hover);
  }
}
.btn {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.875rem;
  height: 40px;
  justify-content: center;
  padding: 0 24px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s;
}
@supports (font-variation-settings: normal) {
  .btn {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .btn {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .btn:hover {
    cursor: pointer;
  }
}
.btn:active {
  transform: scale(0.96);
}
.btn--prim {
  background-color: var(--accent);
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .btn--prim:hover {
    background-color: var(--btn-prim-hover);
  }
}
.btn--prim-alt {
  background-color: var(--btn-alt-background);
  color: var(--btn-alt-text);
}
@media (min-width: 1024px) {
  .btn--prim-alt:hover {
    background-color: var(--btn-alt-hover-background);
  }
}
.btn--prim-alt-sec {
  background-color: var(--accent);
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .btn--prim-alt-sec:hover {
    background-color: var(--accent-hover);
  }
}
.btn--prim-datawall {
  background-color: var(--accent);
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .btn--prim-datawall:hover {
    background-color: var(--accent-hover);
  }
}
.btn--sec {
  background-color: var(--color-100);
  box-shadow: inset 0 0 0 2px var(--color-300);
  color: var(--color-900);
}
@media (min-width: 1024px) {
  .btn--sec:hover {
    background-color: var(--color-200);
    color: var(--color-900);
  }
}
.btn--icons {
  background-color: var(--color-50);
  border: 1px solid var(--color-300);
  color: var(--color-700);
  padding: 0 76px;
}
@media (min-width: 1024px) {
  .btn--icons:hover {
    background-color: var(--color-100);
    color: var(--color-900);
  }
}
.btn--icons svg {
  height: 24px;
  left: 11px;
  position: absolute;
  top: 7px;
  width: 24px;
}
.btn--icons .whatsapp use {
  fill: var(--color-50) !important;
}
.btn--icons .apple use {
  fill: var(--share-apple) !important;
}
.btn--whatsapp {
  background-color: var(--btn-whatsapp);
  border: 0;
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .btn--whatsapp:hover {
    background-color: var(--btn-whatsapp-hover);
    color: var(--color-50);
  }
}
.btn--full {
  display: flex;
  width: 100%;
}
.card-cta .btn {
  background-color: var(--accent);
  color: var(--color-50);
  display: flex;
  max-width: none;
}
@media (min-width: 1024px) {
  .card-cta .btn:hover {
    background-color: var(--btn-prim-hover);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-50px);
  }
}
@keyframes fadeOutBottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(50px);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate(-50px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.Vue-Toastification__bounce-enter-active.bottom-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInBottom;
}
@media (min-width: 768px) {
  .Vue-Toastification__bounce-enter-active.bottom-left,
  .Vue-Toastification__fade-enter-active.bottom-left {
    animation-name: fadeInLeft;
  }
}
.Vue-Toastification__bounce-leave-active.bottom-left,
.Vue-Toastification__fade-leave-active.bottom-left {
  animation-name: fadeOutBottom;
}
@media (min-width: 768px) {
  .Vue-Toastification__bounce-leave-active.bottom-left,
  .Vue-Toastification__fade-leave-active.bottom-left {
    animation-name: fadeOutLeft;
  }
}
.Vue-Toastification__bounce-move,
.Vue-Toastification__fade-move {
  transition-duration: 0.4s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Vue-Toastification__container {
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  left: 10px;
  max-width: 408px;
  min-height: 100%;
  pointer-events: none;
  position: fixed;
  right: 10px;
  width: auto;
  z-index: 10002;
}
@media (min-width: 429px) {
  .Vue-Toastification__container {
    left: 50%;
    margin-left: -204px;
    right: unset;
    width: 408px;
  }
}
@media (min-width: 768px) {
  .Vue-Toastification__container {
    bottom: 14px;
    left: 24px;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .Vue-Toastification__container {
    bottom: 22px;
    left: 32px;
  }
}
.Vue-Toastification__toast {
  background-color: var(--snackbar-surface);
  border-radius: 0;
  box-shadow: var(--snackbar-shadow);
  box-sizing: border-box;
  direction: ltr;
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-right: auto;
  max-width: 408px;
  overflow: hidden;
  padding: 15px 44px 15px 40px;
  pointer-events: auto;
  position: relative;
  transform: translateZ(0);
  width: 100%;
}
@media (min-width: 768px) {
  .Vue-Toastification__toast {
    max-width: 340px;
    width: 340px;
  }
}
.Vue-Toastification__toast--success .Vue-Toastification__icon {
  color: var(--snackbar-success);
}
.Vue-Toastification__toast--error .Vue-Toastification__icon {
  color: var(--snackbar-error);
}
.Vue-Toastification__toast--warning .Vue-Toastification__icon {
  color: var(--snackbar-warning);
}
.Vue-Toastification__toast-body {
  color: var(--snackbar-body);
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.125rem;
  white-space: pre-wrap;
  word-break: break-word;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__icon {
  font-size: 1.3125rem;
  height: 24px;
  left: 8px;
  top: 12px;
  transition: 0.3s ease;
  width: 24px;
}
.Vue-Toastification__close-button,
.Vue-Toastification__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.Vue-Toastification__close-button {
  background-color: var(--snackbar-close-surface);
  border: none;
  border-radius: 50%;
  content: "";
  cursor: pointer;
  font-size: 0;
  height: 32px;
  outline: none;
  padding: 0;
  right: 4px;
  top: 8px;
  transition: all 0.2s;
  transition: visibility 0s, opacity 0.2s linear;
  width: 32px;
}
.Vue-Toastification__close-button:before {
  color: var(--snackbar-close-icon);
  content: "";
  font-family: icons;
  font-size: 1.5rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.5rem;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  .Vue-Toastification__close-button:hover {
    background-color: var(--snackbar-close-surface-hover);
    cursor: pointer;
  }
  .Vue-Toastification__close-button:hover:before {
    color: var(--snackbar-close-icon-hover);
  }
}
.Vue-Toastification__progress-bar {
  animation: scale-x-frames linear 1 forwards;
  opacity: 0;
}
.author {
  align-items: center;
  color: var(--article-intro-author);
  display: inline-flex;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.author.isAuthorArticle {
  font-size: 0.875rem;
  line-height: 1.625rem;
}
@media (min-width: 1024px) {
  .author {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .author:hover {
    color: var(--accent-hover);
  }
}
.author span {
  color: var(--article-header-intro-comma-timestamp);
}
.storytelling .author span {
  color: var(--article-intro-comma-timestamp);
}
.author__image {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  flex-basis: 28px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 4px;
  overflow: hidden;
  position: relative;
  width: 28px;
}
@supports not (aspect-ratio: 1/1) {
  .author__image {
    padding-top: 100%;
  }
}
.author__image img {
  aspect-ratio: 1/1;
  height: 28px;
  object-fit: cover;
  width: 28px;
}
@supports not (aspect-ratio: 1/1) {
  .author__image img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.article-header-author-date .author__image {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.author__description {
  color: var(--authors-block-description);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43;
}
.author.isProfile {
  margin-bottom: 12px;
}
.author.isProfile .author__image {
  flex-basis: 28px;
  width: 28px;
}
.author__separator {
  border: none;
  border-top: 1px solid var(--authors-separator-color);
}
.placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder100px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder120px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder250px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder300px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder400px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder500px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder600px .gpt-ad-banner:not(.ad-loaded):before,
.placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.placeholder90px .gpt-ad-banner:not(.ad-loaded):before {
  align-items: center;
  background-color: var(--color-100);
  color: var(--color-500);
  content: "AD";
  display: flex;
  font-size: 0.75rem;
  justify-content: center;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 8px;
  transform: translate(-50%);
  width: 300px;
  z-index: 0;
}
.gpt-ad-banner {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  display: none;
  flex-wrap: wrap;
  margin-bottom: 4px;
  overflow-x: hidden;
  padding: 8px 0;
  position: relative;
  text-align: center;
}
.gpt-ad-banner.ad-filled {
  display: flex;
  min-height: auto !important;
}
@media (min-width: 429px) {
  .gpt-ad-banner {
    padding: 8px 0;
  }
}
.gpt-ad-banner > div {
  margin: 0 auto;
}
.article-ad .gpt-ad-banner,
.card-comments .gpt-ad-banner,
.clean-ad-wrapper .gpt-ad-banner {
  background-color: var(--color-50);
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 429px) {
  .article-ad .gpt-ad-banner,
  .card-comments .gpt-ad-banner,
  .clean-ad-wrapper .gpt-ad-banner {
    padding: 0;
  }
}
.placeholder90px .gpt-ad-banner {
  min-height: 128px;
}
.placeholder90px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder90px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 128px;
  position: relative;
}
.placeholder90px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 112px !important;
}
@media (min-width: 429px) {
  .placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 90px !important;
  }
}
.placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder100px .gpt-ad-banner {
  min-height: 138px;
}
.placeholder100px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder100px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 138px;
  position: relative;
}
.placeholder100px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 122px !important;
}
@media (min-width: 429px) {
  .placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 100px !important;
  }
}
.placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder120px .gpt-ad-banner {
  min-height: 158px;
}
.placeholder120px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder120px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 158px;
  position: relative;
}
.placeholder120px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 142px !important;
}
@media (min-width: 429px) {
  .placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 120px !important;
  }
}
.placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder250px .gpt-ad-banner {
  min-height: 288px;
}
.placeholder250px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder250px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 288px;
  position: relative;
}
.placeholder250px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 272px !important;
}
@media (min-width: 429px) {
  .placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 250px !important;
  }
}
.placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder300px .gpt-ad-banner {
  min-height: 338px;
}
.placeholder300px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder300px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 338px;
  position: relative;
}
.placeholder300px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 322px !important;
}
@media (min-width: 429px) {
  .placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 300px !important;
  }
}
.placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder400px .gpt-ad-banner {
  min-height: 438px;
}
.placeholder400px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder400px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 438px;
  position: relative;
}
.placeholder400px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 422px !important;
}
@media (min-width: 429px) {
  .placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 400px !important;
  }
}
.placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder500px .gpt-ad-banner {
  min-height: 538px;
}
.placeholder500px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder500px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 538px;
  position: relative;
}
.placeholder500px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 522px !important;
}
@media (min-width: 429px) {
  .placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 500px !important;
  }
}
.placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder600px .gpt-ad-banner {
  min-height: 638px;
}
.placeholder600px .gpt-ad-banner > div {
  z-index: 2;
}
.placeholder600px .gpt-ad-banner:not(.ad-loaded) {
  margin-left: auto;
  margin-right: auto;
  min-height: 638px;
  position: relative;
}
.placeholder600px .gpt-ad-banner:not(.ad-loaded):before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 622px !important;
}
@media (min-width: 429px) {
  .placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty {
    min-height: 600px !important;
  }
}
.placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty:before {
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.container[class*="placeholder"] > .gpt-ad-banner {
  display: flex;
}
.container:not(div[class*="placeholder"]) > .gpt-ad-banner:empty {
  margin: 0;
  padding: 0;
}
.container:not(div[class*="placeholder"]) > .gpt-ad-banner.ad-empty {
  display: none;
}
.bannerTopPosition .gpt-ad-banner,
.gptArticleTop .gpt-ad-banner {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 429px) {
  .bannerTopPosition .gpt-ad-banner,
  .gptArticleTop .gpt-ad-banner {
    margin-top: 4px;
  }
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder90px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder90px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder90px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder90px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder90px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder90px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 116px;
  }
}
.bannerTopPosition.placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 90px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder100px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder100px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder100px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder100px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder100px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder100px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 126px;
  }
}
.bannerTopPosition.placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 100px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder120px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder120px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder120px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder120px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder120px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder120px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 146px;
  }
}
.bannerTopPosition.placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 120px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder250px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder250px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder250px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder250px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder250px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder250px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 276px;
  }
}
.bannerTopPosition.placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 250px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder300px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder300px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder300px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder300px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder300px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder300px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 326px;
  }
}
.bannerTopPosition.placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 300px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder400px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder400px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder400px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder400px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder400px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder400px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 426px;
  }
}
.bannerTopPosition.placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 400px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder500px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder500px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder500px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder500px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder500px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder500px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 526px;
  }
}
.bannerTopPosition.placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 500px !important;
}
@media (max-width: 428px) {
  .bannerTopPosition.placeholder600px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .bannerTopPosition.placeholder600px .gpt-ad-banner:not(.ad-loaded):before,
  .gptArticleTop.placeholder600px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .gptArticleTop.placeholder600px .gpt-ad-banner:not(.ad-loaded):before {
    top: 8px;
  }
  .bannerTopPosition.placeholder600px .gpt-ad-banner:not(.ad-loaded),
  .gptArticleTop.placeholder600px .gpt-ad-banner:not(.ad-loaded) {
    min-height: 626px;
  }
}
.bannerTopPosition.placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty,
.gptArticleTop.placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 600px !important;
}
.card-comments .gpt-ad-banner div[id^="google_ads"] {
  margin-bottom: 24px;
}
.card-comments .gpt-ad-banner div[id^="google_ads"]:empty {
  margin-bottom: 0;
}
.card-comments .placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder90px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder90px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder90px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder90px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 90px;
}
.card-comments .placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 90px !important;
}
.card-comments .placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder100px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder100px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder100px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder100px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 100px;
}
.card-comments .placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 100px !important;
}
.card-comments .placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder120px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder120px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder120px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder120px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 120px;
}
.card-comments .placeholder120px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 120px !important;
}
.card-comments .placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder250px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder250px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder250px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder250px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 250px;
}
.card-comments .placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 250px !important;
}
.card-comments .placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder300px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder300px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder300px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder300px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 300px;
}
.card-comments .placeholder300px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 300px !important;
}
.card-comments .placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder400px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder400px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder400px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder400px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 400px;
}
.card-comments .placeholder400px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 400px !important;
}
.card-comments .placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder500px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder500px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder500px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder500px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 500px;
}
.card-comments .placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 500px !important;
}
.card-comments .placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty,
.card-comments .placeholder600px .gpt-ad-banner:not(.ad-loaded) {
  margin-bottom: 24px;
}
.card-comments
  .placeholder600px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.card-comments .placeholder600px .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.card-comments .placeholder600px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 600px;
}
.card-comments .placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty {
  min-height: 600px !important;
}
.clean-ad-wrapper .gpt-ad-banner div[id^="google_ads"]:empty:before,
.clean-ad-wrapper .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
@media (min-width: 1024px) {
  .clean-ad-wrapper.placeholder250px
    .gpt-ad-banner
    div[id^="google_ads"]:empty:before,
  .clean-ad-wrapper.placeholder250px .gpt-ad-banner:not(.ad-loaded):before {
    width: calc(100% - 16px);
  }
}
.clean-widget-ad-wrapper .gpt-ad-banner {
  display: flex !important;
  padding: 0;
}
.transparent-ad-wrapper .gpt-ad-banner {
  background-color: initial;
}
.OOP-bannerWrapper {
  bottom: 0;
  height: 0;
  left: 0;
  overflow: visible;
  position: relative;
  right: 0;
}
.OOP-bannerWrapper .OOP-gpt-ad-banner {
  bottom: 0;
  position: absolute;
  right: 0;
}
.OOP-bannerWrapper.OOP-reset {
  height: auto;
  position: static;
}
@media (min-width: 1024px) {
  .OOP-bannerWrapper.OOP-reset {
    overflow: hidden;
  }
}
.OOP-bannerWrapper.OOP-reset .OOP-gpt-ad-banner {
  margin-bottom: 4px;
  position: static;
}
.OOP-bannerWrapper.OOP-reset .OOP-gpt-ad-banner.ad-empty,
.OOP-bannerWrapper.OOP-reset .OOP-gpt-ad-banner:empty {
  margin-bottom: 0;
}
.article-sidebar
  .placeholder100px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.article-sidebar .placeholder100px .gpt-ad-banner:before,
.article-sidebar
  .placeholder250px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.article-sidebar .placeholder250px .gpt-ad-banner:before,
.article-sidebar
  .placeholder500px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.article-sidebar .placeholder500px .gpt-ad-banner:before,
.article-sidebar
  .placeholder600px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.article-sidebar .placeholder600px .gpt-ad-banner:before,
.article-sidebar
  .placeholder90px
  .gpt-ad-banner
  div[id^="google_ads"]:empty:before,
.article-sidebar .placeholder90px .gpt-ad-banner:before,
.is-sidebar .placeholder100px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.is-sidebar .placeholder100px .gpt-ad-banner:before,
.is-sidebar .placeholder250px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.is-sidebar .placeholder250px .gpt-ad-banner:before,
.is-sidebar .placeholder500px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.is-sidebar .placeholder500px .gpt-ad-banner:before,
.is-sidebar .placeholder600px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.is-sidebar .placeholder600px .gpt-ad-banner:before,
.is-sidebar .placeholder90px .gpt-ad-banner div[id^="google_ads"]:empty:before,
.is-sidebar .placeholder90px .gpt-ad-banner:before {
  max-width: 322px;
}
.gptArticleTop.gptSticky,
.gptCategoryTop.gptSticky {
  position: sticky !important;
  top: 94px;
  transition: top 0.3s ease-in-out 0.04s;
  z-index: 10 !important;
}
@media (min-width: 1024px) {
  .gptArticleTop.gptSticky,
  .gptCategoryTop.gptSticky {
    top: 0;
  }
}
.gptArticleTop.gptSticky.gptSticky-scrolled .gpt-ad-banner,
.gptCategoryTop.gptSticky.gptSticky-scrolled .gpt-ad-banner {
  box-shadow: 0 0 0 1px var(--color-300), 0 1px 3px 0 var(--tooltip-shadow);
}
.gptArticleTop.gptSticky.gptSticky-reset,
.gptCategoryTop.gptSticky.gptSticky-reset {
  position: static !important;
}
.gptListFixed {
  min-height: 138px;
}
@media (min-width: 1024px) {
  .gptListFixed {
    min-height: 288px;
  }
}
.gptListFixed .gptSticky-activated {
  left: 0;
  position: fixed !important;
  top: 94px;
  width: 100%;
  z-index: 100 !important;
}
@media (min-width: 1024px) {
  .gptListFixed .gptSticky-activated {
    top: 104px;
  }
}
.article-ad .gpt-ad-banner,
.articleBelowPoster .gpt-ad-banner {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-ad .gpt-ad-banner,
  .articleBelowPoster .gpt-ad-banner {
    margin-bottom: 24px;
  }
}
.article-ad .gpt-ad-banner:empty,
.articleBelowPoster .gpt-ad-banner:empty {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .mondo .inText-banner-wrapper,
  .storyhr .inText-banner-wrapper {
    min-height: 385px !important;
  }
}
.news-feed .gpt-ad-banner {
  background-color: var(--color-50);
  box-shadow: none;
  margin-bottom: 0;
  padding: 16px 0 12px;
}
@media (min-width: 1024px) {
  .news-feed .gpt-ad-banner {
    padding: 24px 0;
  }
}
.gallery .banner-placeholder {
  position: relative;
  z-index: 100;
}
.gallery .banner-placeholder .gpt-ad-banner {
  align-items: flex-start;
  background-color: initial;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.gallery .banner-placeholder .gpt-ad-banner:not(.ad-loaded):before {
  top: 0;
}
.gallery .banner-placeholder .placeholder90px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 90px;
}
.gallery
  .banner-placeholder
  .placeholder90px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 90px;
}
.gallery .banner-placeholder .placeholder100px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 100px;
}
.gallery
  .banner-placeholder
  .placeholder100px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 100px;
}
.gallery .banner-placeholder .placeholder120px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 120px;
}
.gallery
  .banner-placeholder
  .placeholder120px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 120px;
}
.gallery .banner-placeholder .placeholder250px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 250px;
}
.gallery
  .banner-placeholder
  .placeholder250px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 250px;
}
.gallery .banner-placeholder .placeholder300px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 300px;
}
.gallery
  .banner-placeholder
  .placeholder300px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 300px;
}
.gallery .banner-placeholder .placeholder400px .gpt-ad-banner:not(.ad-loaded) {
  min-height: 400px;
}
.gallery
  .banner-placeholder
  .placeholder400px
  .gpt-ad-banner:not(.ad-loaded):before {
  height: 400px;
}
.gallery__sidebar .banner-placeholder .gpt-ad-banner:not(.ad-loaded):before {
  width: 300px !important;
}
.gallery__content .banner-placeholder .gpt-ad-banner:not(.ad-loaded):before {
  width: 100%;
}
@media (min-width: 1264px) {
  .main_wrapper.wallpaper-helper.wallpaper-active header.header {
    position: sticky !important;
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    header.header
    .header__content_wrap:after,
  .main_wrapper.wallpaper-helper.wallpaper-active
    header.header
    .header__content_wrap:before {
    background-color: #e1e1e1;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    header.header
    .header__content_wrap:after {
    right: 50%;
    transform: translate(513px);
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    header.header
    .header__content_wrap:before {
    left: 50%;
    transform: translate(-513px);
  }
  .main_wrapper.wallpaper-helper.wallpaper-active .latest-news-ticker-wrap {
    position: relative;
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    .latest-news-ticker-wrap:after,
  .main_wrapper.wallpaper-helper.wallpaper-active
    .latest-news-ticker-wrap:before {
    background-color: #e1e1e1;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    transform: translate(513px);
    width: 1px;
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    .latest-news-ticker-wrap:after {
    right: 50%;
    transform: translate(513px);
  }
  .main_wrapper.wallpaper-helper.wallpaper-active
    .latest-news-ticker-wrap:before {
    left: 50%;
    transform: translate(-513px);
  }
}
.wallpaper-wrapper [class^="wallpaper"] {
  display: none;
}
@media (min-width: 1264px) {
  .wallpaper-wrapper {
    max-width: 100% !important;
    min-width: 100% !important;
    opacity: 1;
    position: fixed;
    top: 0;
    z-index: 50000;
  }
  .wallpaper-wrapper .container {
    display: flex;
    justify-content: space-between;
  }
  .wallpaper-wrapper .wallpaper-left,
  .wallpaper-wrapper .wallpaper-right {
    background-color: var(--surface);
    display: flex;
    flex-direction: column;
    height: auto;
    pointer-events: all;
    position: absolute;
    width: calc(50vw - 520px);
  }
  .wallpaper-wrapper .wallpaper-left img,
  .wallpaper-wrapper .wallpaper-right img {
    max-width: none;
  }
  .wallpaper-wrapper .wallpaper-left {
    align-items: flex-end;
    left: auto;
    padding-right: 7px;
    right: calc(100% + 1px);
    text-align: right;
  }
  .wallpaper-wrapper .wallpaper-right {
    align-items: flex-start;
    left: calc(100% + 1px);
    padding-left: 7px;
    right: auto;
    text-align: left;
  }
}
.wallpaper-wrapper + .kurir-tv {
  position: relative;
  z-index: 2;
}
.wallpaper-top {
  margin: 0 -8px 8px;
  overflow-x: hidden;
}
.wallpaper-top:empty {
  margin-bottom: 0;
}
:root {
  --color-light-50: #fff;
  --color-light-75: #5454540a;
  --color-light-100: #54545414;
  --color-light-200: #5454541f;
  --color-light-300: #54545433;
  --color-light-400: #54545452;
  --color-light-500: #54545470;
  --color-light-600: #545454a3;
  --color-light-700: #545454d6;
  --color-light-800: #333131;
  --color-light-900: #191818;
  --color-dark-50: #262525;
  --color-dark-75: #ffffff0a;
  --color-dark-100: #ffffff14;
  --color-dark-200: #ffffff1f;
  --color-dark-300: #fff3;
  --color-dark-400: #ffffff52;
  --color-dark-500: #ffffff70;
  --color-dark-600: #ffffffa3;
  --color-dark-700: #ffffffc2;
  --color-dark-800: #ebe6e6;
  --color-dark-900: #f4f2f5;
  --accent-light: #ed1c24;
  --accent-dark: #fe262f;
  --accent-light-hover: #d00c13;
  --accent-alt-light: #ed1c24;
  --accent-alt-dark: #fe262f;
  --accent-secondary: #ffdedf;
  --accent-secondary-transparent: #ffdedf00;
  --accent-tertiary: #ffef2c;
  --accent-data-wall: #00ffb3;
  --accent-button-color: #fff;
  --accent-poll-quiz: #ffe160;
  --article-title-light: #fff;
  --lottie-pulse-green: #5db91a;
  --shadow-floating-light: 0 1px 3px #00000036, 0 0 0 1px #00000021;
  --shadow-floating-dark: 0 0 0 1px #fff3;
  --label-sec-quiz-background: var(--accent-light);
  --perseus-label-animation: var(--color-light-900);
  --perseus-label-text: var(--color-light-900);
  --perseus-label-surface: #cbff8c;
  --surface-light: #eaeaea;
  --surface-dark: #000;
  --swipeabble-cta-hover: #f23249;
  --btn-alt-background: #fff;
  --btn-alt-hover-background: var(--color-dark-700);
  --btn-alt-text: var(--color-light-900);
  --btn-whatsapp: #25d366;
  --column-secondary-alt-label: var(--color-light-500);
  --quiz-primary-color: var(--accent-poll-quiz);
  --quiz-secondary-color-light: var(--color-light-900);
  --poll-primary-color: var(--accent-poll-quiz);
  --poll-label-text-color: var(--color-light-900);
  --data-wall: #00ffb314;
  --header-logo-width: 72px;
  --header-logo-height: 32px;
  --header-fsgallery-logo-width: 72px;
  --header-fsgallery-logo-height: 32px;
  --header-logo-mobile-margin: 8px;
  --header-short-logo-width: 19px;
  --header-short-logo-height: 32px;
  --header-subnav-left-padding: 31px;
  --gallery-mobile-description-scrim: linear-gradient(
    to right,
    #26252500,
    var(--color-dark-50) 50%,
    var(--color-dark-50)
  );
  --card-author-secondary-label: var(--accent-alt-light);
  --card-author-secondary-alt-label: var(--color-light-500);
  --card-author-label-stack-after: linear-gradient(
    to left,
    var(--accent-secondary),
    var(--accent-secondary) 50%,
    var(--accent-secondary-transparent)
  );
  --card-author-title: var(--color-light-900);
  --card-author-author-name: var(--accent-alt-light);
  --card-author-promo-text: var(--color-light-700);
  --card-author-promo-surface: var(--color-light-100);
  --card-author-sponsored-by: var(--color-light-500);
  --card-author-sponsor-name: var(--color-light-900);
  --engagement-against-light-btn-text: var(--color-light-900);
  --engagement-against-light-btn-surface-hover: var(--color-light-100);
  --engagement-against-light-btn-is-user-reaction-surface: var(
    --color-light-100
  );
  --engagement-against-light-btn-is-user-reaction-surface-hover: var(
    --color-light-200
  );
  --engagement-against-light-btn-is-user-reaction-accent: var(
    --accent-alt-light
  );
  --engagement-against-light-share-icon: var(--color-light-900);
  --engagement-against-light-share-surface: var(--color-light-100);
  --engagement-against-light-share-surface-hover: var(--color-light-200);
  --engagement-against-light-divider: var(--color-light-200);
  --engagement-against-light-comments-count: var(--accent-alt-light);
  --engagement-against-dark-btn-text: var(--color-dark-900);
  --engagement-against-dark-btn-surface-hover: var(--color-dark-100);
  --engagement-against-dark-btn-is-user-reaction-surface: var(--color-dark-100);
  --engagement-against-dark-btn-is-user-reaction-surface-hover: var(
    --color-dark-200
  );
  --engagement-against-dark-btn-is-user-reaction-accent: var(--accent-alt-dark);
  --engagement-against-dark-share-icon: var(--color-dark-900);
  --engagement-against-dark-share-surface: var(--color-dark-100);
  --engagement-against-dark-share-surface-hover: var(--color-dark-200);
  --engagement-against-dark-divider: var(--color-dark-200);
  --engagement-against-dark-comments-count: var(--accent-alt-dark);
  --engagement-column-btn-text: var(--engagement-against-light-btn-text);
  --engagement-column-btn-surface-hover: var(
    --engagement-against-light-btn-surface-hover
  );
  --engagement-column-btn-is-user-reaction-surface: var(
    --engagement-against-light-btn-is-user-reaction-surface
  );
  --engagement-column-btn-is-user-reaction-surface-hover: var(
    --engagement-against-light-btn-is-user-reaction-surface-hover
  );
  --engagement-column-btn-is-user-reaction-accent: var(
    --engagement-against-light-btn-is-user-reaction-accent
  );
  --engagement-column-share-icon: var(--engagement-against-light-share-icon);
  --engagement-column-share-surface: var(
    --engagement-against-light-share-surface
  );
  --engagement-column-share-surface-hover: var(
    --engagement-against-light-share-surface-hover
  );
  --engagement-column-divider: var(--engagement-against-light-divider);
  --engagement-column-comments-count: var(--accent-alt-light);
  --engagement-quiz-btn-text: var(--engagement-against-light-btn-text);
  --engagement-quiz-btn-surface-hover: var(
    --engagement-against-light-btn-surface-hover
  );
  --engagement-quiz-btn-is-user-reaction-surface: var(
    --engagement-against-light-btn-is-user-reaction-surface
  );
  --engagement-quiz-btn-is-user-reaction-surface-hover: var(
    --engagement-against-light-btn-is-user-reaction-surface-hover
  );
  --engagement-quiz-btn-is-user-reaction-accent: var(
    --engagement-against-light-btn-is-user-reaction-accent
  );
  --engagement-quiz-share-icon: var(--engagement-against-light-share-icon);
  --engagement-quiz-share-surface: var(
    --engagement-against-light-share-surface
  );
  --engagement-quiz-share-surface-hover: var(
    --engagement-against-light-share-surface-hover
  );
  --engagement-quiz-divider: var(--engagement-against-light-divider);
  --engagement-quiz-comments-count: var(--label-sec-quiz-background);
  --smartlife-surface: var(--color-dark-50);
  --smartlife-title-hover-color: var(--color-dark-800);
}
@media (min-width: 1024px) {
  :root {
    --header-logo-width: 116px;
    --header-logo-height: 52px;
  }
}
:root .is-section-sport {
  --header-logo-width: 108px;
  --header-logo-height: 32px;
  --header-fsgallery-logo-width: 108px;
  --header-fsgallery-logo-height: 32px;
  --header-short-logo-width: 108px;
  --header-short-logo-height: 32px;
  --header-subnav-left-padding: 120px;
}
@media (min-width: 1024px) {
  :root .is-section-sport {
    --header-logo-width: 175.5px;
    --header-logo-height: 52px;
  }
}
.dark,
.dark .is-section-sport,
.light,
.light .is-section-sport {
  --nav-mobile-back: var(--color-50);
  --nav-shadow: 0 1px 0 0 var(--color-200);
  --nav-bottom-line: var(--color-200);
  --search-caret-color: var(--accent);
  --search-placeholder: var(--color-700);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--accent);
  --nav-extra-icon-hover: var(--color800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-extra-icon-link-active: var(--color-100);
  --nav-avatar-shadow: var(--color-100);
  --nav-avatar-background: var(--color-400);
  --nav-avatar-no-initials: var(--color-light-50);
  --nav-avatar-no-initials-background: var(--accent);
  --subnav-surface: var(--color-75-without-transparency);
  --subnav-surface-dark-submenu: var(--color-75-without-transparency);
  --subnav-bottom-line: var(--color-200);
  --subnav-is-view-more: var(--color-600);
  --subnav-is-view-more-hover: var(--color-900);
  --subnav-is-view-more-active: var(--color-900);
  --subnav-surface-article: var(--color-75-without-transparency);
  --subnav-item-resting: var(--color-600);
  --subnav-item-hover: var(--color-900);
  --subnav-item-active: var(--color-900);
  --subnav-item-resting-article: var(--color-600);
  --subnav-item-hover-article: var(--color-900);
  --subnav-item-active-article: var(--color-900);
  --subnav-item-resting-dark-submenu: var(--color-600);
  --subnav-item-hover-dark-submenu: var(--color-900);
  --subnav-item-active-dark-submenu: var(--color-900);
  --subnav-children-background: var(--color-50);
  --subnav-children-shadow: var(--shadow-floating);
  --subnav-children-link-resting: var(--color-600);
  --subnav-children-link-hover: var(--color-900);
  --subnav-children-link-hover-background: var(--color-100);
  --subnav-children-link-active: var(--color-900);
  --subnav-expand-surface-article: var(--color-100);
  --subnav-expand-surface-hover-article: var(--color-200);
  --subnav-expand-icon-article: var(--color-600);
  --subnav-box-shadow-article: var(--color-200);
  --nav-drawer-base: var(--color-50);
  --nav-drawer-back: var(--color-50);
  --nav-drawer-color: var(--color-900);
  --nav-drawer-color-active: var(--color-200);
  --nav-drawer-radio-hover: var(--color-100);
  --nav-drawer-title: var(--color-500);
  --nav-drawer-subitem: var(--color-600);
  --nav-drawer-subitem-hover: var(--color-100);
  --nav-drawer-story-title: var(--color-900);
  --nav-drawer-radio-back: var(--color-200);
  --nav-drawer-show-more-background: var(--color-100);
  --nav-drawer-show-more-background-hover: var(--color-200);
  --nav-drawer-copyright: var(--color-500);
}
.light {
  --background-color: var(--surface-light);
  --color: var(--color-900);
  --accent: var(--accent-light);
  --accent-hover: var(--accent-light-hover);
  --accent-alt: var(--accent-alt-light);
  --accent-alt-hover: var(--accent-light-hover);
  --accent-32: #ed1c2452;
  --surface: var(--surface-light);
  --color-50: var(--color-light-50);
  --color-75: var(--color-light-75);
  --color-100: var(--color-light-100);
  --color-200: var(--color-light-200);
  --color-300: var(--color-light-300);
  --color-400: var(--color-light-400);
  --color-500: var(--color-light-500);
  --color-600: var(--color-light-600);
  --color-700: var(--color-light-700);
  --color-800: var(--color-light-800);
  --color-900: var(--color-light-900);
  --section-default: #ed1c24;
  --section-vesti: #ed1c24;
  --section-stars: #f436ba;
  --section-sport: #191818;
  --section-sport-alt: #fec200;
  --section-hronika: #373746;
  --section-region: var(--section-default);
  --section-planeta: #08f;
  --section-zabava: #ff6f00;
  --section-stil: #b37a00;
  --section-biznis: #323cff;
  --section-zdravlje: #00cb77;
  --section-zdravlje-alt: #03444f;
  --section-tech: #5c2d91;
  --section-auto: #f16101;
  --section-nekretnine: #3352ff;
  --section-surface-default: #ed1c24;
  --section-surface-vesti: #ed1c24;
  --section-surface-stars: #f436ba;
  --section-surface-sport: #fec200;
  --section-surface-hronika: #373746;
  --section-surface-region: var(--section-surface-default);
  --section-surface-planeta: #08f;
  --section-surface-zabava: #ff6f00;
  --section-surface-stil: #b37a00;
  --section-surface-biznis: #323cff;
  --section-surface-zdravlje: #03444f;
  --section-surface-tech: #5c2d91;
  --section-surface-auto: #f16101;
  --section-surface-nekretnine: #3352ff;
  --section-default-text: var(--color-light-50);
  --section-vesti-text: var(--color-light-50);
  --section-stars-text: var(--color-light-50);
  --section-sport-text: var(--color-light-900);
  --section-hronika-text: var(--color-light-50);
  --section-region-text: var(--color-light-50);
  --section-planeta-text: var(--color-light-50);
  --section-zabava-text: var(--color-light-50);
  --section-tech-text: var(--color-light-50);
  --section-biznis-text: var(--color-light-50);
  --section-zdravlje-text: var(--color-light-50);
  --general-box-shadow: var(--color-200);
  --card-cta: #240041;
  --card-cta-hover: #170029;
  --tooltip-shadow: #00000021;
  --multimediaindicator-background: var(--color-50);
  --share-whatsapp: #455a64;
  --share-universal: var(--color-900);
  --share-copy-link: var(--color-900);
  --share-apple: #000;
  --label-sec-background: var(--accent-alt);
  --shadow-floating: var(--shadow-floating-light);
  --surface-transparent: #eaeaea00;
  --color-50-transparent: #fff0;
  --color-75-without-transparency: #f8f8f8;
  --color-100-without-transparency: #f1f1f1;
  --color-200-without-transparency: #eaeaea;
  --card-author-promo-text: var(--color-700);
  --card-author-promo-surface: var(--color-100);
  --columns-template-surface: #f9f6f2;
  --content-aside-btn-text: var(--color-light-50);
  --content-aside-btn-text-hover: var(--color-light-100);
  --main-box-shadow: 0 1px 2px 0 #00000021;
  --origami-in-feed-no-header-box-shadow-left: -2px 0 2px -1px #00000021;
  --origami-in-feed-no-header-box-shadow-right: 2px 0 2px -1px #00000021;
  --scrim-00: #f1f1f100;
  --scrim-50: #f1f1f180;
  --breaking-news-label-animation: var(--accent);
  --breaking-news-label-text: var(--color-900);
  --breaking-news-label-surface: var(--color-50);
  --breaking-news-title: var(--color-50);
  --breaking-news-surface: var(--accent);
  --weather: #ffdee1;
  --weather-sec: #c84751;
  --horoscope: #f0deff;
  --horoscope-sec: #7c5a98;
  --ticker-surface: #f3f3f3;
  --ticker-surface-transparent: #f3f3f300;
  --ticker-scrim-leading: linear-gradient(
    to right,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-scrim-trailing: linear-gradient(
    to left,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-shadow: 0 1px 0 0 #00000021;
  --video-indication-elements: var(--color-50);
  --video-indication-surface: var(--accent);
  --tv-widget-surface: var(--color-900);
  --tv-widget-surface-alpha-50: #19181880;
  --tv-widget-surface-transparent: #19181800;
  --tv-widget-scrim-leading: linear-gradient(
    to bottom,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --tv-widget-scrim-trailing: linear-gradient(
    to top,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --color-900-inverse: var(--color-dark-900);
  --color-800-inverse: var(--color-dark-800);
  --color-700-inverse: var(--color-dark-700);
  --color-300-inverse: var(--color-dark-300);
  --color-200-inverse: var(--color-dark-200);
  --color-100-inverse: var(--color-dark-100);
  --color-75-inverse: var(--color-dark-75);
  --color-50-inverse: var(--color-dark-50);
  --good: #dff198;
  --good-sec: #316723;
  --good-sec-08: #31672314;
  --moderate: #ffe793;
  --moderate-sec: #b4801e;
  --moderate-sec-08: #b4801e14;
  --unhealthy-for-sensitive-groups: #ffcaa7;
  --unhealthy-for-sensitive-groups-sec: #88452b;
  --unhealthy-for-sensitive-groups-sec-08: #88452b14;
  --unhealthy: #ffa8a5;
  --unhealthy-sec: #b43d38;
  --unhealthy-sec-08: #b43d3814;
  --very-unhealthy: #c593e2;
  --very-unhealthy-sec: #7b3ba0;
  --very-unhealthy-sec-08: #7b3ba014;
  --hazardous: #ac8b95;
  --hazardous-sec: #67414d;
  --hazardous-sec-08: #67414d14;
  --quiz-secondary-color: var(--quiz-secondary-color-light);
  --quiz-label-background: #ffbf00;
  --quiz-label-text: var(--color-900);
  --quiz-card-title: var(--quiz-secondary-color);
  --quiz-card-background: var(--quiz-primary-color);
  --quiz-label-basic-background: var(--quiz-secondary-color);
  --quiz-label-basic-text: var(--quiz-primary-color);
  --mondo-label-background: #0f1821;
  --column-card-background: var(--accent-secondary);
  --btn-prim-hover: var(--accent-hover);
  --btn-prim-alt-sec-background: var(--accent-alt);
  --btn-prim-alt-sec-hover-background: var(--accent-alt-hover);
  --btn-prim-datawall-hover-background: #00eaa4;
  --btn-whatsapp-hover: #10c152;
  --icon-bg: #fff;
  --icon-bg-hover: #f1f1f1;
  --icon-bor: #ddd;
  --icon-bor-hover: #bbb;
  --article-title: var(--color-900);
  --article-factbox-author: var(--color-600);
  --article-factbox-link: var(--accent);
  --article-factbox-link-hover: var(--accent-hover);
  --article-factbox-surface: var(--color-100);
  --article-factbox-text: var(--color-900);
  --article-factbox-accent: var(--accent);
  --article-quote-author: var(--color-600);
  --article-header-mondo-plus-background-image: url(../index/mondo+light.svg);
  --article-header-mondo-plus-background: var(--mondo-label-background);
  --mondo-plus-background: var(--mondo-label-background);
  --nav-surface: var(--color-50);
  --nav-storytelling-background: var(--color-50);
  --nav-item-resting: var(--color-900);
  --nav-item-after: var(--accent);
  --nav-item-active: var(--color-900);
  --subnav-surface: var(--color-75-without-transparency);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--accent);
  --nav-extra-icon-hover: var(--color-800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-avatar-shadow: var(--color-dark-100);
  --nav-avatar-no-initials: var(--color-50);
  --nav-avatar-no-initials-background: var(--accent);
  --nav-drawer-close: var(--color-500);
  --nav-drawer-close-hover: var(--color-600);
  --nav-drawer-close-background: var(--color-100);
  --nav-drawer-close-background-hover: var(--color-200);
  --nav-drawer-tab: var(--color-600);
  --nav-drawer-tab-hover: var(--color-900);
  --nav-drawer-tab-accent: var(--accent);
  --nav-drawer-box-shadow: 0 0 0 1px #0003, 0 1px 3px 0 #00000021;
  --nav-drawer-subitem-active: var(--color-dark-50);
  --live-tv-icon: var(--color-light-900);
  --live-tv-icon-surface: var(--color-light-50);
  --live-tv-text: var(--color-light-50);
  --live-tv-surface: var(--accent);
  --live-tv-surface-hover: var(--accent-hover);
  --article-header-back: var(--color-50);
  --article-lead: var(--color-800);
  --article-header-shadow: 0 1px 3px 0 #00000021;
  --article-intro-author: var(--accent);
  --article-header-intro-comma-timestamp: var(--color-700);
  --article-intro-comma-timestamp: var(--color-700);
  --breadcrumbs-color: var(--color-900);
  --breadcrumbs-color-special: var(--color-900);
  --breadcrumbs-color-special-hover: var(--color-800);
  --breadcrumbs-chevron: var(--color-500);
  --breadcrumbs-chevron-special: var(--color-500);
  --nav-drawer-magazines-item: var(--color-dark-50);
  --nav-drawer-magazines-item-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back-span: var(--color-200);
  --nav-drawer-social-hover: var(--color-100);
  --nav-drawer-social-icon: var(--color-dark-50);
  --nav-drawer-footer-border: 1px solid var(--color-light-200);
  --nav-drawer-tabs-shadow: var(--general-box-shadow);
  --nav-drawer-tab-active: var(--color-900);
  --authors-block-back: var(--color-100);
  --authors-block-author: var(--accent);
  --authors-block-author-hover: var(--accent-hover);
  --authors-block-description: var(--color-700);
  --authors-separator-color: var(--color-200);
  --authors-side-borders: #0000;
  --surface-scrim-leading: linear-gradient(
    to right,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --surface-scrim-trailing: linear-gradient(
    to left,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --color-50-scrim-leading: linear-gradient(
    to right,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-50-scrim-trailing: linear-gradient(
    to left,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-75-scrim-trailing: linear-gradient(
    to left,
    var(--color-75-without-transparency),
    var(--color-75-without-transparency) 50%,
    #0000
  );
  --stream-scrim-trailing: linear-gradient(
    to left,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --engagement-btn-text: var(--engagement-against-light-btn-text);
  --engagement-btn-surface-hover: var(
    --engagement-against-light-btn-surface-hover
  );
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-against-light-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-against-light-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-against-light-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-against-light-share-icon);
  --engagement-share-surface: var(--engagement-against-light-share-surface);
  --engagement-share-surface-hover: var(
    --engagement-against-light-share-surface-hover
  );
  --engagement-divider: var(--engagement-against-light-divider);
  --engagement-comments-count: var(--engagement-against-light-comments-count);
  --error-404-surface: var(--surface);
  --error-404-title: var(--color-900);
  --error-404-description: var(--color-600);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-form: var(--color-50);
  --search-header-mobile-close-icon: var(--color-500);
  --search-header-mobile-close-surface: var(--color-100);
  --search-header-desktop-form: var(--color-200);
  --search-surface: var(--color-50);
  --search-active-gradient: linear-gradient(
    to right,
    #fff0,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-storytelling-gradient: linear-gradient(
    to right,
    #fff0,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-shadow: #00000021;
  --search-input-background: var(--color-100);
  --search-input-caret-color: var(--accent);
  --search-info: var(--color-600);
  --search-input-placeholder: var(--color-700);
  --search-input-color: var(--color-900);
  --search-icon-close: var(--color-600);
  --search-icon-close-hover: var(--color-900);
  --error-color: #ea8309;
  --checkbox-hover: var(--accent-hover);
  --snackbar-success: #239df7;
  --snackbar-warning: var(--accent-alt-dark);
  --snackbar-error: #f79e33;
  --snackbar-body: var(--color-50);
  --snackbar-close-icon: var(--color-dark-500);
  --snackbar-close-icon-hover: var(--color-50);
  --snackbar-close-surface: #0000;
  --snackbar-close-surface-hover: var(--color-dark-100);
  --snackbar-surface: var(--color-light-900);
  --snackbar-shadow: 0 2px 3px #00000021;
  --scrollbar-thumb: var(--color-400);
  --scrollbar-thumb-hover: var(--color-500);
  --scrollbar-rail-hover: var(--color-200);
  --comments-disclaimer-icon: var(--color-dark-50);
  --comments-disclaimer-text: var(--color-dark-50);
  --comments-disclaimer-link-underline: linear-gradient(
    var(--color-500),
    var(--color-500)
  );
  --comments-disclaimer-surface: #ed1c2421;
  --topics-border: none;
  --topics-box-shadow: 0 1px 3px 0 #00000021;
  --live-label-animation: var(--color-50);
  --live-label-text: var(--color-50);
  --live-label-surface: var(--accent);
  --columnist-archive-description: var(--color-700);
  --intro-poll-answer-text-color: var(--color-900);
  --intro-poll-answer-background-color: var(--color-100);
  --nav-toggle-icon: var(--color-900);
  --nav-toggle-handle: var(--color-50);
  --nav-toggle-track: var(--color-400);
  --nav-drawer-toggle-icon: var(--color-900);
  --nav-drawer-toggle-handle: var(--color-50);
  --nav-drawer-toggle-track: var(--color-400);
  --highlighted-events-header: var(--color-900);
  --highlighted-events-divider: var(--color-200);
  --highlighted-events-timestamp: var(--accent);
  --highlighted-events-timestamp-hover: var(--accent-hover);
  --highlighted-events-title: var(--color-900);
  --highlighted-events-title-hover: var(--color-900);
  --highlighted-events-bullet: var(--accent);
  --highlighted-events-bullet-drop-shadow: var(
    --color-200-without-transparency
  );
  --highlighted-events-surface: var(--color-200);
  --highlighted-events-toggle-surface: var(--color-dark-50);
  --highlighted-events-toggle-surface-active: var(--color-dark-50);
}
.light .is-section-sport {
  --section-default: var(--section-sport);
  --nav-surface: var(--section-surface-sport);
  --nav-storytelling-background: var(--section-surface-sport);
  --nav-item-after: var(--section-sport);
  --search-caret-color: var(--section-sport);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-close-icon: var(--color-600);
  --search-header-mobile-close-surface: var(--color-200);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--section-sport);
  --nav-extra-icon-hover: var(--color-800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-avatar-shadow: var(--color-dark-100);
  --generic-avatar-shadow: var(--color-light-300);
  --nav-avatar-no-initials-background: var(--section-sport);
  --nav-avatar-no-initials: var(--color-50);
  --nav-avatar-background: var(--color-400);
  --nav-drawer-tab-accent: var(--section-sport);
  --live-tv-icon: var(--color-light-50);
  --live-tv-icon-surface: var(--accent);
  --live-tv-text: var(--color-light-900);
  --live-tv-surface: var(--color-light-50);
  --live-tv-surface-hover: #f1f1f1;
}
@media (min-width: 1024px) {
  .light .is-section-sport {
    --nav-item-after: var(--section-sport);
    --search-caret-color: var(--section-sport-alt);
    --search-header-desktop-form: var(--color-dark-200);
    --search-surface: var(--color-dark-50);
    --search-active-gradient: linear-gradient(
      to right,
      #fec20000,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-storytelling-gradient: linear-gradient(
      to right,
      #fec20000,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-input-placeholder: var(--color-dark-700);
    --search-input-color: var(--color-dark-900);
    --search-icon-close: var(--color-dark-600);
    --search-icon-close-hover: var(--color-dark-900);
    --nav-toggle-track: var(--color-400);
  }
  .light .is-section-sport.is-thin {
    --nav-item-after: var(--section-sport-alt);
    --nav-extra-icon-after: var(--section-sport-alt);
    --generic-avatar-shadow: #0000;
    --nav-avatar-no-initials-background: var(--section-sport-alt);
    --nav-avatar-no-initials: var(--color-900);
    --search-caret-color: var(--section-sport-alt);
  }
}
@media (width < 1024px) {
  .light .is-section-news,
  .light .is-section-region,
  .light .is-section-vesti {
    --nav-surface: var(--section-surface-vesti);
    --nav-storytelling-background: var(--section-surface-vesti);
  }
  .light .is-section-stars {
    --nav-surface: var(--section-surface-stars);
    --nav-storytelling-background: var(--section-surface-stars);
  }
  .light .is-section-hronika {
    --nav-surface: var(--section-surface-hronika);
    --nav-storytelling-background: var(--section-surface-hronika);
  }
  .light .is-section-planeta {
    --nav-surface: var(--section-surface-planeta);
    --nav-storytelling-background: var(--section-surface-planeta);
  }
  .light .is-section-zabava {
    --nav-surface: var(--section-surface-zabava);
    --nav-storytelling-background: var(--section-surface-zabava);
  }
  .light .is-section-hronika,
  .light .is-section-news,
  .light .is-section-planeta,
  .light .is-section-region,
  .light .is-section-stars,
  .light .is-section-vesti,
  .light .is-section-zabava {
    --live-tv-icon: var(--color-light-50);
    --live-tv-icon-surface: var(--accent);
    --live-tv-text: var(--color-light-900);
    --live-tv-surface: var(--color-light-50);
    --search-header-mobile-gradient: linear-gradient(
      180deg,
      var(--nav-surface) 0%,
      var(--nav-surface) 50%,
      var(--color-50) 50%,
      var(--color-50) 100%
    );
    --search-header-mobile-close-icon: var(--color-dark-600);
    --search-header-mobile-close-surface: var(--color-dark-200);
    --nav-extra-icon: var(--color-light-50);
    --nav-extra-icon-after: var(--color-light-50);
    --nav-extra-icon-active: var(--color-dark-900);
    --nav-extra-icon-active-background: var(--color-dark-100);
    --generic-avatar-shadow: var(--color-light-50);
    --nav-avatar-no-initials-background: var(--color-light-50);
    --nav-avatar-no-initials: var(--color-light-900);
  }
}
@media (min-width: 1024px) {
  .light {
    --nav-item-resting: var(--color-900);
    --nav-item-hover: var(--color-800);
    --nav-item-after: var(--accent);
    --nav-item-active: var(--color-900);
  }
  .light .is-thin {
    --nav-surface: var(--color-dark-50);
    --nav-item-resting: var(--color-dark-900);
    --nav-item-hover: var(--color-dark-800);
    --nav-item-after: var(--accent-dark);
    --nav-item-active: var(--color-dark-900);
    --nav-extra-icon: var(--color-dark-900);
    --nav-extra-icon-after: var(--accent-dark);
    --nav-extra-icon-hover: var(--color-dark-800);
    --nav-extra-icon-surface-hover: var(--color-dark-100);
    --nav-extra-icon-active: var(--color-dark-900);
    --nav-extra-icon-active-background: var(--color-dark-100);
    --search-caret-color: var(--accent-dark);
    --search-header-desktop-form: var(--color-dark-200);
    --search-surface: var(--color-dark-50);
    --search-active-gradient: linear-gradient(
      to right,
      #26252500,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-storytelling-gradient: linear-gradient(
      to right,
      #26252500,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-input-placeholder: var(--color-dark-700);
    --search-input-color: var(--color-dark-900);
    --search-icon-close: var(--color-dark-600);
    --search-icon-close-hover: var(--color-dark-900);
    --nav-toggle-icon: var(--color-900);
    --nav-toggle-handle: var(--color-50);
    --nav-toggle-track: var(--color-dark-400);
  }
}
.dark {
  --background-color: var(--surface-dark);
  --color: var(--color-900);
  --accent: var(--accent-dark);
  --accent-hover: #ff4148;
  --accent-alt: var(--accent-alt-dark);
  --accent-alt-hover: #ff4148;
  --accent-32: #fe262f52;
  --surface: var(--surface-dark);
  --color-50: var(--color-dark-50);
  --color-75: var(--color-dark-75);
  --color-100: var(--color-dark-100);
  --color-200: var(--color-dark-200);
  --color-300: var(--color-dark-300);
  --color-400: var(--color-dark-400);
  --color-500: var(--color-dark-500);
  --color-600: var(--color-dark-600);
  --color-700: var(--color-dark-700);
  --color-800: var(--color-dark-800);
  --color-900: var(--color-dark-900);
  --section-default: #fe262f;
  --section-vesti: #fe262f;
  --section-stars: #ff5acd;
  --section-sport: #fec200;
  --section-sport-alt: #191818;
  --section-hronika: #b7b7c3;
  --section-region: var(--section-default);
  --section-planeta: #08f;
  --section-zabava: #ff6f00;
  --section-stil: #d59713;
  --section-biznis: #6e75ff;
  --section-zdravlje: #00cb77;
  --section-zdravlje-alt: #03444f;
  --section-tech: #8e65e8;
  --section-auto: #f16101;
  --section-nekretnine: #627aff;
  --section-surface-default: #fe262f;
  --section-surface-vesti: #fe262f;
  --section-surface-stars: #ff5acd;
  --section-surface-sport: #fec200;
  --section-surface-hronika: #b7b7c3;
  --section-surface-region: var(--section-surface-default);
  --section-surface-planeta: #08f;
  --section-surface-zabava: #ff6f00;
  --section-surface-stil: #d59713;
  --section-surface-biznis: #6e75ff;
  --section-surface-zdravlje: #00cb77;
  --section-surface-tech: #8e65e8;
  --section-surface-auto: #f16101;
  --section-surface-nekretnine: #627aff;
  --section-default-text: var(--color-light-50);
  --section-vesti-text: var(--color-light-50);
  --section-stars-text: var(--color-light-900);
  --section-sport-text: var(--color-light-900);
  --section-hronika-text: var(--color-light-900);
  --section-region-text: var(--color-light-50);
  --section-planeta-text: var(--color-light-900);
  --section-zabava-text: var(--color-light-900);
  --section-tech-text: var(--color-light-900);
  --section-biznis-text: var(--color-light-900);
  --section-zdravlje-text: var(--color-light-900);
  --general-box-shadow: var(--color-200);
  --card-cta: var(--color-dark-900);
  --card-cta-hover: #ebe6e6;
  --tooltip-shadow: #0000;
  --multimediaindicator-background: var(--color-50);
  --share-whatsapp: var(--color-900);
  --share-universal: var(--color-900);
  --share-copy-link: var(--color-900);
  --share-apple: #fff;
  --label-sec-background: var(--accent-alt);
  --shadow-floating: var(--shadow-floating-dark);
  --surface-transparent: #0000;
  --color-50-transparent: #26252500;
  --color-75-without-transparency: #2f2e2e;
  --color-100-without-transparency: #373636;
  --color-200-without-transparency: #404040;
  --card-author-promo-text: var(--color-700);
  --card-author-promo-surface: var(--color-100);
  --columns-template-surface: #363434;
  --content-aside-btn-text: var(--color-light-50);
  --content-aside-btn-text-hover: var(--color-light-100);
  --main-box-shadow: none;
  --origami-in-feed-no-header-box-shadow-left: none;
  --origami-in-feed-no-header-box-shadow-right: none;
  --scrim-00: #37363600;
  --scrim-50: #37363680;
  --breaking-news-label-animation: var(--accent);
  --breaking-news-label-text: var(--color-light-900);
  --breaking-news-label-surface: var(--color-light-50);
  --breaking-news-title: var(--color-light-50);
  --breaking-news-surface: var(--accent);
  --weather: #c84751;
  --weather-sec: #ffdee1;
  --horoscope: #7c5a98;
  --horoscope-sec: #f0deff;
  --ticker-surface: #141414;
  --ticker-surface-transparent: #14141400;
  --ticker-scrim-leading: linear-gradient(
    to right,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-scrim-trailing: linear-gradient(
    to left,
    var(--ticker-surface),
    var(--ticker-surface) 50%,
    var(--ticker-surface-transparent)
  );
  --ticker-shadow: 0 1px 0 0 #ffffff21;
  --video-indication-elements: var(--color-light-50);
  --video-indication-surface: var(--accent);
  --tv-widget-surface: var(--color-50);
  --tv-widget-surface-alpha-50: #26252580;
  --tv-widget-surface-transparent: var(--color-50-transparent);
  --tv-widget-scrim-leading: linear-gradient(
    to bottom,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --tv-widget-scrim-trailing: linear-gradient(
    to top,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --color-900-inverse: var(--color-light-900);
  --color-800-inverse: var(--color-light-800);
  --color-700-inverse: var(--color-light-700);
  --color-300-inverse: var(--color-light-300);
  --color-200-inverse: var(--color-light-200);
  --color-100-inverse: var(--color-light-100);
  --color-75-inverse: var(--color-light-75);
  --color-50-inverse: var(--color-light-50);
  --good: #316723;
  --good-sec: #dff198;
  --good-sec-08: #dff19814;
  --moderate: #b4801e;
  --moderate-sec: #ffe793;
  --moderate-sec-08: #ffe79314;
  --unhealthy-for-sensitive-groups: #88452b;
  --unhealthy-for-sensitive-groups-sec: #ffcaa7;
  --unhealthy-for-sensitive-groups-sec-08: #ffcaa714;
  --unhealthy: #b43d38;
  --unhealthy-sec: #ffa8a5;
  --unhealthy-sec-08: #ffa8a514;
  --very-unhealthy: #7b3ba0;
  --very-unhealthy-sec: #c593e2;
  --very-unhealthy-sec-08: #c593e214;
  --hazardous: #67414d;
  --hazardous-sec: #ac8b95;
  --hazardous-sec-08: #ac8b9514;
  --quiz-secondary-color: var(--background-color);
  --quiz-label-background: #ffbf00;
  --quiz-label-text: var(--color-light-900);
  --quiz-card-title: var(--quiz-secondary-color);
  --quiz-card-background: var(--quiz-primary-color);
  --quiz-label-basic-background: var(--quiz-primary-color);
  --quiz-label-basic-text: var(--quiz-secondary-color-light);
  --mondo-label-background: var(--accent-data-wall);
  --column-card-background: var(--accent-secondary);
  --btn-prim-hover: var(--accent-hover);
  --btn-prim-alt-sec-background: var(--accent-alt);
  --btn-prim-alt-sec-hover-background: var(--accent-alt-hover);
  --btn-prim-datawall-hover-background: #95ffdf;
  --btn-whatsapp-hover: #53e88b;
  --icon-bg: #37353a;
  --icon-bg-hover: #433e42;
  --icon-bor: #525055;
  --icon-bor-hover: #8c8b8f;
  --article-title: var(--color-900);
  --article-factbox-author: var(--color-600);
  --article-factbox-link: var(--accent);
  --article-factbox-link-hover: var(--accent-hover);
  --article-factbox-surface: var(--color-100);
  --article-factbox-text: var(--color-900);
  --article-factbox-accent: var(--accent);
  --article-quote-author: var(--color-600);
  --article-header-mondo-plus-background-image: url(../index/mondo+dark.svg);
  --article-header-mondo-plus-background: #00ffb3;
  --mondo-plus-background: var(--accent-data-wall);
  --nav-surface: var(--color-50);
  --nav-storytelling-background: var(--color-50);
  --nav-item-resting: var(--color-900);
  --nav-item-after: var(--accent);
  --nav-item-active: var(--color-900);
  --subnav-surface: var(--color-75-without-transparency);
  --nav-extra-icon: var(--color-900);
  --nav-extra-icon-after: var(--accent);
  --nav-extra-icon-hover: var(--color-800);
  --nav-extra-icon-surface-hover: var(--color-100);
  --nav-extra-icon-active: var(--color-900);
  --nav-extra-icon-active-background: var(--color-100);
  --nav-avatar-shadow: var(--color-light-100);
  --nav-avatar-no-initials: var(--color-light-50);
  --nav-avatar-no-initials-background: var(--accent);
  --nav-drawer-close: var(--color-500);
  --nav-drawer-close-hover: var(--color-600);
  --nav-drawer-close-background: var(--color-100);
  --nav-drawer-close-background-hover: var(--color-200);
  --nav-drawer-tab: var(--color-600);
  --nav-drawer-tab-hover: var(--color-900);
  --nav-drawer-tab-accent: var(--accent);
  --nav-drawer-box-shadow: 0 0 0 1px #fff3;
  --nav-drawer-subitem-active: var(--color-light-50);
  --live-tv-icon: var(--color-light-900);
  --live-tv-icon-surface: var(--color-light-50);
  --live-tv-text: var(--color-light-50);
  --live-tv-surface: var(--accent);
  --live-tv-surface-hover: var(--accent-hover);
  --article-header-back: var(--color-50);
  --article-lead: var(--color-800);
  --article-header-shadow: 0 1px 3px 0 #00000021;
  --article-intro-author: var(--accent);
  --article-header-intro-comma-timestamp: var(--color-700);
  --article-intro-comma-timestamp: var(--color-700);
  --breadcrumbs-color: var(--color-900);
  --breadcrumbs-color-special: var(--color-900);
  --breadcrumbs-color-special-hover: var(--color-800);
  --breadcrumbs-chevron: var(--color-500);
  --breadcrumbs-chevron-special: var(--color-500);
  --nav-drawer-magazines-item: var(--color-light-50);
  --nav-drawer-magazines-item-back: var(--color-100);
  --nav-drawer-magazines-item-hover-back: var(--color-light-100);
  --nav-drawer-magazines-item-hover-back-span: var(--color-light-200);
  --nav-drawer-social-hover: var(--color-100);
  --nav-drawer-social-icon: var(--color-light-50);
  --nav-drawer-footer-border: 1px solid var(--color-dark-200);
  --nav-drawer-tabs-shadow: var(--general-box-shadow);
  --nav-drawer-tab-active: var(--color-900);
  --authors-block-back: var(--color-100);
  --authors-block-author: var(--accent);
  --authors-block-author-hover: var(--accent-hover);
  --authors-block-description: var(--color-700);
  --authors-separator-color: var(--color-200);
  --authors-side-borders: #0000;
  --surface-scrim-leading: linear-gradient(
    to right,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --surface-scrim-trailing: linear-gradient(
    to left,
    var(--surface),
    var(--surface) 50%,
    var(--surface-transparent)
  );
  --color-50-scrim-leading: linear-gradient(
    to right,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-50-scrim-trailing: linear-gradient(
    to left,
    var(--color-50),
    var(--color-50) 50%,
    var(--color-50-transparent)
  );
  --color-75-scrim-trailing: linear-gradient(
    to left,
    var(--color-75-without-transparency),
    var(--color-75-without-transparency) 50%,
    #0000
  );
  --stream-scrim-trailing: linear-gradient(
    to left,
    var(--tv-widget-surface),
    var(--tv-widget-surface-alpha-50) 50%,
    var(--tv-widget-surface-transparent)
  );
  --engagement-btn-text: var(--engagement-against-dark-btn-text);
  --engagement-btn-surface-hover: var(
    --engagement-against-dark-btn-surface-hover
  );
  --engagement-btn-is-user-reaction-surface: var(
    --engagement-against-dark-btn-is-user-reaction-surface
  );
  --engagement-btn-is-user-reaction-surface-hover: var(
    --engagement-against-dark-btn-is-user-reaction-surface-hover
  );
  --engagement-btn-is-user-reaction-accent: var(
    --engagement-against-dark-btn-is-user-reaction-accent
  );
  --engagement-share-icon: var(--engagement-against-dark-share-icon);
  --engagement-share-surface: var(--engagement-against-dark-share-surface);
  --engagement-share-surface-hover: var(
    --engagement-against-dark-share-surface-hover
  );
  --engagement-divider: var(--engagement-against-dark-divider);
  --engagement-comments-count: var(--engagement-against-dark-comments-count);
  --error-404-surface: var(--color-50);
  --error-404-title: var(--color-900);
  --error-404-description: var(--color-600);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-form: var(--color-50);
  --search-header-mobile-close-icon: var(--color-500);
  --search-header-mobile-close-surface: var(--color-100);
  --search-header-desktop-form: var(--color-200);
  --search-surface: var(--color-50);
  --search-active-gradient: linear-gradient(
    to right,
    #26252500,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-storytelling-gradient: linear-gradient(
    to right,
    #26252500,
    var(--nav-surface) 50%,
    var(--nav-surface)
  );
  --search-shadow: #00000021;
  --search-input-background: var(--color-100);
  --search-input-caret-color: var(--accent);
  --search-info: var(--color-600);
  --search-input-placeholder: var(--color-700);
  --search-input-color: var(--color-900);
  --search-icon-close: var(--color-600);
  --search-icon-close-hover: var(--color-900);
  --error-color: #f79e33;
  --checkbox-hover: var(--accent-hover);
  --snackbar-success: #167ffc;
  --snackbar-warning: var(--accent-alt-light);
  --snackbar-error: var(--error-color);
  --snackbar-body: var(--color-light-900);
  --snackbar-close-icon: var(--color-light-500);
  --snackbar-close-icon-hover: var(--color-light-900);
  --snackbar-close-surface: #0000;
  --snackbar-close-surface-hover: var(--color-light-100);
  --snackbar-surface: var(--color-dark-900);
  --snackbar-shadow: none;
  --scrollbar-thumb: var(--color-400);
  --scrollbar-thumb-hover: var(--color-500);
  --scrollbar-rail-hover: var(--color-200);
  --comments-disclaimer-icon: var(--color-900);
  --comments-disclaimer-text: var(--color-900);
  --comments-disclaimer-link-underline: linear-gradient(
    var(--color-500),
    var(--color-500)
  );
  --comments-disclaimer-surface: #fd414836;
  --topics-border: solid 1px var(--color-200);
  --topics-box-shadow: none;
  --live-label-animation: var(--color-light-50);
  --live-label-text: var(--color-light-50);
  --live-label-surface: var(--accent);
  --columnist-archive-description: var(--color-600);
  --intro-poll-answer-text-color: var(--color-900);
  --intro-poll-answer-background-color: var(--color-100);
  --nav-toggle-icon: var(--color-900);
  --nav-toggle-handle: var(--color-50);
  --nav-toggle-track: var(--color-400);
  --nav-drawer-toggle-icon: var(--color-900);
  --nav-drawer-toggle-handle: var(--color-50);
  --nav-drawer-toggle-track: var(--color-400);
  --highlighted-events-header: var(--color-900);
  --highlighted-events-divider: var(--color-200);
  --highlighted-events-timestamp: var(--accent);
  --highlighted-events-timestamp-hover: var(--accent-hover);
  --highlighted-events-title: var(--color-900);
  --highlighted-events-title-hover: var(--color-900);
  --highlighted-events-bullet: var(--accent);
  --highlighted-events-bullet-drop-shadow: var(
    --color-200-without-transparency
  );
  --highlighted-events-surface: var(--color-200);
  --highlighted-events-toggle-surface: var(--color-dark-50);
  --highlighted-events-toggle-surface-active: var(--color-dark-50);
}
.dark .is-section-sport {
  --section-default: var(--section-sport);
  --nav-surface: var(--section-surface-sport);
  --nav-storytelling-background: var(--section-surface-sport);
  --nav-item-after: var(--section-sport);
  --search-caret-color: var(--section-sport);
  --search-header-mobile-gradient: linear-gradient(
    180deg,
    var(--nav-surface) 0%,
    var(--nav-surface) 50%,
    var(--color-50) 50%,
    var(--color-50) 100%
  );
  --search-header-mobile-close-icon: var(--color-light-600);
  --search-header-mobile-close-surface: var(--color-light-200);
  --nav-extra-icon: var(--color-light-900);
  --nav-extra-icon-after: var(--section-sport);
  --nav-extra-icon-hover: var(--color-light-800);
  --nav-extra-icon-surface-hover: var(--color-light-100);
  --nav-extra-icon-active: var(--color-light-900);
  --nav-extra-icon-active-background: var(--color-light-100);
  --nav-avatar-shadow: var(--color-light-100);
  --generic-avatar-shadow: var(--color-light-300);
  --nav-avatar-no-initials-background: var(--section-sport-alt);
  --nav-avatar-no-initials: var(--color-light-50);
  --nav-avatar-background: var(--color-light-400);
  --nav-drawer-tab-accent: var(--section-sport);
  --live-tv-icon: var(--color-light-50);
  --live-tv-icon-surface: var(--accent);
  --live-tv-text: var(--color-light-900);
  --live-tv-surface: var(--color-light-50);
  --live-tv-surface-hover: #f1f1f1;
}
@media (min-width: 1024px) {
  .dark .is-section-sport {
    --nav-item-after: var(--section-sport);
    --search-caret-color: var(--section-sport);
    --search-header-desktop-form: var(--color-200);
    --search-surface: var(--color-50);
    --search-active-gradient: linear-gradient(
      to right,
      #fec20000,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-storytelling-gradient: linear-gradient(
      to right,
      #fec20000,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-input-placeholder: var(--color-700);
    --search-input-color: var(--color-900);
    --search-icon-close: var(--color-600);
    --search-icon-close-hover: var(--color-900);
    --nav-toggle-track: var(--color-light-400);
  }
  .dark .is-section-sport.is-thin {
    --nav-item-after: var(--section-sport-alt);
    --nav-extra-icon-after: var(--section-sport-alt);
    --generic-avatar-shadow: #0000;
    --search-caret-color: var(--section-sport-alt);
  }
}
@media (width < 1024px) {
  .dark .is-section-news,
  .dark .is-section-region,
  .dark .is-section-vesti {
    --nav-surface: var(--section-surface-vesti);
    --nav-storytelling-background: var(--section-surface-vesti);
  }
  .dark .is-section-stars {
    --nav-surface: var(--section-surface-stars);
    --nav-storytelling-background: var(--section-surface-stars);
  }
  .dark .is-section-hronika {
    --nav-surface: var(--section-surface-hronika);
    --nav-storytelling-background: var(--section-surface-hronika);
    --nav-extra-icon: var(--color-light-900);
    --nav-extra-icon-after: var(--color-light-900);
    --nav-extra-icon-active: var(--color-light-900);
    --nav-extra-icon-active-background: var(--color-light-100);
    --nav-avatar-no-initials-background: var(--color-light-900);
    --nav-avatar-no-initials: var(--color-light-50);
    --generic-avatar-shadow: var(--color-light-300);
    --search-header-mobile-close-icon: var(--color-light-600);
    --search-header-mobile-close-surface: var(--color-light-200);
  }
  .dark .is-section-planeta {
    --nav-surface: var(--section-surface-planeta);
    --nav-storytelling-background: var(--section-surface-planeta);
  }
  .dark .is-section-zabava {
    --nav-surface: var(--section-surface-zabava);
    --nav-storytelling-background: var(--section-surface-zabava);
  }
  .dark .is-section-hronika,
  .dark .is-section-news,
  .dark .is-section-planeta,
  .dark .is-section-region,
  .dark .is-section-stars,
  .dark .is-section-vesti,
  .dark .is-section-zabava {
    --live-tv-icon: var(--color-light-50);
    --live-tv-icon-surface: var(--accent);
    --live-tv-text: var(--color-light-900);
    --live-tv-surface: var(--color-light-50);
    --search-header-mobile-gradient: linear-gradient(
      180deg,
      var(--nav-surface) 0%,
      var(--nav-surface) 50%,
      var(--color-50) 50%,
      var(--color-50) 100%
    );
  }
  .dark .is-section-news,
  .dark .is-section-planeta,
  .dark .is-section-region,
  .dark .is-section-stars,
  .dark .is-section-vesti,
  .dark .is-section-zabava {
    --search-header-mobile-close-icon: var(--color-dark-600);
    --search-header-mobile-close-surface: var(--color-dark-200);
    --nav-extra-icon: var(--color-light-50);
    --nav-extra-icon-after: var(--color-light-50);
    --nav-extra-icon-active: var(--color-dark-900);
    --nav-extra-icon-active-background: var(--color-dark-100);
    --generic-avatar-shadow: var(--color-light-50);
    --nav-avatar-no-initials-background: var(--color-light-50);
    --nav-avatar-no-initials: var(--color-light-900);
  }
}
@media (min-width: 1024px) {
  .dark {
    --nav-item-resting: var(--color-900);
    --nav-item-hover: var(--color-800);
    --nav-item-after: var(--accent);
    --nav-item-active: var(--color-900);
  }
  .dark .is-thin {
    --nav-surface: var(--color-light-50);
    --nav-item-resting: var(--color-light-900);
    --nav-item-hover: var(--color-light-800);
    --nav-item-after: var(--accent-light);
    --nav-item-active: var(--color-light-900);
    --nav-extra-icon: var(--color-light-900);
    --nav-extra-icon-after: var(--accent-light);
    --nav-extra-icon-hover: var(--color-light-800);
    --nav-extra-icon-surface-hover: var(--color-light-100);
    --nav-extra-icon-active: var(--color-light-900);
    --nav-extra-icon-active-background: var(--color-light-100);
    --search-caret-color: var(--accent-light);
    --search-header-desktop-form: var(--color-light-200);
    --search-surface: var(--color-light-50);
    --search-active-gradient: linear-gradient(
      to right,
      #fff0,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-storytelling-gradient: linear-gradient(
      to right,
      #fff0,
      var(--nav-surface) 50%,
      var(--nav-surface)
    );
    --search-input-placeholder: var(--color-light-700);
    --search-input-color: var(--color-light-900);
    --search-icon-close: var(--color-light-600);
    --search-icon-close-hover: var(--color-light-900);
    --nav-toggle-icon: var(--color-900);
    --nav-toggle-handle: var(--color-50);
    --nav-toggle-track: var(--color-light-400);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fa8e756a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fa8e756a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fa8e756a],
  .comment-reply-bubble[data-v-fa8e756a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fa8e756a],
  .comment-reply-bubble[data-v-fa8e756a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fa8e756a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fa8e756a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .error-404__description[data-v-fa8e756a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .error-404__description[data-v-fa8e756a] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fa8e756a],
  .comment-title[data-v-fa8e756a],
  .error-404__title[data-v-fa8e756a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fa8e756a],
  .comment-title[data-v-fa8e756a],
  .error-404__title[data-v-fa8e756a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fa8e756a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fa8e756a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fa8e756a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fa8e756a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fa8e756a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fa8e756a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fa8e756a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fa8e756a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fa8e756a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fa8e756a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fa8e756a] {
  margin-bottom: 16px;
}
.comment-header[data-v-fa8e756a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fa8e756a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fa8e756a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fa8e756a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fa8e756a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fa8e756a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fa8e756a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fa8e756a],
.comment-page .comment-header.is-sticky[data-v-fa8e756a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fa8e756a] {
  animation: slideInDown-fa8e756a 0.32s ease-in-out;
}
@keyframes slideInDown-fa8e756a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fa8e756a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa8e756a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa8e756a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fa8e756a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa8e756a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fa8e756a] {
  animation: slideOutUp-fa8e756a 0.32s ease-in-out;
}
@keyframes slideOutUp-fa8e756a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fa8e756a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fa8e756a] {
  margin-left: 8px;
}
.comment-title span[data-v-fa8e756a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fa8e756a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fa8e756a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fa8e756a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fa8e756a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fa8e756a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fa8e756a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fa8e756a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fa8e756a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fa8e756a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fa8e756a],
.comment-page.post-fixed .comment-post-body[data-v-fa8e756a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fa8e756a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fa8e756a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fa8e756a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fa8e756a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fa8e756a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fa8e756a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fa8e756a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fa8e756a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fa8e756a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fa8e756a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fa8e756a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fa8e756a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fa8e756a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fa8e756a],
.comment-page.post-fixed .comment-post-body.active[data-v-fa8e756a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fa8e756a],
  .comment-page.post-fixed .comment-post-body.active[data-v-fa8e756a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fa8e756a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fa8e756a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fa8e756a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fa8e756a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fa8e756a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fa8e756a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fa8e756a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fa8e756a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fa8e756a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fa8e756a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fa8e756a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fa8e756a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fa8e756a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fa8e756a]:focus,
.comment-input-field.textarea[data-v-fa8e756a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fa8e756a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fa8e756a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fa8e756a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fa8e756a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fa8e756a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fa8e756a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fa8e756a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fa8e756a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fa8e756a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fa8e756a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fa8e756a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fa8e756a],
.comment-send-btn.disabled .icon-send[data-v-fa8e756a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fa8e756a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fa8e756a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fa8e756a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fa8e756a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fa8e756a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fa8e756a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fa8e756a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fa8e756a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fa8e756a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fa8e756a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fa8e756a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fa8e756a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fa8e756a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fa8e756a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fa8e756a] {
  align-items: center;
  animation: blink-fa8e756a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fa8e756a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fa8e756a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fa8e756a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fa8e756a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fa8e756a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fa8e756a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fa8e756a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fa8e756a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fa8e756a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fa8e756a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fa8e756a] {
  margin: 0 0 0 -8px;
}
.error-404[data-v-fa8e756a] {
  align-items: center;
  background-color: var(--error-404-surface);
  display: flex;
  min-height: calc(100vh - 96px);
}
.error-404.is500[data-v-fa8e756a] {
  min-height: 100vh;
}
@media (min-width: 1024px) {
  .error-404[data-v-fa8e756a] {
    min-height: calc(100vh - 56px);
  }
  .error-404.is500[data-v-fa8e756a] {
    min-height: 100vh;
  }
}
.error-404 .container[data-v-fa8e756a] {
  padding: 0 16px;
}
.error-404__copy[data-v-fa8e756a] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: -48px auto 0;
}
@media (min-width: 1024px) {
  .error-404__copy[data-v-fa8e756a] {
    margin: -28px auto 0;
    max-width: 396px;
  }
}
.error-404__title[data-v-fa8e756a] {
  color: var(--error-404-title);
  font-size: 3.5rem;
  line-height: 4.25rem;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .error-404__title[data-v-fa8e756a] {
    font-size: 4.5rem;
    line-height: 5.4375rem;
  }
}
.error-404__description[data-v-fa8e756a] {
  color: var(--error-404-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .error-404__description[data-v-fa8e756a] {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
}
.error-404 .glitch[data-v-fa8e756a] {
  position: relative;
  text-align: center;
  transform: scaleX(1);
  width: 100%;
}
.error-404 .glitch[data-v-fa8e756a]:after,
.error-404 .glitch[data-v-fa8e756a]:before {
  background: var(--error-404-surface);
  color: var(--error-404-title);
  content: "404";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  clip: rect(0, 987px, 0, 0);
}
.error-404 .glitch.is500[data-v-fa8e756a]:after,
.error-404 .glitch.is500[data-v-fa8e756a]:before {
  content: "500";
}
.error-404 .glitch[data-v-fa8e756a]:before {
  animation: glitch-effect-fa8e756a 3s linear infinite alternate-reverse;
  left: 8px;
  text-shadow: 1px 0 var(--accent-data-wall);
}
.error-404 .glitch[data-v-fa8e756a]:after {
  animation: glitch-effect-fa8e756a 2s linear infinite alternate-reverse;
  left: 5px;
  text-shadow: -2px 0 var(--accent);
}
@keyframes glitch-effect-fa8e756a {
  0% {
    clip: rect(59px, 9999px, 71px, 0);
  }
  2.9411764706% {
    clip: rect(44px, 9999px, 47px, 0);
  }
  5.8823529412% {
    clip: rect(87px, 9999px, 88px, 0);
  }
  8.8235294118% {
    clip: rect(99px, 9999px, 2px, 0);
  }
  11.7647058824% {
    clip: rect(100px, 9999px, 76px, 0);
  }
  14.7058823529% {
    clip: rect(74px, 9999px, 61px, 0);
  }
  17.6470588235% {
    clip: rect(15px, 9999px, 74px, 0);
  }
  20.5882352941% {
    clip: rect(53px, 9999px, 77px, 0);
  }
  23.5294117647% {
    clip: rect(60px, 9999px, 60px, 0);
  }
  26.4705882353% {
    clip: rect(26px, 9999px, 14px, 0);
  }
  29.4117647059% {
    clip: rect(96px, 9999px, 12px, 0);
  }
  32.3529411765% {
    clip: rect(36px, 9999px, 4px, 0);
  }
  35.2941176471% {
    clip: rect(67px, 9999px, 24px, 0);
  }
  38.2352941176% {
    clip: rect(41px, 9999px, 80px, 0);
  }
  41.1764705882% {
    clip: rect(58px, 9999px, 22px, 0);
  }
  44.1176470588% {
    clip: rect(47px, 9999px, 2px, 0);
  }
  47.0588235294% {
    clip: rect(29px, 9999px, 83px, 0);
  }
  50% {
    clip: rect(79px, 9999px, 23px, 0);
  }
  52.9411764706% {
    clip: rect(79px, 9999px, 85px, 0);
  }
  55.8823529412% {
    clip: rect(37px, 9999px, 68px, 0);
  }
  58.8235294118% {
    clip: rect(98px, 9999px, 20px, 0);
  }
  61.7647058824% {
    clip: rect(7px, 9999px, 75px, 0);
  }
  64.7058823529% {
    clip: rect(49px, 9999px, 58px, 0);
  }
  67.6470588235% {
    clip: rect(80px, 9999px, 73px, 0);
  }
  70.5882352941% {
    clip: rect(57px, 9999px, 23px, 0);
  }
  73.5294117647% {
    clip: rect(23px, 9999px, 2px, 0);
  }
  76.4705882353% {
    clip: rect(64px, 9999px, 68px, 0);
  }
  79.4117647059% {
    clip: rect(65px, 9999px, 15px, 0);
  }
  82.3529411765% {
    clip: rect(97px, 9999px, 59px, 0);
  }
  85.2941176471% {
    clip: rect(52px, 9999px, 47px, 0);
  }
  88.2352941176% {
    clip: rect(39px, 9999px, 82px, 0);
  }
  91.1764705882% {
    clip: rect(6px, 9999px, 18px, 0);
  }
  94.1176470588% {
    clip: rect(4px, 9999px, 7px, 0);
  }
  97.0588235294% {
    clip: rect(45px, 9999px, 72px, 0);
  }
  to {
    clip: rect(72px, 9999px, 18px, 0);
  }
}
.error-container[data-v-fa8e756a] {
  font-family: Courier New, monospace;
  font-size: 18px;
  margin-top: 24px;
}
.error-container.no-top-margin[data-v-fa8e756a] {
  margin-top: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-294e8ad7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-294e8ad7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-294e8ad7],
  .comment-reply-bubble[data-v-294e8ad7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-294e8ad7],
  .comment-reply-bubble[data-v-294e8ad7] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-294e8ad7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-294e8ad7] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-294e8ad7],
  .comment-title[data-v-294e8ad7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-294e8ad7],
  .comment-title[data-v-294e8ad7] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-294e8ad7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-294e8ad7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-294e8ad7] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-294e8ad7] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-294e8ad7] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-294e8ad7] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-294e8ad7] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-294e8ad7] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-294e8ad7] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-294e8ad7] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-294e8ad7] {
  margin-bottom: 16px;
}
.comment-header[data-v-294e8ad7] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-294e8ad7] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-294e8ad7] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-294e8ad7] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-294e8ad7] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-294e8ad7] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-294e8ad7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-294e8ad7],
.comment-page .comment-header.is-sticky[data-v-294e8ad7] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-294e8ad7] {
  animation: slideInDown-294e8ad7 0.32s ease-in-out;
}
@keyframes slideInDown-294e8ad7 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-294e8ad7] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-294e8ad7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-294e8ad7]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-294e8ad7]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-294e8ad7] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-294e8ad7] {
  animation: slideOutUp-294e8ad7 0.32s ease-in-out;
}
@keyframes slideOutUp-294e8ad7 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-294e8ad7] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-294e8ad7] {
  margin-left: 8px;
}
.comment-title span[data-v-294e8ad7] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-294e8ad7] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-294e8ad7] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-294e8ad7] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-294e8ad7]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-294e8ad7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-294e8ad7] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-294e8ad7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-294e8ad7] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-294e8ad7] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-294e8ad7],
.comment-page.post-fixed .comment-post-body[data-v-294e8ad7] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-294e8ad7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-294e8ad7] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-294e8ad7] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-294e8ad7] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-294e8ad7] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-294e8ad7] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-294e8ad7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-294e8ad7] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-294e8ad7] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-294e8ad7],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-294e8ad7] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-294e8ad7] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-294e8ad7] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-294e8ad7],
.comment-page.post-fixed .comment-post-body.active[data-v-294e8ad7] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-294e8ad7],
  .comment-page.post-fixed .comment-post-body.active[data-v-294e8ad7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-294e8ad7],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-294e8ad7] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-294e8ad7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-294e8ad7] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-294e8ad7] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-294e8ad7] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-294e8ad7] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-294e8ad7] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-294e8ad7] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-294e8ad7] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-294e8ad7] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-294e8ad7] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-294e8ad7]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-294e8ad7]:focus,
.comment-input-field.textarea[data-v-294e8ad7]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-294e8ad7]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-294e8ad7] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-294e8ad7] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-294e8ad7] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-294e8ad7] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-294e8ad7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-294e8ad7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-294e8ad7] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-294e8ad7] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-294e8ad7]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-294e8ad7] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-294e8ad7],
.comment-send-btn.disabled .icon-send[data-v-294e8ad7] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-294e8ad7]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-294e8ad7] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-294e8ad7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-294e8ad7] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-294e8ad7] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-294e8ad7] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-294e8ad7] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-294e8ad7] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-294e8ad7] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-294e8ad7] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-294e8ad7] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-294e8ad7] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-294e8ad7] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-294e8ad7] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-294e8ad7] {
  align-items: center;
  animation: blink-294e8ad7 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-294e8ad7 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-294e8ad7] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-294e8ad7] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-294e8ad7] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-294e8ad7] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-294e8ad7] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-294e8ad7] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-294e8ad7]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-294e8ad7] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-294e8ad7] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-294e8ad7] {
  margin: 0 0 0 -8px;
}
.spinner[data-v-294e8ad7] {
  border: 2px solid var(--nav-extra-icon);
  border-radius: 50%;
}
.spinner[data-v-294e8ad7],
.spinner[data-v-294e8ad7]:before {
  box-sizing: border-box;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.spinner[data-v-294e8ad7]:before {
  animation: rotation-294e8ad7 1s linear infinite;
  border: 2px solid #0000;
  border-bottom: 2px solid var(--nav-extra-icon-after);
  border-radius: 50%;
  content: "";
  left: 4px;
  position: absolute;
  top: 4px;
}
@keyframes rotation-294e8ad7 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  bottom: 0;
  height: 15px;
}
.ps__rail-x,
.ps__rail-y {
  display: none;
  opacity: 0;
  position: absolute;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps__rail-y {
  right: 0;
  width: 15px;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  background-color: initial;
  display: block;
}
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
}
.ps__thumb-x,
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute;
}
.ps__thumb-y {
  right: 2px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
}
.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .ps {
    overflow: auto !important;
  }
}
.ps {
  position: relative;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-370ccacd] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-370ccacd] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-370ccacd],
  .comment-reply-bubble[data-v-370ccacd] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-370ccacd],
  .comment-reply-bubble[data-v-370ccacd] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-370ccacd] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-370ccacd] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-370ccacd],
  .comment-title[data-v-370ccacd] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-370ccacd],
  .comment-title[data-v-370ccacd] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-370ccacd] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-370ccacd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-370ccacd] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-370ccacd] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-370ccacd] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-370ccacd] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-370ccacd] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-370ccacd] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-370ccacd] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-370ccacd] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-370ccacd] {
  margin-bottom: 16px;
}
.comment-header[data-v-370ccacd] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-370ccacd] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-370ccacd] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-370ccacd] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-370ccacd] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-370ccacd] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-370ccacd]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-370ccacd],
.comment-page .comment-header.is-sticky[data-v-370ccacd] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-370ccacd] {
  animation: slideInDown-370ccacd 0.32s ease-in-out;
}
@keyframes slideInDown-370ccacd {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-370ccacd] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-370ccacd] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-370ccacd]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-370ccacd]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-370ccacd] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-370ccacd] {
  animation: slideOutUp-370ccacd 0.32s ease-in-out;
}
@keyframes slideOutUp-370ccacd {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-370ccacd] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-370ccacd] {
  margin-left: 8px;
}
.comment-title span[data-v-370ccacd] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-370ccacd] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-370ccacd] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-370ccacd] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-370ccacd]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-370ccacd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-370ccacd] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-370ccacd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-370ccacd] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-370ccacd] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-370ccacd],
.comment-page.post-fixed .comment-post-body[data-v-370ccacd] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-370ccacd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-370ccacd] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-370ccacd] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-370ccacd] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-370ccacd] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-370ccacd] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-370ccacd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-370ccacd] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-370ccacd] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-370ccacd],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-370ccacd] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-370ccacd] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-370ccacd] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-370ccacd],
.comment-page.post-fixed .comment-post-body.active[data-v-370ccacd] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-370ccacd],
  .comment-page.post-fixed .comment-post-body.active[data-v-370ccacd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-370ccacd],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-370ccacd] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-370ccacd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-370ccacd] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-370ccacd] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-370ccacd] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-370ccacd] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-370ccacd] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-370ccacd] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-370ccacd] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-370ccacd] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-370ccacd] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-370ccacd]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-370ccacd]:focus,
.comment-input-field.textarea[data-v-370ccacd]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-370ccacd]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-370ccacd] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-370ccacd] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-370ccacd] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-370ccacd] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-370ccacd] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-370ccacd] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-370ccacd] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-370ccacd] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-370ccacd]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-370ccacd] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-370ccacd],
.comment-send-btn.disabled .icon-send[data-v-370ccacd] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-370ccacd]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-370ccacd] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-370ccacd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-370ccacd] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-370ccacd] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-370ccacd] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-370ccacd] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-370ccacd] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-370ccacd] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-370ccacd] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-370ccacd] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-370ccacd] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-370ccacd] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-370ccacd] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-370ccacd] {
  align-items: center;
  animation: blink-370ccacd 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-370ccacd {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-370ccacd] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-370ccacd] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-370ccacd] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-370ccacd] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-370ccacd] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-370ccacd] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-370ccacd]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-370ccacd] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-370ccacd] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-370ccacd] {
  margin: 0 0 0 -8px;
}
.live-tv-item[data-v-370ccacd] {
  align-items: center;
  background-color: #ed1c24;
  border-radius: 3px;
  display: flex;
  flex-shrink: 0;
  height: 22px;
  justify-content: center;
  margin-right: 8px;
  padding: 4px;
  width: auto;
}
@media (min-width: 1024px) {
  .live-tv-item[data-v-370ccacd] {
    height: auto;
    margin-right: 14px;
    padding: 8px;
    transition: background-color 0.2s ease-out;
    width: auto;
  }
  .live-tv-item[data-v-370ccacd]:hover {
    background-color: var(--live-tv-surface-hover);
  }
}
.live-tv-item__name[data-v-370ccacd] {
  color: #fff;
  font-size: 0.5625rem;
  letter-spacing: 0.09px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .live-tv-item__name[data-v-370ccacd] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .live-tv-item__name[data-v-370ccacd] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .live-tv-item__name[data-v-370ccacd] {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
}
.live-tv-item__icon[data-v-370ccacd] {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: var(--live-tv-icon);
  display: flex;
  font-size: 0.625rem;
  height: 12px;
  justify-content: center;
  margin-right: 2px;
  width: 12px;
}
@media (min-width: 1024px) {
  .live-tv-item__icon[data-v-370ccacd] {
    font-size: 0.75rem;
    height: 16px;
    margin-right: 4px;
    width: 16px;
    position: relative;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5f575291] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5f575291] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5f575291],
  .comment-reply-bubble[data-v-5f575291] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5f575291],
  .comment-reply-bubble[data-v-5f575291] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5f575291] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5f575291] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5f575291],
  .comment-title[data-v-5f575291] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5f575291],
  .comment-title[data-v-5f575291] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5f575291] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5f575291] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5f575291] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5f575291] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5f575291] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5f575291] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5f575291] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5f575291] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5f575291] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5f575291] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5f575291] {
  margin-bottom: 16px;
}
.comment-header[data-v-5f575291] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5f575291] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5f575291] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5f575291] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5f575291] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5f575291] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5f575291]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5f575291],
.comment-page .comment-header.is-sticky[data-v-5f575291] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5f575291] {
  animation: slideInDown-5f575291 0.32s ease-in-out;
}
@keyframes slideInDown-5f575291 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5f575291] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f575291] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f575291]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5f575291]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f575291] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5f575291] {
  animation: slideOutUp-5f575291 0.32s ease-in-out;
}
@keyframes slideOutUp-5f575291 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5f575291] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5f575291] {
  margin-left: 8px;
}
.comment-title span[data-v-5f575291] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5f575291] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5f575291] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5f575291] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5f575291]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5f575291] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5f575291] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5f575291] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5f575291] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5f575291] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5f575291],
.comment-page.post-fixed .comment-post-body[data-v-5f575291] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5f575291] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5f575291] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5f575291] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5f575291] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5f575291] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5f575291] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5f575291] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5f575291] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5f575291] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5f575291],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5f575291] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5f575291] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5f575291] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5f575291],
.comment-page.post-fixed .comment-post-body.active[data-v-5f575291] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5f575291],
  .comment-page.post-fixed .comment-post-body.active[data-v-5f575291] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5f575291],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5f575291] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5f575291] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5f575291] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5f575291] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5f575291] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5f575291] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5f575291] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5f575291] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5f575291] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5f575291] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5f575291] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5f575291]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5f575291]:focus,
.comment-input-field.textarea[data-v-5f575291]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5f575291]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5f575291] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5f575291] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5f575291] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5f575291] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5f575291] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5f575291] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5f575291] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5f575291] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5f575291]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5f575291] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5f575291],
.comment-send-btn.disabled .icon-send[data-v-5f575291] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5f575291]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5f575291] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5f575291] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5f575291] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5f575291] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5f575291] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5f575291] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5f575291] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5f575291] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5f575291] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5f575291] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5f575291] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5f575291] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5f575291] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5f575291] {
  align-items: center;
  animation: blink-5f575291 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5f575291 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5f575291] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5f575291] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5f575291] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5f575291] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5f575291] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5f575291] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5f575291]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5f575291] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5f575291] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5f575291] {
  margin: 0 0 0 -8px;
}
.scrim[data-v-5f575291] {
  align-items: center;
  background-color: var(--surface);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
}
.loaderTransition-enter-active[data-v-5f575291],
.loaderTransition-leave-active[data-v-5f575291] {
  transition: opacity 0.15s ease-out;
}
.loaderTransition-enter-from[data-v-5f575291],
.loaderTransition-leave-to[data-v-5f575291] {
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-0ceda2c2] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-0ceda2c2] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-0ceda2c2],
  .comment-reply-bubble[data-v-0ceda2c2] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-0ceda2c2],
  .comment-reply-bubble[data-v-0ceda2c2] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-0ceda2c2] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-0ceda2c2] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-0ceda2c2],
  .comment-title[data-v-0ceda2c2] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-0ceda2c2],
  .comment-title[data-v-0ceda2c2] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-0ceda2c2] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-0ceda2c2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-0ceda2c2] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-0ceda2c2] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-0ceda2c2] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-0ceda2c2] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-0ceda2c2] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-0ceda2c2] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-0ceda2c2] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-0ceda2c2] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-0ceda2c2] {
  margin-bottom: 16px;
}
.comment-header[data-v-0ceda2c2] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-0ceda2c2] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-0ceda2c2] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-0ceda2c2] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-0ceda2c2] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-0ceda2c2] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-0ceda2c2]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-0ceda2c2],
.comment-page .comment-header.is-sticky[data-v-0ceda2c2] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-0ceda2c2] {
  animation: slideInDown-0ceda2c2 0.32s ease-in-out;
}
@keyframes slideInDown-0ceda2c2 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-0ceda2c2] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0ceda2c2] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0ceda2c2]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-0ceda2c2]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0ceda2c2] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-0ceda2c2] {
  animation: slideOutUp-0ceda2c2 0.32s ease-in-out;
}
@keyframes slideOutUp-0ceda2c2 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-0ceda2c2] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-0ceda2c2] {
  margin-left: 8px;
}
.comment-title span[data-v-0ceda2c2] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-0ceda2c2] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-0ceda2c2] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-0ceda2c2] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-0ceda2c2]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-0ceda2c2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-0ceda2c2] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-0ceda2c2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-0ceda2c2] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-0ceda2c2] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-0ceda2c2],
.comment-page.post-fixed .comment-post-body[data-v-0ceda2c2] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-0ceda2c2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-0ceda2c2] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-0ceda2c2] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-0ceda2c2] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-0ceda2c2] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-0ceda2c2] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-0ceda2c2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-0ceda2c2] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-0ceda2c2] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-0ceda2c2],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-0ceda2c2] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-0ceda2c2] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-0ceda2c2] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-0ceda2c2],
.comment-page.post-fixed .comment-post-body.active[data-v-0ceda2c2] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-0ceda2c2],
  .comment-page.post-fixed .comment-post-body.active[data-v-0ceda2c2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-0ceda2c2],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-0ceda2c2] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-0ceda2c2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-0ceda2c2] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-0ceda2c2] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-0ceda2c2] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-0ceda2c2] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-0ceda2c2] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-0ceda2c2] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-0ceda2c2] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-0ceda2c2] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-0ceda2c2] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-0ceda2c2]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-0ceda2c2]:focus,
.comment-input-field.textarea[data-v-0ceda2c2]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-0ceda2c2]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-0ceda2c2] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-0ceda2c2] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-0ceda2c2] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-0ceda2c2] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-0ceda2c2] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-0ceda2c2] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-0ceda2c2] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-0ceda2c2] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-0ceda2c2]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-0ceda2c2] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-0ceda2c2],
.comment-send-btn.disabled .icon-send[data-v-0ceda2c2] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-0ceda2c2]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-0ceda2c2] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-0ceda2c2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-0ceda2c2] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-0ceda2c2] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-0ceda2c2] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-0ceda2c2] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-0ceda2c2] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-0ceda2c2] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-0ceda2c2] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-0ceda2c2] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-0ceda2c2] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-0ceda2c2] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-0ceda2c2] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-0ceda2c2] {
  align-items: center;
  animation: blink-0ceda2c2 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-0ceda2c2 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-0ceda2c2] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-0ceda2c2] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-0ceda2c2] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-0ceda2c2] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-0ceda2c2] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-0ceda2c2] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-0ceda2c2]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-0ceda2c2] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-0ceda2c2] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-0ceda2c2] {
  margin: 0 0 0 -8px;
}
.generic-component.isSticky[data-v-0ceda2c2] {
  position: sticky;
  z-index: 11;
}
.generic-component.isBottom[data-v-0ceda2c2] {
  bottom: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7428f9bd] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7428f9bd] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7428f9bd],
  .comment-reply-bubble[data-v-7428f9bd] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7428f9bd],
  .comment-reply-bubble[data-v-7428f9bd] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7428f9bd] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7428f9bd] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7428f9bd],
  .comment-title[data-v-7428f9bd] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7428f9bd],
  .comment-title[data-v-7428f9bd] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7428f9bd] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7428f9bd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7428f9bd] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7428f9bd] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7428f9bd] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7428f9bd] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7428f9bd] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7428f9bd] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7428f9bd] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7428f9bd] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7428f9bd] {
  margin-bottom: 16px;
}
.comment-header[data-v-7428f9bd] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7428f9bd] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7428f9bd] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7428f9bd] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7428f9bd] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7428f9bd] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7428f9bd]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7428f9bd],
.comment-page .comment-header.is-sticky[data-v-7428f9bd] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7428f9bd] {
  animation: slideInDown-7428f9bd 0.32s ease-in-out;
}
@keyframes slideInDown-7428f9bd {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7428f9bd] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7428f9bd] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7428f9bd]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7428f9bd]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7428f9bd] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7428f9bd] {
  animation: slideOutUp-7428f9bd 0.32s ease-in-out;
}
@keyframes slideOutUp-7428f9bd {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7428f9bd] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7428f9bd] {
  margin-left: 8px;
}
.comment-title span[data-v-7428f9bd] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7428f9bd] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7428f9bd] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7428f9bd] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7428f9bd]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7428f9bd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7428f9bd] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7428f9bd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7428f9bd] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7428f9bd] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7428f9bd],
.comment-page.post-fixed .comment-post-body[data-v-7428f9bd] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7428f9bd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7428f9bd] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7428f9bd] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7428f9bd] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7428f9bd] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7428f9bd] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7428f9bd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7428f9bd] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7428f9bd] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7428f9bd],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7428f9bd] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7428f9bd] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7428f9bd] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7428f9bd],
.comment-page.post-fixed .comment-post-body.active[data-v-7428f9bd] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7428f9bd],
  .comment-page.post-fixed .comment-post-body.active[data-v-7428f9bd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7428f9bd],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7428f9bd] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7428f9bd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7428f9bd] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7428f9bd] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7428f9bd] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7428f9bd] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7428f9bd] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7428f9bd] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7428f9bd] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7428f9bd] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7428f9bd] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7428f9bd]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7428f9bd]:focus,
.comment-input-field.textarea[data-v-7428f9bd]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7428f9bd]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7428f9bd] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7428f9bd] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7428f9bd] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7428f9bd] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7428f9bd] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7428f9bd] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7428f9bd] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7428f9bd] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7428f9bd]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7428f9bd] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7428f9bd],
.comment-send-btn.disabled .icon-send[data-v-7428f9bd] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7428f9bd]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7428f9bd] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7428f9bd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7428f9bd] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7428f9bd] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7428f9bd] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7428f9bd] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7428f9bd] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7428f9bd] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7428f9bd] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7428f9bd] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7428f9bd] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7428f9bd] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7428f9bd] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7428f9bd] {
  align-items: center;
  animation: blink-7428f9bd 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7428f9bd {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7428f9bd] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7428f9bd] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7428f9bd] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7428f9bd] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7428f9bd] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7428f9bd] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7428f9bd]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7428f9bd] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7428f9bd] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7428f9bd] {
  margin: 0 0 0 -8px;
}
.main-container[data-v-7428f9bd] {
  padding-bottom: 1px;
}
.generic-page[data-v-7428f9bd] {
  position: relative;
  z-index: 3000;
}
.generic-page[data-v-7428f9bd]:has(.is-full-screen-gallery) {
  z-index: 1000001;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a07fc126] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a07fc126] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a07fc126],
  .comment-reply-bubble[data-v-a07fc126] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a07fc126],
  .comment-reply-bubble[data-v-a07fc126] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a07fc126] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a07fc126] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a07fc126],
  .comment-title[data-v-a07fc126] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a07fc126],
  .comment-title[data-v-a07fc126] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a07fc126] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a07fc126] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a07fc126] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a07fc126] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a07fc126] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a07fc126] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a07fc126] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a07fc126] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a07fc126] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a07fc126] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a07fc126] {
  margin-bottom: 16px;
}
.comment-header[data-v-a07fc126] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a07fc126] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a07fc126] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a07fc126] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a07fc126] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a07fc126] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a07fc126]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a07fc126],
.comment-page .comment-header.is-sticky[data-v-a07fc126] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a07fc126] {
  animation: slideInDown-a07fc126 0.32s ease-in-out;
}
@keyframes slideInDown-a07fc126 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a07fc126] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a07fc126] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a07fc126]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a07fc126]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a07fc126] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a07fc126] {
  animation: slideOutUp-a07fc126 0.32s ease-in-out;
}
@keyframes slideOutUp-a07fc126 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a07fc126] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a07fc126] {
  margin-left: 8px;
}
.comment-title span[data-v-a07fc126] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a07fc126] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a07fc126] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a07fc126] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a07fc126]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a07fc126] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a07fc126] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a07fc126] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a07fc126] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a07fc126] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a07fc126],
.comment-page.post-fixed .comment-post-body[data-v-a07fc126] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a07fc126] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a07fc126] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a07fc126] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a07fc126] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a07fc126] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a07fc126] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a07fc126] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a07fc126] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a07fc126] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a07fc126],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a07fc126] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a07fc126] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a07fc126] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a07fc126],
.comment-page.post-fixed .comment-post-body.active[data-v-a07fc126] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a07fc126],
  .comment-page.post-fixed .comment-post-body.active[data-v-a07fc126] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a07fc126],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a07fc126] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a07fc126] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a07fc126] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a07fc126] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a07fc126] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a07fc126] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a07fc126] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a07fc126] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a07fc126] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a07fc126] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a07fc126] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a07fc126]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a07fc126]:focus,
.comment-input-field.textarea[data-v-a07fc126]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a07fc126]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a07fc126] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a07fc126] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a07fc126] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a07fc126] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a07fc126] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a07fc126] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a07fc126] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a07fc126] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a07fc126]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a07fc126] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a07fc126],
.comment-send-btn.disabled .icon-send[data-v-a07fc126] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a07fc126]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a07fc126] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a07fc126] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a07fc126] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a07fc126] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a07fc126] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a07fc126] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a07fc126] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a07fc126] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a07fc126] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a07fc126] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a07fc126] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a07fc126] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a07fc126] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a07fc126] {
  align-items: center;
  animation: blink-a07fc126 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a07fc126 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a07fc126] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a07fc126] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a07fc126] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a07fc126] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a07fc126] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a07fc126] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a07fc126]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a07fc126] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a07fc126] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a07fc126] {
  margin: 0 0 0 -8px;
}
.container[data-v-a07fc126] {
  margin-top: 4px;
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-419e72ef],
  .comment-title[data-v-419e72ef],
  .modal[data-v-419e72ef] .modal-inner .is-heading {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-419e72ef],
  .comment-title[data-v-419e72ef],
  .modal[data-v-419e72ef] .modal-inner .is-heading {
    font-weight: 800;
  }
}
.modal[data-v-419e72ef] {
  background-color: #0f182133;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10001 !important;
}
.modal[data-v-419e72ef] .modal-content {
  background-color: #fff;
  bottom: 0;
  height: auto;
  left: 0;
  overflow: auto;
  padding: 24px 16px 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
@media (min-width: 429px) {
  .modal[data-v-419e72ef] .modal-content {
    background-color: #fff;
    border-radius: 0;
    bottom: unset;
    box-shadow: 0 5px 13px #00000036, 0 0 0 1px #00000014;
    left: 50%;
    max-height: calc(100vh - 32px);
    padding: 24px 40px 20px;
    right: unset;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
  }
}
.modal[data-v-419e72ef] .modal-content.isDeleteModal {
  padding: 20px 16px;
}
@media (min-width: 429px) {
  .modal[data-v-419e72ef] .modal-content.isDeleteModal {
    padding: 24px 40px 20px;
  }
}
.modal[data-v-419e72ef] .modal-close {
  align-items: center;
  border-radius: 50%;
  color: #54545470;
  display: flex;
  float: none;
  font-size: 1.5rem;
  height: 32px;
  justify-content: center;
  line-height: 1.5rem;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.2s;
  width: 32px;
}
@media (min-width: 1024px) {
  .modal[data-v-419e72ef] .modal-close:hover {
    background-color: #0000000d;
    color: #191818;
    cursor: pointer;
  }
}
.modal[data-v-419e72ef] .modal-header {
  color: #191818;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
@supports (font-variation-settings: normal) {
  .modal[data-v-419e72ef] .modal-header {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .modal[data-v-419e72ef] .modal-header {
    font-weight: 800;
  }
}
.modal[data-v-419e72ef] .modal-header span {
  display: block;
  text-align: left;
}
.modal[data-v-419e72ef] .modal-inner li,
.modal[data-v-419e72ef] .modal-inner p {
  color: #191818;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 12px;
}
@supports (font-variation-settings: normal) {
  .modal[data-v-419e72ef] .modal-inner li,
  .modal[data-v-419e72ef] .modal-inner p {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .modal[data-v-419e72ef] .modal-inner li,
  .modal[data-v-419e72ef] .modal-inner p {
    font-weight: 400;
  }
}
.modal[data-v-419e72ef] .modal-inner p:last-of-type {
  margin-bottom: 20px;
}
.modal[data-v-419e72ef] .modal-inner ul {
  list-style-type: none;
  margin: 0 0 12px;
  padding-left: 0;
}
.modal[data-v-419e72ef] .modal-inner li {
  margin-bottom: 6px;
  margin-left: 20px;
  position: relative;
}
.modal[data-v-419e72ef] .modal-inner .modal-inner-bullet:before {
  color: var(--accent-light);
  content: "•";
  font-size: 1rem;
  left: -20px;
  line-height: 1.5rem;
  position: absolute;
}
.modal[data-v-419e72ef] .modal-inner .btn {
  background-color: #ed1c24;
  color: #fff;
}
@media (min-width: 1024px) {
  .modal[data-v-419e72ef] .modal-inner .btn:hover {
    background-color: #d00c13;
  }
}
.modal[data-v-419e72ef] .modal-inner .btn--sec {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #54545433;
  color: #191818;
}
@media (min-width: 1024px) {
  .modal[data-v-419e72ef] .modal-inner .btn--sec:hover {
    background-color: #54545414;
  }
}
.modal[data-v-419e72ef] .modal-inner .btn + .btn {
  margin-top: 20px;
}
.modal[data-v-419e72ef] .modal-inner .is-heading {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.modal[data-v-419e72ef] .no-title-padding-top {
  padding-top: 16px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-419e72ef] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-419e72ef] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-419e72ef],
  .comment-reply-bubble[data-v-419e72ef] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-419e72ef],
  .comment-reply-bubble[data-v-419e72ef] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-419e72ef] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-419e72ef] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-419e72ef],
  .comment-title[data-v-419e72ef] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-419e72ef],
  .comment-title[data-v-419e72ef] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-419e72ef] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-419e72ef] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-419e72ef] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-419e72ef] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-419e72ef] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-419e72ef] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-419e72ef] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-419e72ef] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-419e72ef] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-419e72ef] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-419e72ef] {
  margin-bottom: 16px;
}
.comment-header[data-v-419e72ef] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-419e72ef] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-419e72ef] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-419e72ef] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-419e72ef] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-419e72ef] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-419e72ef]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-419e72ef],
.comment-page .comment-header.is-sticky[data-v-419e72ef] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-419e72ef] {
  animation: slideInDown-419e72ef 0.32s ease-in-out;
}
@keyframes slideInDown-419e72ef {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-419e72ef] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-419e72ef] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-419e72ef]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-419e72ef]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-419e72ef] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-419e72ef] {
  animation: slideOutUp-419e72ef 0.32s ease-in-out;
}
@keyframes slideOutUp-419e72ef {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-419e72ef] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-419e72ef] {
  margin-left: 8px;
}
.comment-title span[data-v-419e72ef] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-419e72ef] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-419e72ef] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-419e72ef] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-419e72ef]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-419e72ef] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-419e72ef] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-419e72ef] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-419e72ef] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-419e72ef] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-419e72ef],
.comment-page.post-fixed .comment-post-body[data-v-419e72ef] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-419e72ef] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-419e72ef] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-419e72ef] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-419e72ef] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-419e72ef] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-419e72ef] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-419e72ef] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-419e72ef] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-419e72ef] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-419e72ef],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-419e72ef] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-419e72ef] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-419e72ef] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-419e72ef],
.comment-page.post-fixed .comment-post-body.active[data-v-419e72ef] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-419e72ef],
  .comment-page.post-fixed .comment-post-body.active[data-v-419e72ef] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-419e72ef],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-419e72ef] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-419e72ef] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-419e72ef] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-419e72ef] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-419e72ef] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-419e72ef] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-419e72ef] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-419e72ef] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-419e72ef] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-419e72ef] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-419e72ef] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-419e72ef]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-419e72ef]:focus,
.comment-input-field.textarea[data-v-419e72ef]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-419e72ef]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-419e72ef] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-419e72ef] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-419e72ef] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-419e72ef] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-419e72ef] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-419e72ef] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-419e72ef] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-419e72ef] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-419e72ef]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-419e72ef] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-419e72ef],
.comment-send-btn.disabled .icon-send[data-v-419e72ef] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-419e72ef]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-419e72ef] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-419e72ef] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-419e72ef] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-419e72ef] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-419e72ef] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-419e72ef] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-419e72ef] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-419e72ef] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-419e72ef] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-419e72ef] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-419e72ef] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-419e72ef] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-419e72ef] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-419e72ef] {
  align-items: center;
  animation: blink-419e72ef 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-419e72ef {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-419e72ef] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-419e72ef] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-419e72ef] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-419e72ef] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-419e72ef] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-419e72ef] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-419e72ef]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-419e72ef] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-419e72ef] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-419e72ef] {
  margin: 0 0 0 -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-e2ea0748] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-e2ea0748] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-e2ea0748],
  .comment-reply-bubble[data-v-e2ea0748] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-e2ea0748],
  .comment-reply-bubble[data-v-e2ea0748] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e2ea0748] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e2ea0748] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e2ea0748],
  .comment-title[data-v-e2ea0748] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e2ea0748],
  .comment-title[data-v-e2ea0748] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-e2ea0748] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-e2ea0748] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-e2ea0748] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-e2ea0748] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-e2ea0748] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-e2ea0748] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-e2ea0748] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-e2ea0748] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-e2ea0748] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-e2ea0748] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-e2ea0748] {
  margin-bottom: 16px;
}
.comment-header[data-v-e2ea0748] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-e2ea0748] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-e2ea0748] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-e2ea0748] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-e2ea0748] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-e2ea0748] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-e2ea0748]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-e2ea0748],
.comment-page .comment-header.is-sticky[data-v-e2ea0748] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-e2ea0748] {
  animation: slideInDown-e2ea0748 0.32s ease-in-out;
}
@keyframes slideInDown-e2ea0748 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e2ea0748] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e2ea0748] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e2ea0748]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e2ea0748]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e2ea0748] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-e2ea0748] {
  animation: slideOutUp-e2ea0748 0.32s ease-in-out;
}
@keyframes slideOutUp-e2ea0748 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-e2ea0748] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-e2ea0748] {
  margin-left: 8px;
}
.comment-title span[data-v-e2ea0748] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-e2ea0748] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-e2ea0748] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-e2ea0748] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-e2ea0748]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-e2ea0748] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-e2ea0748] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-e2ea0748] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-e2ea0748] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-e2ea0748] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-e2ea0748],
.comment-page.post-fixed .comment-post-body[data-v-e2ea0748] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-e2ea0748] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-e2ea0748] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-e2ea0748] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-e2ea0748] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-e2ea0748] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-e2ea0748] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-e2ea0748] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-e2ea0748] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-e2ea0748] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-e2ea0748],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-e2ea0748] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-e2ea0748] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-e2ea0748] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-e2ea0748],
.comment-page.post-fixed .comment-post-body.active[data-v-e2ea0748] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-e2ea0748],
  .comment-page.post-fixed .comment-post-body.active[data-v-e2ea0748] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-e2ea0748],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-e2ea0748] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-e2ea0748] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-e2ea0748] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-e2ea0748] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-e2ea0748] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-e2ea0748] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-e2ea0748] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-e2ea0748] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-e2ea0748] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-e2ea0748] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e2ea0748] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-e2ea0748]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-e2ea0748]:focus,
.comment-input-field.textarea[data-v-e2ea0748]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e2ea0748]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-e2ea0748] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-e2ea0748] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e2ea0748] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-e2ea0748] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e2ea0748] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e2ea0748] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-e2ea0748] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-e2ea0748] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e2ea0748]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-e2ea0748] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-e2ea0748],
.comment-send-btn.disabled .icon-send[data-v-e2ea0748] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-e2ea0748]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-e2ea0748] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-e2ea0748] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-e2ea0748] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-e2ea0748] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-e2ea0748] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-e2ea0748] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-e2ea0748] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-e2ea0748] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-e2ea0748] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-e2ea0748] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-e2ea0748] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-e2ea0748] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-e2ea0748] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-e2ea0748] {
  align-items: center;
  animation: blink-e2ea0748 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-e2ea0748 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-e2ea0748] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-e2ea0748] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-e2ea0748] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-e2ea0748] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-e2ea0748] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-e2ea0748] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-e2ea0748]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-e2ea0748] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-e2ea0748] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-e2ea0748] {
  margin: 0 0 0 -8px;
}
.footer-navigation__list[data-v-e2ea0748] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  justify-content: center;
}
.footer-navigation__list-item[data-v-e2ea0748] {
  align-items: center;
  color: var(--nav-item-resting);
  display: flex;
  font-size: 0.6875rem;
  justify-content: center;
  letter-spacing: 0.09px;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .footer-navigation__list-item[data-v-e2ea0748] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .footer-navigation__list-item[data-v-e2ea0748] {
    font-weight: 700;
  }
}
.footer-navigation__list-item .has-no-background > span[data-v-e2ea0748] {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding: 4px 0;
}
@media (min-width: 1024px) {
  .footer-navigation__list-item[data-v-e2ea0748]:hover {
    color: var(--nav-item-hover);
    cursor: pointer;
  }
}
.footer-navigation__list-item .is-custom[data-v-e2ea0748],
.footer-navigation__list-item .is-custom-text[data-v-e2ea0748] {
  transition: all 0.15s;
}
@media (min-width: 1024px) {
  .footer-navigation__list-item .is-custom-text[data-v-e2ea0748]:hover,
  .footer-navigation__list-item .is-custom[data-v-e2ea0748]:hover {
    opacity: 0.88;
  }
}
.footer-navigation__list-item[data-v-e2ea0748]
  .footer-custom.has-no-background
  > span {
  display: flex;
  padding: 4px 0;
}
.footer-navigation__list-item[data-v-e2ea0748] .footer-custom img {
  height: 16px;
  width: auto;
}
.footer-navigation__list-item[data-v-e2ea0748] .footer-custom span {
  display: block;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ee9f5328] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ee9f5328] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ee9f5328],
  .comment-reply-bubble[data-v-ee9f5328] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ee9f5328],
  .comment-reply-bubble[data-v-ee9f5328] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ee9f5328] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ee9f5328] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ee9f5328],
  .comment-title[data-v-ee9f5328] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ee9f5328],
  .comment-title[data-v-ee9f5328] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ee9f5328] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ee9f5328] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ee9f5328] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ee9f5328] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ee9f5328] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ee9f5328] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ee9f5328] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ee9f5328] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ee9f5328] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ee9f5328] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ee9f5328] {
  margin-bottom: 16px;
}
.comment-header[data-v-ee9f5328] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ee9f5328] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ee9f5328] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ee9f5328] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ee9f5328] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ee9f5328] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ee9f5328]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ee9f5328],
.comment-page .comment-header.is-sticky[data-v-ee9f5328] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ee9f5328] {
  animation: slideInDown-ee9f5328 0.32s ease-in-out;
}
@keyframes slideInDown-ee9f5328 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ee9f5328] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ee9f5328] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ee9f5328]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ee9f5328]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ee9f5328] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ee9f5328] {
  animation: slideOutUp-ee9f5328 0.32s ease-in-out;
}
@keyframes slideOutUp-ee9f5328 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ee9f5328] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ee9f5328] {
  margin-left: 8px;
}
.comment-title span[data-v-ee9f5328] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ee9f5328] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ee9f5328] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ee9f5328] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ee9f5328]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ee9f5328] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ee9f5328] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ee9f5328] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ee9f5328] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ee9f5328] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ee9f5328],
.comment-page.post-fixed .comment-post-body[data-v-ee9f5328] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ee9f5328] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ee9f5328] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ee9f5328] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ee9f5328] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ee9f5328] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ee9f5328] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ee9f5328] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ee9f5328] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ee9f5328] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ee9f5328],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ee9f5328] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ee9f5328] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ee9f5328] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ee9f5328],
.comment-page.post-fixed .comment-post-body.active[data-v-ee9f5328] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ee9f5328],
  .comment-page.post-fixed .comment-post-body.active[data-v-ee9f5328] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ee9f5328],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ee9f5328] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ee9f5328] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ee9f5328] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ee9f5328] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ee9f5328] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ee9f5328] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ee9f5328] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ee9f5328] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ee9f5328] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ee9f5328] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ee9f5328] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ee9f5328]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ee9f5328]:focus,
.comment-input-field.textarea[data-v-ee9f5328]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ee9f5328]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ee9f5328] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ee9f5328] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ee9f5328] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ee9f5328] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ee9f5328] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ee9f5328] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ee9f5328] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ee9f5328] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ee9f5328]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ee9f5328] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ee9f5328],
.comment-send-btn.disabled .icon-send[data-v-ee9f5328] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ee9f5328]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ee9f5328] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ee9f5328] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ee9f5328] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ee9f5328] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ee9f5328] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ee9f5328] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ee9f5328] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ee9f5328] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ee9f5328] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ee9f5328] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ee9f5328] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ee9f5328] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ee9f5328] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ee9f5328] {
  align-items: center;
  animation: blink-ee9f5328 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ee9f5328 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ee9f5328] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ee9f5328] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ee9f5328] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ee9f5328] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ee9f5328] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ee9f5328] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ee9f5328]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ee9f5328] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ee9f5328] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ee9f5328] {
  margin: 0 0 0 -8px;
}
.social-menu-footer__list[data-v-ee9f5328] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: center;
}
.social-menu-footer__list-item a[data-v-ee9f5328] {
  display: flex;
  padding: 8px;
}
@media (min-width: 1024px) {
  .social-menu-footer__list-item a[data-v-ee9f5328]:hover {
    background-color: var(--color-100);
  }
}
.social-menu-footer__svg[data-v-ee9f5328] {
  height: 24px;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d489c3ef] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d489c3ef] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d489c3ef],
  .comment-reply-bubble[data-v-d489c3ef] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d489c3ef],
  .comment-reply-bubble[data-v-d489c3ef] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d489c3ef] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d489c3ef] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d489c3ef],
  .comment-title[data-v-d489c3ef] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d489c3ef],
  .comment-title[data-v-d489c3ef] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d489c3ef] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d489c3ef] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d489c3ef] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d489c3ef] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d489c3ef] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d489c3ef] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d489c3ef] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d489c3ef] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d489c3ef] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d489c3ef] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d489c3ef] {
  margin-bottom: 16px;
}
.comment-header[data-v-d489c3ef] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d489c3ef] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d489c3ef] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d489c3ef] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d489c3ef] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d489c3ef] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d489c3ef]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d489c3ef],
.comment-page .comment-header.is-sticky[data-v-d489c3ef] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d489c3ef] {
  animation: slideInDown-d489c3ef 0.32s ease-in-out;
}
@keyframes slideInDown-d489c3ef {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d489c3ef] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d489c3ef] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d489c3ef]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d489c3ef]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d489c3ef] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d489c3ef] {
  animation: slideOutUp-d489c3ef 0.32s ease-in-out;
}
@keyframes slideOutUp-d489c3ef {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d489c3ef] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d489c3ef] {
  margin-left: 8px;
}
.comment-title span[data-v-d489c3ef] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d489c3ef] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d489c3ef] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d489c3ef] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d489c3ef]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d489c3ef] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d489c3ef] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d489c3ef] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d489c3ef] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d489c3ef] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d489c3ef],
.comment-page.post-fixed .comment-post-body[data-v-d489c3ef] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d489c3ef] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d489c3ef] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d489c3ef] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d489c3ef] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d489c3ef] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d489c3ef] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d489c3ef] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d489c3ef] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d489c3ef] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d489c3ef],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d489c3ef] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d489c3ef] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d489c3ef] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d489c3ef],
.comment-page.post-fixed .comment-post-body.active[data-v-d489c3ef] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d489c3ef],
  .comment-page.post-fixed .comment-post-body.active[data-v-d489c3ef] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d489c3ef],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d489c3ef] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d489c3ef] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d489c3ef] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d489c3ef] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d489c3ef] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d489c3ef] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d489c3ef] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d489c3ef] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d489c3ef] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d489c3ef] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d489c3ef] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d489c3ef]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d489c3ef]:focus,
.comment-input-field.textarea[data-v-d489c3ef]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d489c3ef]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d489c3ef] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d489c3ef] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d489c3ef] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d489c3ef] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d489c3ef] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d489c3ef] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d489c3ef] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d489c3ef] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d489c3ef]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d489c3ef] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d489c3ef],
.comment-send-btn.disabled .icon-send[data-v-d489c3ef] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d489c3ef]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d489c3ef] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d489c3ef] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d489c3ef] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d489c3ef] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d489c3ef] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d489c3ef] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d489c3ef] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d489c3ef] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d489c3ef] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d489c3ef] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d489c3ef] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d489c3ef] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d489c3ef] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d489c3ef] {
  align-items: center;
  animation: blink-d489c3ef 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d489c3ef {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d489c3ef] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d489c3ef] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d489c3ef] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d489c3ef] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d489c3ef] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d489c3ef] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d489c3ef]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d489c3ef] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d489c3ef] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d489c3ef] {
  margin: 0 0 0 -8px;
}
.extra-menu__list[data-v-d489c3ef] {
  flex-wrap: wrap;
  gap: 4px 12px;
}
.extra-menu__list[data-v-d489c3ef],
.extra-menu__list-item[data-v-d489c3ef] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.extra-menu__list-item[data-v-d489c3ef] {
  color: var(--nav-item-resting);
  font-size: 0.8125rem;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .extra-menu__list-item[data-v-d489c3ef] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .extra-menu__list-item[data-v-d489c3ef] {
    font-weight: 500;
  }
}
.extra-menu__list-item a[data-v-d489c3ef] {
  padding: 4px 0;
}
@media (min-width: 1024px) {
  .extra-menu__list-item[data-v-d489c3ef]:hover {
    color: var(--nav-item-hover);
    cursor: pointer;
  }
}
.footer[data-v-a24ca447] {
  padding: 8px;
}
@media (min-width: 1024px) {
  .footer[data-v-a24ca447] {
    padding: 8px 0;
  }
}
.footer-logo__image[data-v-a24ca447] {
  display: block;
  height: 32px;
  margin: 0 auto 10px;
}
.footer-divider[data-v-a24ca447] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px 0;
  width: 100%;
}
.footer-copyright[data-v-a24ca447] {
  color: var(--color-600);
  font-size: 0.8125rem;
  line-height: 1.375rem;
  text-align: center;
}
.footer .extra-menu__list + .footer-divider[data-v-a24ca447],
.footer-navigation__wrap + .footer-divider[data-v-a24ca447] {
  margin: 4px 0 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a24ca447] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a24ca447] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a24ca447],
  .comment-reply-bubble[data-v-a24ca447] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a24ca447],
  .comment-reply-bubble[data-v-a24ca447] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a24ca447] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a24ca447] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a24ca447],
  .comment-title[data-v-a24ca447] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a24ca447],
  .comment-title[data-v-a24ca447] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a24ca447] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a24ca447] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a24ca447] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a24ca447] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a24ca447] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a24ca447] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a24ca447] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a24ca447] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a24ca447] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a24ca447] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a24ca447] {
  margin-bottom: 16px;
}
.comment-header[data-v-a24ca447] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a24ca447] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a24ca447] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a24ca447] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a24ca447] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a24ca447] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a24ca447]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a24ca447],
.comment-page .comment-header.is-sticky[data-v-a24ca447] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a24ca447] {
  animation: slideInDown-a24ca447 0.32s ease-in-out;
}
@keyframes slideInDown-a24ca447 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a24ca447] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a24ca447] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a24ca447]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a24ca447]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a24ca447] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a24ca447] {
  animation: slideOutUp-a24ca447 0.32s ease-in-out;
}
@keyframes slideOutUp-a24ca447 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a24ca447] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a24ca447] {
  margin-left: 8px;
}
.comment-title span[data-v-a24ca447] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a24ca447] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a24ca447] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a24ca447] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a24ca447]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a24ca447] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a24ca447] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a24ca447] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a24ca447] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a24ca447] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a24ca447],
.comment-page.post-fixed .comment-post-body[data-v-a24ca447] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a24ca447] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a24ca447] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a24ca447] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a24ca447] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a24ca447] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a24ca447] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a24ca447] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a24ca447] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a24ca447] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a24ca447],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a24ca447] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a24ca447] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a24ca447] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a24ca447],
.comment-page.post-fixed .comment-post-body.active[data-v-a24ca447] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a24ca447],
  .comment-page.post-fixed .comment-post-body.active[data-v-a24ca447] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a24ca447],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a24ca447] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a24ca447] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a24ca447] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a24ca447] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a24ca447] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a24ca447] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a24ca447] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a24ca447] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a24ca447] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a24ca447] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a24ca447] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a24ca447]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a24ca447]:focus,
.comment-input-field.textarea[data-v-a24ca447]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a24ca447]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a24ca447] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a24ca447] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a24ca447] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a24ca447] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a24ca447] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a24ca447] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a24ca447] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a24ca447] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a24ca447]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a24ca447] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a24ca447],
.comment-send-btn.disabled .icon-send[data-v-a24ca447] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a24ca447]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a24ca447] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a24ca447] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a24ca447] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a24ca447] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a24ca447] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a24ca447] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a24ca447] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a24ca447] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a24ca447] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a24ca447] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a24ca447] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a24ca447] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a24ca447] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a24ca447] {
  align-items: center;
  animation: blink-a24ca447 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a24ca447 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a24ca447] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a24ca447] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a24ca447] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a24ca447] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a24ca447] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a24ca447] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a24ca447]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a24ca447] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a24ca447] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a24ca447] {
  margin: 0 0 0 -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-677bb883] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-677bb883] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-677bb883],
  .comment-reply-bubble[data-v-677bb883] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-677bb883],
  .comment-reply-bubble[data-v-677bb883] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-677bb883] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-677bb883] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .error-404__description[data-v-677bb883] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .error-404__description[data-v-677bb883] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-677bb883],
  .comment-title[data-v-677bb883],
  .error-404__title[data-v-677bb883] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-677bb883],
  .comment-title[data-v-677bb883],
  .error-404__title[data-v-677bb883] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-677bb883] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-677bb883] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-677bb883] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-677bb883] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-677bb883] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-677bb883] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-677bb883] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-677bb883] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-677bb883] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-677bb883] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-677bb883] {
  margin-bottom: 16px;
}
.comment-header[data-v-677bb883] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-677bb883] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-677bb883] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-677bb883] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-677bb883] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-677bb883] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-677bb883]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-677bb883],
.comment-page .comment-header.is-sticky[data-v-677bb883] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-677bb883] {
  animation: slideInDown-677bb883 0.32s ease-in-out;
}
@keyframes slideInDown-677bb883 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-677bb883] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677bb883] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677bb883]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-677bb883]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677bb883] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-677bb883] {
  animation: slideOutUp-677bb883 0.32s ease-in-out;
}
@keyframes slideOutUp-677bb883 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-677bb883] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-677bb883] {
  margin-left: 8px;
}
.comment-title span[data-v-677bb883] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-677bb883] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-677bb883] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-677bb883] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-677bb883]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-677bb883] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-677bb883] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-677bb883] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-677bb883] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-677bb883] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-677bb883],
.comment-page.post-fixed .comment-post-body[data-v-677bb883] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-677bb883] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-677bb883] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-677bb883] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-677bb883] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-677bb883] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-677bb883] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-677bb883] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-677bb883] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-677bb883] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-677bb883],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-677bb883] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-677bb883] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-677bb883] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-677bb883],
.comment-page.post-fixed .comment-post-body.active[data-v-677bb883] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-677bb883],
  .comment-page.post-fixed .comment-post-body.active[data-v-677bb883] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-677bb883],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-677bb883] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-677bb883] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-677bb883] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-677bb883] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-677bb883] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-677bb883] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-677bb883] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-677bb883] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-677bb883] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-677bb883] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-677bb883] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-677bb883]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-677bb883]:focus,
.comment-input-field.textarea[data-v-677bb883]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-677bb883]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-677bb883] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-677bb883] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-677bb883] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-677bb883] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-677bb883] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-677bb883] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-677bb883] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-677bb883] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-677bb883]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-677bb883] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-677bb883],
.comment-send-btn.disabled .icon-send[data-v-677bb883] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-677bb883]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-677bb883] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-677bb883] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-677bb883] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-677bb883] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-677bb883] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-677bb883] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-677bb883] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-677bb883] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-677bb883] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-677bb883] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-677bb883] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-677bb883] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-677bb883] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-677bb883] {
  align-items: center;
  animation: blink-677bb883 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-677bb883 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-677bb883] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-677bb883] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-677bb883] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-677bb883] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-677bb883] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-677bb883] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-677bb883]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-677bb883] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-677bb883] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-677bb883] {
  margin: 0 0 0 -8px;
}
.error-404[data-v-677bb883] {
  align-items: center;
  background-color: var(--error-404-surface);
  display: flex;
  min-height: calc(100vh - 96px);
}
.error-404.is500[data-v-677bb883] {
  min-height: 100vh;
}
@media (min-width: 1024px) {
  .error-404[data-v-677bb883] {
    min-height: calc(100vh - 56px);
  }
  .error-404.is500[data-v-677bb883] {
    min-height: 100vh;
  }
}
.error-404 .container[data-v-677bb883] {
  padding: 0 16px;
}
.error-404__copy[data-v-677bb883] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: -48px auto 0;
}
@media (min-width: 1024px) {
  .error-404__copy[data-v-677bb883] {
    margin: -28px auto 0;
    max-width: 396px;
  }
}
.error-404__title[data-v-677bb883] {
  color: var(--error-404-title);
  font-size: 3.5rem;
  line-height: 4.25rem;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .error-404__title[data-v-677bb883] {
    font-size: 4.5rem;
    line-height: 5.4375rem;
  }
}
.error-404__description[data-v-677bb883] {
  color: var(--error-404-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .error-404__description[data-v-677bb883] {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
}
.error-404 .glitch[data-v-677bb883] {
  position: relative;
  text-align: center;
  transform: scaleX(1);
  width: 100%;
}
.error-404 .glitch[data-v-677bb883]:after,
.error-404 .glitch[data-v-677bb883]:before {
  background: var(--error-404-surface);
  color: var(--error-404-title);
  content: "404";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  clip: rect(0, 987px, 0, 0);
}
.error-404 .glitch.is500[data-v-677bb883]:after,
.error-404 .glitch.is500[data-v-677bb883]:before {
  content: "500";
}
.error-404 .glitch[data-v-677bb883]:before {
  animation: glitch-effect-677bb883 3s linear infinite alternate-reverse;
  left: 8px;
  text-shadow: 1px 0 var(--accent-data-wall);
}
.error-404 .glitch[data-v-677bb883]:after {
  animation: glitch-effect-677bb883 2s linear infinite alternate-reverse;
  left: 5px;
  text-shadow: -2px 0 var(--accent);
}
@keyframes glitch-effect-677bb883 {
  0% {
    clip: rect(49px, 9999px, 83px, 0);
  }
  2.9411764706% {
    clip: rect(59px, 9999px, 54px, 0);
  }
  5.8823529412% {
    clip: rect(67px, 9999px, 54px, 0);
  }
  8.8235294118% {
    clip: rect(45px, 9999px, 57px, 0);
  }
  11.7647058824% {
    clip: rect(39px, 9999px, 84px, 0);
  }
  14.7058823529% {
    clip: rect(93px, 9999px, 45px, 0);
  }
  17.6470588235% {
    clip: rect(8px, 9999px, 89px, 0);
  }
  20.5882352941% {
    clip: rect(19px, 9999px, 17px, 0);
  }
  23.5294117647% {
    clip: rect(73px, 9999px, 10px, 0);
  }
  26.4705882353% {
    clip: rect(43px, 9999px, 56px, 0);
  }
  29.4117647059% {
    clip: rect(44px, 9999px, 29px, 0);
  }
  32.3529411765% {
    clip: rect(4px, 9999px, 19px, 0);
  }
  35.2941176471% {
    clip: rect(56px, 9999px, 49px, 0);
  }
  38.2352941176% {
    clip: rect(67px, 9999px, 87px, 0);
  }
  41.1764705882% {
    clip: rect(23px, 9999px, 37px, 0);
  }
  44.1176470588% {
    clip: rect(19px, 9999px, 20px, 0);
  }
  47.0588235294% {
    clip: rect(77px, 9999px, 23px, 0);
  }
  50% {
    clip: rect(64px, 9999px, 36px, 0);
  }
  52.9411764706% {
    clip: rect(54px, 9999px, 27px, 0);
  }
  55.8823529412% {
    clip: rect(81px, 9999px, 65px, 0);
  }
  58.8235294118% {
    clip: rect(8px, 9999px, 34px, 0);
  }
  61.7647058824% {
    clip: rect(23px, 9999px, 88px, 0);
  }
  64.7058823529% {
    clip: rect(69px, 9999px, 31px, 0);
  }
  67.6470588235% {
    clip: rect(1px, 9999px, 95px, 0);
  }
  70.5882352941% {
    clip: rect(69px, 9999px, 87px, 0);
  }
  73.5294117647% {
    clip: rect(76px, 9999px, 31px, 0);
  }
  76.4705882353% {
    clip: rect(39px, 9999px, 55px, 0);
  }
  79.4117647059% {
    clip: rect(72px, 9999px, 77px, 0);
  }
  82.3529411765% {
    clip: rect(81px, 9999px, 96px, 0);
  }
  85.2941176471% {
    clip: rect(15px, 9999px, 13px, 0);
  }
  88.2352941176% {
    clip: rect(18px, 9999px, 69px, 0);
  }
  91.1764705882% {
    clip: rect(47px, 9999px, 31px, 0);
  }
  94.1176470588% {
    clip: rect(9px, 9999px, 86px, 0);
  }
  97.0588235294% {
    clip: rect(27px, 9999px, 62px, 0);
  }
  to {
    clip: rect(94px, 9999px, 4px, 0);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1f72af02] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1f72af02] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1f72af02],
  .comment-reply-bubble[data-v-1f72af02] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1f72af02],
  .comment-reply-bubble[data-v-1f72af02] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1f72af02] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1f72af02] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1f72af02],
  .comment-title[data-v-1f72af02] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1f72af02],
  .comment-title[data-v-1f72af02] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1f72af02] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1f72af02] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1f72af02] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1f72af02] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1f72af02] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1f72af02] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1f72af02] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1f72af02] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1f72af02] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1f72af02] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1f72af02] {
  margin-bottom: 16px;
}
.comment-header[data-v-1f72af02] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1f72af02] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1f72af02] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1f72af02] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1f72af02] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1f72af02] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1f72af02]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1f72af02],
.comment-page .comment-header.is-sticky[data-v-1f72af02] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1f72af02] {
  animation: slideInDown-1f72af02 0.32s ease-in-out;
}
@keyframes slideInDown-1f72af02 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1f72af02] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1f72af02] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1f72af02]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1f72af02]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1f72af02] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1f72af02] {
  animation: slideOutUp-1f72af02 0.32s ease-in-out;
}
@keyframes slideOutUp-1f72af02 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1f72af02] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1f72af02] {
  margin-left: 8px;
}
.comment-title span[data-v-1f72af02] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1f72af02] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1f72af02] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1f72af02] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1f72af02]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1f72af02] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1f72af02] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1f72af02] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1f72af02] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1f72af02] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1f72af02],
.comment-page.post-fixed .comment-post-body[data-v-1f72af02] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1f72af02] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1f72af02] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1f72af02] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1f72af02] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1f72af02] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1f72af02] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1f72af02] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1f72af02] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1f72af02] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1f72af02],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1f72af02] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1f72af02] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1f72af02] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1f72af02],
.comment-page.post-fixed .comment-post-body.active[data-v-1f72af02] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1f72af02],
  .comment-page.post-fixed .comment-post-body.active[data-v-1f72af02] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1f72af02],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1f72af02] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1f72af02] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1f72af02] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1f72af02] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1f72af02] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1f72af02] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1f72af02] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1f72af02] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1f72af02] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1f72af02] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1f72af02] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1f72af02]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1f72af02]:focus,
.comment-input-field.textarea[data-v-1f72af02]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1f72af02]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1f72af02] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1f72af02] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1f72af02] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1f72af02] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1f72af02] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1f72af02] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1f72af02] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1f72af02] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1f72af02]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1f72af02] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1f72af02],
.comment-send-btn.disabled .icon-send[data-v-1f72af02] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1f72af02]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1f72af02] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1f72af02] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1f72af02] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1f72af02] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1f72af02] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1f72af02] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1f72af02] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1f72af02] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1f72af02] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1f72af02] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1f72af02] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1f72af02] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1f72af02] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1f72af02] {
  align-items: center;
  animation: blink-1f72af02 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1f72af02 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1f72af02] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1f72af02] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1f72af02] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1f72af02] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1f72af02] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1f72af02] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1f72af02]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1f72af02] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1f72af02] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1f72af02] {
  margin: 0 0 0 -8px;
}
.breadcrumbs[data-v-1f72af02] {
  align-items: center;
  display: flex;
  margin: 0 -16px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 15px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs[data-v-1f72af02]::-webkit-scrollbar {
  display: none;
  height: 0;
}
.breadcrumbs[data-v-1f72af02]::-webkit-scrollbar-thumb,
.breadcrumbs[data-v-1f72af02]::-webkit-scrollbar-track {
  height: 0;
}
.breadcrumbs.is-grabbing[data-v-1f72af02] {
  cursor: grabbing;
}
.flatpages .breadcrumbs[data-v-1f72af02] {
  margin-bottom: 20px;
}
.breadcrumbs-wrap[data-v-1f72af02] {
  position: relative;
}
.breadcrumbs-gradient[data-v-1f72af02] {
  bottom: 0;
  content: "";
  display: none;
  height: auto;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 2;
}
@media (min-width: 429px) {
  .breadcrumbs-gradient[data-v-1f72af02] {
    display: block;
  }
}
.breadcrumbs-gradient.is-left[data-v-1f72af02] {
  background-image: var(--color-50-scrim-leading);
  left: -15px;
}
.breadcrumbs-gradient.is-right[data-v-1f72af02] {
  background-image: var(--color-50-scrim-trailing);
  right: -15px;
}
.breadcrumbs-icon-container[data-v-1f72af02] {
  align-items: center;
  display: flex;
}
.breadcrumbs-link[data-v-1f72af02] {
  color: var(--breadcrumbs-color);
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 2px;
  transition: all 0.15s;
  white-space: nowrap;
}
.breadcrumbs-link[data-v-1f72af02]:first-child {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .breadcrumbs-link[data-v-1f72af02] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
.flatpages .breadcrumbs-link[data-v-1f72af02],
.storytelling .breadcrumbs-link[data-v-1f72af02] {
  color: var(--breadcrumbs-color-special);
}
@media (min-width: 1024px) {
  .flatpages .breadcrumbs-link[data-v-1f72af02]:hover,
  .storytelling .breadcrumbs-link[data-v-1f72af02]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.breadcrumbs .icon-chevron--right[data-v-1f72af02] {
  color: var(--breadcrumbs-chevron);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d81d4e96] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d81d4e96] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d81d4e96],
  .comment-reply-bubble[data-v-d81d4e96] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d81d4e96],
  .comment-reply-bubble[data-v-d81d4e96] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d81d4e96] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d81d4e96] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d81d4e96],
  .comment-title[data-v-d81d4e96] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d81d4e96],
  .comment-title[data-v-d81d4e96] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d81d4e96] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d81d4e96] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d81d4e96] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d81d4e96] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d81d4e96] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d81d4e96] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d81d4e96] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d81d4e96] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d81d4e96] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d81d4e96] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d81d4e96] {
  margin-bottom: 16px;
}
.comment-header[data-v-d81d4e96] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d81d4e96] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d81d4e96] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d81d4e96] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d81d4e96] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d81d4e96] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d81d4e96]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d81d4e96],
.comment-page .comment-header.is-sticky[data-v-d81d4e96] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d81d4e96] {
  animation: slideInDown-d81d4e96 0.32s ease-in-out;
}
@keyframes slideInDown-d81d4e96 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d81d4e96] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d81d4e96] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d81d4e96]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d81d4e96]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d81d4e96] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d81d4e96] {
  animation: slideOutUp-d81d4e96 0.32s ease-in-out;
}
@keyframes slideOutUp-d81d4e96 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d81d4e96] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d81d4e96] {
  margin-left: 8px;
}
.comment-title span[data-v-d81d4e96] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d81d4e96] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d81d4e96] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d81d4e96] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d81d4e96]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d81d4e96] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d81d4e96] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d81d4e96] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d81d4e96] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d81d4e96] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d81d4e96],
.comment-page.post-fixed .comment-post-body[data-v-d81d4e96] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d81d4e96] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d81d4e96] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d81d4e96] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d81d4e96] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d81d4e96] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d81d4e96] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d81d4e96] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d81d4e96] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d81d4e96] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d81d4e96],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d81d4e96] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d81d4e96] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d81d4e96] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d81d4e96],
.comment-page.post-fixed .comment-post-body.active[data-v-d81d4e96] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d81d4e96],
  .comment-page.post-fixed .comment-post-body.active[data-v-d81d4e96] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d81d4e96],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d81d4e96] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d81d4e96] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d81d4e96] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d81d4e96] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d81d4e96] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d81d4e96] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d81d4e96] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d81d4e96] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d81d4e96] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d81d4e96] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d81d4e96] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d81d4e96]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d81d4e96]:focus,
.comment-input-field.textarea[data-v-d81d4e96]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d81d4e96]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d81d4e96] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d81d4e96] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d81d4e96] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d81d4e96] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d81d4e96] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d81d4e96] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d81d4e96] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d81d4e96] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d81d4e96]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d81d4e96] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d81d4e96],
.comment-send-btn.disabled .icon-send[data-v-d81d4e96] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d81d4e96]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d81d4e96] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d81d4e96] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d81d4e96] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d81d4e96] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d81d4e96] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d81d4e96] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d81d4e96] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d81d4e96] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d81d4e96] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d81d4e96] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d81d4e96] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d81d4e96] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d81d4e96] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d81d4e96] {
  align-items: center;
  animation: blink-d81d4e96 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d81d4e96 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d81d4e96] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d81d4e96] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d81d4e96] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d81d4e96] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d81d4e96] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d81d4e96] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d81d4e96]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d81d4e96] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d81d4e96] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d81d4e96] {
  margin: 0 0 0 -8px;
}
.card-label-wrap .card-label__animation[data-v-d81d4e96] {
  height: 24px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 24px;
}
.card-label-wrap.is-live .card-label__animation .circle[data-v-d81d4e96] {
  background-color: var(--live-label-animation);
}
.card-label-wrap.is-live.is-breaking-news
  .card-label__animation
  .circle[data-v-d81d4e96] {
  background-color: var(--breaking-news-label-animation);
}
.circle[data-v-d81d4e96] {
  border-radius: 50%;
  height: 32px;
  left: -4px;
  opacity: 0;
  position: absolute;
  top: -4px;
  width: 32px;
}
.circle-one[data-v-d81d4e96] {
  animation: animation-pulse-d81d4e96 2.33s ease-in-out 1.165s infinite normal
    none running;
}
.circle-two[data-v-d81d4e96] {
  animation: animation-pulse-d81d4e96 2.33s ease-in-out 0s infinite normal none
    running;
}
@keyframes animation-pulse-d81d4e96 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  34% {
    opacity: 1;
    transform: scale(0.34);
  }
  55% {
    opacity: 0.55;
    transform: scale(0.13);
  }
  to {
    opacity: 0;
    transform: scale(1.44);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-8367e0a1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-8367e0a1] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-8367e0a1],
  .comment-reply-bubble[data-v-8367e0a1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-8367e0a1],
  .comment-reply-bubble[data-v-8367e0a1] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8367e0a1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8367e0a1] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8367e0a1],
  .comment-title[data-v-8367e0a1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8367e0a1],
  .comment-title[data-v-8367e0a1] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-8367e0a1] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-8367e0a1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-8367e0a1] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-8367e0a1] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-8367e0a1] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-8367e0a1] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-8367e0a1] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-8367e0a1] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-8367e0a1] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-8367e0a1] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-8367e0a1] {
  margin-bottom: 16px;
}
.comment-header[data-v-8367e0a1] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-8367e0a1] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-8367e0a1] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-8367e0a1] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-8367e0a1] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-8367e0a1] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-8367e0a1]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-8367e0a1],
.comment-page .comment-header.is-sticky[data-v-8367e0a1] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-8367e0a1] {
  animation: slideInDown-8367e0a1 0.32s ease-in-out;
}
@keyframes slideInDown-8367e0a1 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8367e0a1] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8367e0a1] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8367e0a1]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8367e0a1]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8367e0a1] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-8367e0a1] {
  animation: slideOutUp-8367e0a1 0.32s ease-in-out;
}
@keyframes slideOutUp-8367e0a1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-8367e0a1] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-8367e0a1] {
  margin-left: 8px;
}
.comment-title span[data-v-8367e0a1] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-8367e0a1] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-8367e0a1] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-8367e0a1] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-8367e0a1]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-8367e0a1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-8367e0a1] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-8367e0a1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-8367e0a1] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-8367e0a1] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-8367e0a1],
.comment-page.post-fixed .comment-post-body[data-v-8367e0a1] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-8367e0a1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-8367e0a1] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-8367e0a1] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-8367e0a1] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-8367e0a1] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-8367e0a1] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-8367e0a1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-8367e0a1] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-8367e0a1] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-8367e0a1],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-8367e0a1] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-8367e0a1] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-8367e0a1] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-8367e0a1],
.comment-page.post-fixed .comment-post-body.active[data-v-8367e0a1] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-8367e0a1],
  .comment-page.post-fixed .comment-post-body.active[data-v-8367e0a1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-8367e0a1],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-8367e0a1] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-8367e0a1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-8367e0a1] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-8367e0a1] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-8367e0a1] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-8367e0a1] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-8367e0a1] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-8367e0a1] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-8367e0a1] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-8367e0a1] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8367e0a1] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-8367e0a1]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-8367e0a1]:focus,
.comment-input-field.textarea[data-v-8367e0a1]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8367e0a1]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-8367e0a1] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-8367e0a1] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8367e0a1] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-8367e0a1] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8367e0a1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8367e0a1] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-8367e0a1] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-8367e0a1] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8367e0a1]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-8367e0a1] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-8367e0a1],
.comment-send-btn.disabled .icon-send[data-v-8367e0a1] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-8367e0a1]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-8367e0a1] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-8367e0a1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-8367e0a1] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-8367e0a1] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-8367e0a1] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-8367e0a1] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-8367e0a1] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-8367e0a1] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-8367e0a1] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-8367e0a1] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-8367e0a1] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-8367e0a1] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-8367e0a1] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-8367e0a1] {
  align-items: center;
  animation: blink-8367e0a1 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-8367e0a1 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-8367e0a1] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-8367e0a1] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-8367e0a1] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-8367e0a1] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-8367e0a1] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-8367e0a1] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-8367e0a1]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-8367e0a1] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-8367e0a1] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-8367e0a1] {
  margin: 0 0 0 -8px;
}
.card-label-wrap[data-v-8367e0a1] {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  height: 16px;
  justify-content: center;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin: 0 4px 0 0;
  padding: 0 4px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .card-label-wrap[data-v-8367e0a1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap[data-v-8367e0a1] {
    font-weight: 800;
  }
}
.card-label-wrap[data-v-8367e0a1]:last-of-type {
  margin-right: 0;
}
.card-label-wrap.is-locked[data-v-8367e0a1] {
  background-color: var(--article-header-mondo-plus-background);
  background-image: var(--article-header-mondo-plus-background-image);
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 0;
  display: block;
  height: 16px;
  object-fit: contain;
  padding: 0 4px;
  width: 56px;
}
.card-label-wrap.is-label[data-v-8367e0a1] {
  padding: 0;
}
@supports (font-variation-settings: normal) {
  .card-label-wrap.is-label[data-v-8367e0a1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap.is-label[data-v-8367e0a1] {
    font-weight: 800;
  }
}
.card-label-wrap.is-live[data-v-8367e0a1] {
  background-color: var(--accent);
  color: var(--live-label-text);
  font-variation-settings: "wght" 800;
  overflow: hidden;
  padding: 1px 4px 1px 16px !important;
  position: relative;
}
.card-label-wrap.is-live .card-label__animation[data-v-8367e0a1] {
  overflow: visible;
}
.card-label-wrap.is-pr[data-v-8367e0a1] {
  background-color: var(--color-100);
  color: var(--color-700);
  line-height: 1rem;
  padding: 0 4px;
}
@supports (font-variation-settings: normal) {
  .card-label-wrap.is-pr[data-v-8367e0a1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap.is-pr[data-v-8367e0a1] {
    font-weight: 500;
  }
}
.card-label-wrap .is-poll[data-v-8367e0a1] {
  background-color: var(--accent);
}
.card-label-wrap.is-quiz[data-v-8367e0a1] {
  background-color: var(--quiz-label-background);
  color: var(--quiz-label-text);
}
@supports (font-variation-settings: normal) {
  .card-label-wrap.is-quiz[data-v-8367e0a1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap.is-quiz[data-v-8367e0a1] {
    font-weight: 800;
  }
}
.card-label-wrap.is-photo[data-v-8367e0a1] {
  background-color: var(--color-900) !important;
  color: var(--color-50) !important;
  height: 16px !important;
  width: 16px !important;
}
.card-label-wrap.is-photo .icon-camera[data-v-8367e0a1]:before {
  display: block;
  font-size: 0.75rem;
  height: 12px;
  width: 12px;
}
.card-label-wrap.is-photo[data-v-8367e0a1] [class^="icon-"] {
  margin-right: 0;
}
.card-label-wrap.is-video[data-v-8367e0a1] {
  background-color: var(--video-indication-surface);
  color: var(--video-indication-elements);
  height: 16px;
  line-height: 1rem;
  width: 16px;
}
@supports (font-variation-settings: normal) {
  .card-label-wrap.is-video[data-v-8367e0a1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap.is-video[data-v-8367e0a1] {
    font-weight: 600;
  }
}
.card-label-wrap.is-video .icon-play[data-v-8367e0a1]:before {
  display: block;
  font-size: 0.75rem;
  height: 12px;
  width: 12px;
}
.card-label-wrap.no-margin[data-v-8367e0a1] {
  margin: 0 !important;
  width: 0;
}
.card-label-wrap .card-label__animation[data-v-8367e0a1] {
  height: 16px;
  left: 0;
  position: absolute;
  width: 16px;
}
.card-label-wrap .card-label__animation[data-v-8367e0a1] .circle {
  height: 24px;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a4ca09ac] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a4ca09ac] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a4ca09ac],
  .comment-reply-bubble[data-v-a4ca09ac] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a4ca09ac],
  .comment-reply-bubble[data-v-a4ca09ac] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a4ca09ac] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a4ca09ac] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a4ca09ac],
  .comment-title[data-v-a4ca09ac] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a4ca09ac],
  .comment-title[data-v-a4ca09ac] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a4ca09ac] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a4ca09ac] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a4ca09ac] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a4ca09ac] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a4ca09ac] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a4ca09ac] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a4ca09ac] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a4ca09ac] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a4ca09ac] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a4ca09ac] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a4ca09ac] {
  margin-bottom: 16px;
}
.comment-header[data-v-a4ca09ac] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a4ca09ac] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a4ca09ac] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a4ca09ac] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a4ca09ac] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a4ca09ac] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a4ca09ac]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a4ca09ac],
.comment-page .comment-header.is-sticky[data-v-a4ca09ac] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a4ca09ac] {
  animation: slideInDown-a4ca09ac 0.32s ease-in-out;
}
@keyframes slideInDown-a4ca09ac {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a4ca09ac] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4ca09ac] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4ca09ac]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a4ca09ac]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4ca09ac] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a4ca09ac] {
  animation: slideOutUp-a4ca09ac 0.32s ease-in-out;
}
@keyframes slideOutUp-a4ca09ac {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a4ca09ac] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a4ca09ac] {
  margin-left: 8px;
}
.comment-title span[data-v-a4ca09ac] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a4ca09ac] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a4ca09ac] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a4ca09ac] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a4ca09ac]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a4ca09ac] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a4ca09ac] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a4ca09ac] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a4ca09ac] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a4ca09ac] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a4ca09ac],
.comment-page.post-fixed .comment-post-body[data-v-a4ca09ac] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a4ca09ac] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a4ca09ac] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a4ca09ac] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a4ca09ac] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a4ca09ac] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a4ca09ac] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a4ca09ac] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a4ca09ac] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a4ca09ac] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a4ca09ac],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a4ca09ac] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a4ca09ac] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a4ca09ac] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a4ca09ac],
.comment-page.post-fixed .comment-post-body.active[data-v-a4ca09ac] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a4ca09ac],
  .comment-page.post-fixed .comment-post-body.active[data-v-a4ca09ac] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a4ca09ac],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a4ca09ac] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a4ca09ac] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a4ca09ac] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a4ca09ac] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a4ca09ac] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a4ca09ac] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a4ca09ac] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a4ca09ac] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a4ca09ac] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a4ca09ac] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a4ca09ac] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a4ca09ac]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a4ca09ac]:focus,
.comment-input-field.textarea[data-v-a4ca09ac]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a4ca09ac]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a4ca09ac] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a4ca09ac] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a4ca09ac] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a4ca09ac] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a4ca09ac] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a4ca09ac] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a4ca09ac] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a4ca09ac] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a4ca09ac]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a4ca09ac] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a4ca09ac],
.comment-send-btn.disabled .icon-send[data-v-a4ca09ac] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a4ca09ac]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a4ca09ac] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a4ca09ac] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a4ca09ac] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a4ca09ac] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a4ca09ac] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a4ca09ac] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a4ca09ac] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a4ca09ac] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a4ca09ac] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a4ca09ac] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a4ca09ac] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a4ca09ac] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a4ca09ac] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a4ca09ac] {
  align-items: center;
  animation: blink-a4ca09ac 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a4ca09ac {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a4ca09ac] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a4ca09ac] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a4ca09ac] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a4ca09ac] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a4ca09ac] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a4ca09ac] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a4ca09ac]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a4ca09ac] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a4ca09ac] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a4ca09ac] {
  margin: 0 0 0 -8px;
}
.card-labels[data-v-a4ca09ac] {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .card-labels[data-v-a4ca09ac] {
    margin-bottom: 8px;
  }
}
.card-labels[data-v-a4ca09ac]:after {
  background-image: var(--color-50-scrim-trailing);
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
}
.article-header-labels .card-labels[data-v-a4ca09ac] {
  margin-bottom: 0;
}
.has-icon[data-v-a4ca09ac] {
  background-color: var(--accent) !important;
  color: var(--color-50) !important;
  height: 24px !important;
  width: 24px !important;
}
.has-icon[data-v-a4ca09ac] [class^="icon-"] {
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .has-icon[data-v-a4ca09ac] [class^="icon-"] {
    margin-right: 0 !important;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f787b605] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f787b605] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f787b605],
  .comment-reply-bubble[data-v-f787b605] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f787b605],
  .comment-reply-bubble[data-v-f787b605] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f787b605] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f787b605] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f787b605],
  .comment-title[data-v-f787b605] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f787b605],
  .comment-title[data-v-f787b605] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f787b605] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f787b605] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f787b605] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f787b605] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f787b605] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f787b605] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f787b605] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f787b605] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f787b605] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f787b605] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f787b605] {
  margin-bottom: 16px;
}
.comment-header[data-v-f787b605] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f787b605] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f787b605] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f787b605] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f787b605] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f787b605] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f787b605]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f787b605],
.comment-page .comment-header.is-sticky[data-v-f787b605] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f787b605] {
  animation: slideInDown-f787b605 0.32s ease-in-out;
}
@keyframes slideInDown-f787b605 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f787b605] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f787b605] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f787b605]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f787b605]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f787b605] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f787b605] {
  animation: slideOutUp-f787b605 0.32s ease-in-out;
}
@keyframes slideOutUp-f787b605 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f787b605] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f787b605] {
  margin-left: 8px;
}
.comment-title span[data-v-f787b605] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f787b605] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f787b605] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f787b605] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f787b605]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f787b605] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f787b605] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f787b605] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f787b605] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f787b605] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f787b605],
.comment-page.post-fixed .comment-post-body[data-v-f787b605] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f787b605] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f787b605] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f787b605] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f787b605] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f787b605] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f787b605] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f787b605] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f787b605] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f787b605] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f787b605],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f787b605] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f787b605] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f787b605] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f787b605],
.comment-page.post-fixed .comment-post-body.active[data-v-f787b605] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f787b605],
  .comment-page.post-fixed .comment-post-body.active[data-v-f787b605] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f787b605],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f787b605] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f787b605] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f787b605] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f787b605] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f787b605] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f787b605] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f787b605] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f787b605] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f787b605] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f787b605] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f787b605] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f787b605]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f787b605]:focus,
.comment-input-field.textarea[data-v-f787b605]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f787b605]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f787b605] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f787b605] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f787b605] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f787b605] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f787b605] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f787b605] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f787b605] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f787b605] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f787b605]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f787b605] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f787b605],
.comment-send-btn.disabled .icon-send[data-v-f787b605] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f787b605]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f787b605] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f787b605] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f787b605] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f787b605] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f787b605] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f787b605] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f787b605] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f787b605] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f787b605] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f787b605] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f787b605] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f787b605] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f787b605] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f787b605] {
  align-items: center;
  animation: blink-f787b605 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f787b605 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f787b605] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f787b605] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f787b605] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f787b605] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f787b605] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f787b605] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f787b605]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f787b605] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f787b605] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f787b605] {
  margin: 0 0 0 -8px;
}
.article-header-labels[data-v-f787b605] {
  display: flex;
  line-height: 0;
  margin-bottom: 4px;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .article-header-labels[data-v-f787b605] {
    margin-bottom: 6px;
  }
}
.article-header-labels .card-labels[data-v-f787b605] {
  flex-wrap: wrap;
}
.article-header-labels[data-v-f787b605] .card-label-wrap {
  height: 24px;
  margin: 0 4px 4px 0;
}
.article-header-labels[data-v-f787b605] .card-label-wrap.is-label {
  flex-shrink: unset;
  height: auto;
  letter-spacing: 0.61px;
  padding: 5px;
}
.article-header-labels[data-v-f787b605] .card-label-wrap.is-live {
  padding-left: 24px !important;
}
.article-header-labels[data-v-f787b605]
  .card-label-wrap
  .card-label__animation {
  left: 4px;
  margin-top: -8px;
  top: 50%;
}
.article-header-labels[data-v-f787b605]:empty {
  margin: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-2857ab7a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-2857ab7a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-2857ab7a],
  .comment-reply-bubble[data-v-2857ab7a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-2857ab7a],
  .comment-reply-bubble[data-v-2857ab7a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2857ab7a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2857ab7a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2857ab7a],
  .comment-title[data-v-2857ab7a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2857ab7a],
  .comment-title[data-v-2857ab7a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-2857ab7a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-2857ab7a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-2857ab7a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-2857ab7a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-2857ab7a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-2857ab7a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-2857ab7a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-2857ab7a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-2857ab7a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-2857ab7a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-2857ab7a] {
  margin-bottom: 16px;
}
.comment-header[data-v-2857ab7a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-2857ab7a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-2857ab7a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-2857ab7a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-2857ab7a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-2857ab7a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-2857ab7a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-2857ab7a],
.comment-page .comment-header.is-sticky[data-v-2857ab7a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-2857ab7a] {
  animation: slideInDown-2857ab7a 0.32s ease-in-out;
}
@keyframes slideInDown-2857ab7a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2857ab7a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2857ab7a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2857ab7a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2857ab7a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2857ab7a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-2857ab7a] {
  animation: slideOutUp-2857ab7a 0.32s ease-in-out;
}
@keyframes slideOutUp-2857ab7a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-2857ab7a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-2857ab7a] {
  margin-left: 8px;
}
.comment-title span[data-v-2857ab7a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-2857ab7a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-2857ab7a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-2857ab7a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-2857ab7a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-2857ab7a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-2857ab7a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-2857ab7a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-2857ab7a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-2857ab7a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-2857ab7a],
.comment-page.post-fixed .comment-post-body[data-v-2857ab7a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-2857ab7a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-2857ab7a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-2857ab7a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-2857ab7a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-2857ab7a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-2857ab7a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-2857ab7a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-2857ab7a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-2857ab7a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-2857ab7a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-2857ab7a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-2857ab7a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-2857ab7a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-2857ab7a],
.comment-page.post-fixed .comment-post-body.active[data-v-2857ab7a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-2857ab7a],
  .comment-page.post-fixed .comment-post-body.active[data-v-2857ab7a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-2857ab7a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-2857ab7a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-2857ab7a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-2857ab7a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-2857ab7a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-2857ab7a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-2857ab7a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-2857ab7a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-2857ab7a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-2857ab7a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-2857ab7a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2857ab7a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-2857ab7a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-2857ab7a]:focus,
.comment-input-field.textarea[data-v-2857ab7a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2857ab7a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-2857ab7a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-2857ab7a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2857ab7a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-2857ab7a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2857ab7a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2857ab7a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-2857ab7a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-2857ab7a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2857ab7a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-2857ab7a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-2857ab7a],
.comment-send-btn.disabled .icon-send[data-v-2857ab7a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-2857ab7a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-2857ab7a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-2857ab7a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-2857ab7a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-2857ab7a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-2857ab7a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-2857ab7a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-2857ab7a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-2857ab7a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-2857ab7a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-2857ab7a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-2857ab7a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-2857ab7a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-2857ab7a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-2857ab7a] {
  align-items: center;
  animation: blink-2857ab7a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-2857ab7a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-2857ab7a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-2857ab7a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-2857ab7a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-2857ab7a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-2857ab7a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-2857ab7a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-2857ab7a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-2857ab7a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-2857ab7a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-2857ab7a] {
  margin: 0 0 0 -8px;
}
.card-share-wrap[data-v-2857ab7a] {
  z-index: 1000;
}
.card-share-wrap[data-v-2857ab7a] .tooltip-box {
  right: 0;
  width: 188px;
  z-index: 1000;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4471e327] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4471e327] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4471e327],
  .comment-reply-bubble[data-v-4471e327] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4471e327],
  .comment-reply-bubble[data-v-4471e327] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4471e327] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4471e327] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4471e327],
  .comment-title[data-v-4471e327] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4471e327],
  .comment-title[data-v-4471e327] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4471e327] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4471e327] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4471e327] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4471e327] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4471e327] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4471e327] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4471e327] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4471e327] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4471e327] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4471e327] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4471e327] {
  margin-bottom: 16px;
}
.comment-header[data-v-4471e327] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4471e327] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4471e327] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4471e327] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4471e327] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4471e327] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4471e327]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4471e327],
.comment-page .comment-header.is-sticky[data-v-4471e327] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4471e327] {
  animation: slideInDown-4471e327 0.32s ease-in-out;
}
@keyframes slideInDown-4471e327 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4471e327] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4471e327] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4471e327]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4471e327]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4471e327] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4471e327] {
  animation: slideOutUp-4471e327 0.32s ease-in-out;
}
@keyframes slideOutUp-4471e327 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4471e327] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4471e327] {
  margin-left: 8px;
}
.comment-title span[data-v-4471e327] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4471e327] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4471e327] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4471e327] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4471e327]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4471e327] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4471e327] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4471e327] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4471e327] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4471e327] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4471e327],
.comment-page.post-fixed .comment-post-body[data-v-4471e327] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4471e327] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4471e327] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4471e327] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4471e327] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4471e327] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4471e327] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4471e327] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4471e327] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4471e327] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4471e327],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4471e327] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4471e327] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4471e327] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4471e327],
.comment-page.post-fixed .comment-post-body.active[data-v-4471e327] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4471e327],
  .comment-page.post-fixed .comment-post-body.active[data-v-4471e327] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4471e327],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4471e327] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4471e327] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4471e327] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4471e327] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4471e327] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4471e327] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4471e327] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4471e327] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4471e327] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4471e327] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4471e327] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4471e327]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4471e327]:focus,
.comment-input-field.textarea[data-v-4471e327]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4471e327]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4471e327] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4471e327] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4471e327] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4471e327] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4471e327] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4471e327] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4471e327] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4471e327] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4471e327]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4471e327] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4471e327],
.comment-send-btn.disabled .icon-send[data-v-4471e327] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4471e327]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4471e327] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4471e327] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4471e327] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4471e327] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4471e327] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4471e327] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4471e327] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4471e327] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4471e327] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4471e327] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4471e327] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4471e327] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4471e327] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4471e327] {
  align-items: center;
  animation: blink-4471e327 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4471e327 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4471e327] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4471e327] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4471e327] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4471e327] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4471e327] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4471e327] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4471e327]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4471e327] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4471e327] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4471e327] {
  margin: 0 0 0 -8px;
}
.article-engagement-bar[data-v-4471e327] {
  background-color: var(--color-50);
  margin: 0;
  padding: 0 0 16px;
  z-index: 10;
}
@media (min-width: 1024px) {
  .article-engagement-bar[data-v-4471e327] {
    padding: 0 0 24px;
  }
  .is-storytelling .article-engagement-bar[data-v-4471e327] {
    margin: 12px auto 0;
    max-width: 640px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .article-engagement-bar[data-v-4471e327]
    .card-engagement-bar
    .comment-action-copy {
    display: inline-flex;
    margin-left: 4px;
  }
}
@supports (font-variation-settings: normal) {
  .article-header-how-to .article-header-steps[data-v-e99a2db6],
  .article-header-how-to .article-header-time[data-v-e99a2db6],
  .comment-input-field[data-v-e99a2db6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-how-to .article-header-steps[data-v-e99a2db6],
  .article-header-how-to .article-header-time[data-v-e99a2db6],
  .comment-input-field[data-v-e99a2db6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-e99a2db6],
  .comment-reply-bubble[data-v-e99a2db6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-e99a2db6],
  .comment-reply-bubble[data-v-e99a2db6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .article-header-title[data-v-e99a2db6],
  .comment-no-comment-info[data-v-e99a2db6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-title[data-v-e99a2db6],
  .comment-no-comment-info[data-v-e99a2db6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-header-lead[data-v-e99a2db6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-lead[data-v-e99a2db6] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e99a2db6],
  .comment-title[data-v-e99a2db6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e99a2db6],
  .comment-title[data-v-e99a2db6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-e99a2db6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-e99a2db6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-e99a2db6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-e99a2db6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-e99a2db6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-e99a2db6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-e99a2db6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-e99a2db6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-e99a2db6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-e99a2db6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-e99a2db6] {
  margin-bottom: 16px;
}
.comment-header[data-v-e99a2db6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-e99a2db6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-e99a2db6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-e99a2db6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-e99a2db6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-e99a2db6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-e99a2db6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-e99a2db6],
.comment-page .comment-header.is-sticky[data-v-e99a2db6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-e99a2db6] {
  animation: slideInDown-e99a2db6 0.32s ease-in-out;
}
@keyframes slideInDown-e99a2db6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e99a2db6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e99a2db6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e99a2db6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e99a2db6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e99a2db6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-e99a2db6] {
  animation: slideOutUp-e99a2db6 0.32s ease-in-out;
}
@keyframes slideOutUp-e99a2db6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-e99a2db6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-e99a2db6] {
  margin-left: 8px;
}
.comment-title span[data-v-e99a2db6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-e99a2db6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-e99a2db6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-e99a2db6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-e99a2db6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-e99a2db6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-e99a2db6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-e99a2db6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-e99a2db6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-e99a2db6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-e99a2db6],
.comment-page.post-fixed .comment-post-body[data-v-e99a2db6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-e99a2db6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-e99a2db6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-e99a2db6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-e99a2db6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-e99a2db6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-e99a2db6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-e99a2db6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-e99a2db6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-e99a2db6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-e99a2db6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-e99a2db6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-e99a2db6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-e99a2db6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-e99a2db6],
.comment-page.post-fixed .comment-post-body.active[data-v-e99a2db6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-e99a2db6],
  .comment-page.post-fixed .comment-post-body.active[data-v-e99a2db6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-e99a2db6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-e99a2db6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-e99a2db6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-e99a2db6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-e99a2db6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-e99a2db6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-e99a2db6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-e99a2db6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-e99a2db6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-e99a2db6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-e99a2db6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e99a2db6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-e99a2db6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-e99a2db6]:focus,
.comment-input-field.textarea[data-v-e99a2db6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e99a2db6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-e99a2db6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-e99a2db6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e99a2db6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-e99a2db6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e99a2db6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e99a2db6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-e99a2db6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-e99a2db6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e99a2db6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-e99a2db6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-e99a2db6],
.comment-send-btn.disabled .icon-send[data-v-e99a2db6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-e99a2db6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-e99a2db6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-e99a2db6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-e99a2db6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-e99a2db6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-e99a2db6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-e99a2db6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-e99a2db6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-e99a2db6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-e99a2db6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-e99a2db6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-e99a2db6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-e99a2db6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-e99a2db6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-e99a2db6] {
  align-items: center;
  animation: blink-e99a2db6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-e99a2db6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-e99a2db6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-e99a2db6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-e99a2db6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-e99a2db6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-e99a2db6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-e99a2db6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-e99a2db6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-e99a2db6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-e99a2db6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-e99a2db6] {
  margin: 0 0 0 -8px;
}
.article-header[data-v-e99a2db6] {
  margin-bottom: 16px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-header[data-v-e99a2db6] {
    margin-bottom: 24px;
  }
}
.article-main .article-header .article-divider[data-v-e99a2db6] {
  background-color: var(--color-200);
  display: block;
  height: 0;
  margin: 16px 0 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .article-main .article-header .article-divider[data-v-e99a2db6] {
    height: 1px;
    margin: 15px 0 20px;
  }
}
.article-header-wrap[data-v-e99a2db6] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article-header-container[data-v-e99a2db6] {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}
@media (min-width: 429px) {
  .article-header-container[data-v-e99a2db6] {
    max-width: 428px;
  }
}
.article-header-title[data-v-e99a2db6] {
  color: var(--article-title);
  font-size: 1.375rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .article-header-title[data-v-e99a2db6] {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}
.article-header-author-share[data-v-e99a2db6] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .article-header-author-share[data-v-e99a2db6] {
    margin-top: 20px;
  }
}
.article-header-author-share.has-engagement-bar-left
  .article-engagement-bar[data-v-e99a2db6] {
  margin-left: 0;
}
.article-header-author-share.has-engagement-bar-left
  .article-engagement-bar[data-v-e99a2db6]:before {
  display: none;
}
.article-header-author-date[data-v-e99a2db6] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}
.article-header-author-date.has-author-image[data-v-e99a2db6] {
  padding-left: 32px;
}
.article-header-author-date .author-list[data-v-e99a2db6] {
  display: flex;
  flex-wrap: wrap;
}
.article-header-author-date
  .author-list
  + .article-header-date[data-v-e99a2db6] {
  margin-top: 4px;
}
.article-header-author-date .author[data-v-e99a2db6] {
  display: block;
}
.article-header-author__container[data-v-e99a2db6] {
  align-items: center;
  display: flex;
  margin: 20px 0 16px;
}
.article-header-date[data-v-e99a2db6] {
  align-items: center;
  color: var(--article-header-intro-comma-timestamp);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
@media (min-width: 1024px) {
  .article-header-date[data-v-e99a2db6] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
.article-header-how-to[data-v-e99a2db6] {
  margin-top: 16px;
}
.article-header-how-to .article-header-steps[data-v-e99a2db6],
.article-header-how-to .article-header-time[data-v-e99a2db6] {
  color: var(--article-title);
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.5rem;
  position: relative;
}
.article-header-steps[data-v-e99a2db6]:after,
.article-header-steps[data-v-e99a2db6]:before,
.article-header-time[data-v-e99a2db6]:after,
.article-header-time[data-v-e99a2db6]:before {
  font-family: icons;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-header-steps[data-v-e99a2db6] {
  padding-left: 20px;
}
.article-header-steps[data-v-e99a2db6]:before {
  content: "";
}
.article-header-time[data-v-e99a2db6] {
  padding-left: 20px;
}
.article-header-time[data-v-e99a2db6]:after {
  content: "";
}
.article-header-how-to .article-header-time[data-v-e99a2db6] {
  margin-left: 12px;
  padding-left: 33px;
}
.article-header-how-to .article-header-time[data-v-e99a2db6]:before {
  background-color: #ffffff1f;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  width: 1px;
}
.article-header-how-to .article-header-time[data-v-e99a2db6]:after {
  left: 13px;
}
.article-header-labels[data-v-e99a2db6] {
  position: relative;
}
.article-header-lead[data-v-e99a2db6] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-header-lead[data-v-e99a2db6] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 24px;
  }
}
.article-header[data-v-e99a2db6] .article-engagement-bar {
  align-items: center;
  background-color: unset;
  border-radius: 0;
  box-shadow: unset;
  display: flex;
  margin: 0 0 0 8px;
  padding: 0;
  position: relative;
  width: auto;
}
.article-header[data-v-e99a2db6] .article-engagement-bar:before {
  background-color: var(--engagement-divider);
  content: "";
  display: block;
  height: 24px;
  left: -8px;
  margin: 0 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.article-header[data-v-e99a2db6] .article-engagement-bar .comment-action-copy {
  display: none;
}
@media (min-width: 1024px) {
  .article-header[data-v-e99a2db6]
    .article-engagement-bar
    .comment-action-copy {
    display: inline-block;
    margin-left: 4px;
  }
}
.article-header[data-v-e99a2db6] .card-engagement-bar__left {
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .article-header[data-v-e99a2db6] .card-engagement-bar__left {
    flex-grow: 0;
  }
}
.article-header[data-v-e99a2db6] .card-labels:after {
  display: none;
}
.article-header[data-v-e99a2db6] .breadcrumbs .breadcrumbs-link {
  margin: 0 4px;
}
.article-header[data-v-e99a2db6] .breadcrumbs .breadcrumbs-link:first-child {
  margin-left: 0;
}
.article-header[data-v-e99a2db6] .breadcrumbs .icon-chevron--right {
  font-size: 0.75rem;
}
.article-header-labels + .article-header-title[data-v-e99a2db6] {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .article-header-labels + .article-header-title[data-v-e99a2db6] {
    margin-top: 10px;
  }
}
.article-divider + .article-header-labels[data-v-e99a2db6] {
  margin-top: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ad76e86a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ad76e86a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ad76e86a],
  .comment-reply-bubble[data-v-ad76e86a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ad76e86a],
  .comment-reply-bubble[data-v-ad76e86a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ad76e86a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ad76e86a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ad76e86a],
  .comment-title[data-v-ad76e86a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ad76e86a],
  .comment-title[data-v-ad76e86a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ad76e86a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ad76e86a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ad76e86a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ad76e86a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ad76e86a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ad76e86a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ad76e86a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ad76e86a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ad76e86a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ad76e86a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ad76e86a] {
  margin-bottom: 16px;
}
.comment-header[data-v-ad76e86a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ad76e86a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ad76e86a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ad76e86a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ad76e86a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ad76e86a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ad76e86a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ad76e86a],
.comment-page .comment-header.is-sticky[data-v-ad76e86a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ad76e86a] {
  animation: slideInDown-ad76e86a 0.32s ease-in-out;
}
@keyframes slideInDown-ad76e86a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ad76e86a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ad76e86a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ad76e86a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ad76e86a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ad76e86a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ad76e86a] {
  animation: slideOutUp-ad76e86a 0.32s ease-in-out;
}
@keyframes slideOutUp-ad76e86a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ad76e86a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ad76e86a] {
  margin-left: 8px;
}
.comment-title span[data-v-ad76e86a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ad76e86a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ad76e86a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ad76e86a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ad76e86a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ad76e86a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ad76e86a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ad76e86a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ad76e86a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ad76e86a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ad76e86a],
.comment-page.post-fixed .comment-post-body[data-v-ad76e86a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ad76e86a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ad76e86a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ad76e86a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ad76e86a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ad76e86a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ad76e86a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ad76e86a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ad76e86a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ad76e86a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ad76e86a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ad76e86a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ad76e86a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ad76e86a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ad76e86a],
.comment-page.post-fixed .comment-post-body.active[data-v-ad76e86a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ad76e86a],
  .comment-page.post-fixed .comment-post-body.active[data-v-ad76e86a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ad76e86a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ad76e86a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ad76e86a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ad76e86a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ad76e86a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ad76e86a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ad76e86a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ad76e86a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ad76e86a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ad76e86a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ad76e86a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ad76e86a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ad76e86a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ad76e86a]:focus,
.comment-input-field.textarea[data-v-ad76e86a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ad76e86a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ad76e86a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ad76e86a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ad76e86a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ad76e86a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ad76e86a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ad76e86a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ad76e86a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ad76e86a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ad76e86a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ad76e86a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ad76e86a],
.comment-send-btn.disabled .icon-send[data-v-ad76e86a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ad76e86a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ad76e86a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ad76e86a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ad76e86a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ad76e86a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ad76e86a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ad76e86a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ad76e86a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ad76e86a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ad76e86a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ad76e86a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ad76e86a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ad76e86a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ad76e86a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ad76e86a] {
  align-items: center;
  animation: blink-ad76e86a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ad76e86a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ad76e86a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ad76e86a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ad76e86a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ad76e86a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ad76e86a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ad76e86a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ad76e86a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ad76e86a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ad76e86a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ad76e86a] {
  margin: 0 0 0 -8px;
}
.card-image-container[data-v-ad76e86a] {
  height: 100%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-e8f49c08] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-e8f49c08] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-e8f49c08],
  .comment-reply-bubble[data-v-e8f49c08] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-e8f49c08],
  .comment-reply-bubble[data-v-e8f49c08] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e8f49c08] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e8f49c08] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e8f49c08],
  .comment-title[data-v-e8f49c08] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e8f49c08],
  .comment-title[data-v-e8f49c08] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-e8f49c08] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-e8f49c08] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-e8f49c08] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-e8f49c08] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-e8f49c08] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-e8f49c08] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-e8f49c08] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-e8f49c08] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-e8f49c08] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-e8f49c08] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-e8f49c08] {
  margin-bottom: 16px;
}
.comment-header[data-v-e8f49c08] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-e8f49c08] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-e8f49c08] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-e8f49c08] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-e8f49c08] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-e8f49c08] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-e8f49c08]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-e8f49c08],
.comment-page .comment-header.is-sticky[data-v-e8f49c08] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-e8f49c08] {
  animation: slideInDown-e8f49c08 0.32s ease-in-out;
}
@keyframes slideInDown-e8f49c08 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e8f49c08] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e8f49c08] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e8f49c08]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e8f49c08]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e8f49c08] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-e8f49c08] {
  animation: slideOutUp-e8f49c08 0.32s ease-in-out;
}
@keyframes slideOutUp-e8f49c08 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-e8f49c08] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-e8f49c08] {
  margin-left: 8px;
}
.comment-title span[data-v-e8f49c08] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-e8f49c08] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-e8f49c08] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-e8f49c08] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-e8f49c08]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-e8f49c08] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-e8f49c08] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-e8f49c08] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-e8f49c08] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-e8f49c08] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-e8f49c08],
.comment-page.post-fixed .comment-post-body[data-v-e8f49c08] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-e8f49c08] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-e8f49c08] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-e8f49c08] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-e8f49c08] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-e8f49c08] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-e8f49c08] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-e8f49c08] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-e8f49c08] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-e8f49c08] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-e8f49c08],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-e8f49c08] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-e8f49c08] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-e8f49c08] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-e8f49c08],
.comment-page.post-fixed .comment-post-body.active[data-v-e8f49c08] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-e8f49c08],
  .comment-page.post-fixed .comment-post-body.active[data-v-e8f49c08] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-e8f49c08],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-e8f49c08] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-e8f49c08] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-e8f49c08] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-e8f49c08] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-e8f49c08] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-e8f49c08] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-e8f49c08] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-e8f49c08] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-e8f49c08] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-e8f49c08] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e8f49c08] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-e8f49c08]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-e8f49c08]:focus,
.comment-input-field.textarea[data-v-e8f49c08]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e8f49c08]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-e8f49c08] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-e8f49c08] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e8f49c08] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-e8f49c08] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e8f49c08] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e8f49c08] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-e8f49c08] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-e8f49c08] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e8f49c08]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-e8f49c08] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-e8f49c08],
.comment-send-btn.disabled .icon-send[data-v-e8f49c08] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-e8f49c08]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-e8f49c08] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-e8f49c08] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-e8f49c08] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-e8f49c08] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-e8f49c08] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-e8f49c08] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-e8f49c08] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-e8f49c08] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-e8f49c08] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-e8f49c08] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-e8f49c08] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-e8f49c08] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-e8f49c08] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-e8f49c08] {
  align-items: center;
  animation: blink-e8f49c08 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-e8f49c08 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-e8f49c08] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-e8f49c08] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-e8f49c08] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-e8f49c08] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-e8f49c08] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-e8f49c08] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-e8f49c08]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-e8f49c08] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-e8f49c08] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-e8f49c08] {
  margin: 0 0 0 -8px;
}
.article-big-image[data-v-e8f49c08] {
  margin: 0 -16px 16px;
}
@media (min-width: 1024px) {
  .article-big-image[data-v-e8f49c08] {
    margin: 0 -24px 24px;
  }
  .storytelling .article-big-image[data-v-e8f49c08] {
    margin: 0 -184px 24px;
  }
}
.article-big-image[data-v-e8f49c08] img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.storytelling .article-big-image[data-v-e8f49c08] img {
  aspect-ratio: 3/2;
}
@media (min-width: 1024px) {
  .storytelling .article-big-image[data-v-e8f49c08] img {
    aspect-ratio: 3/2;
  }
}
.article-big-image .big-image-source[data-v-e8f49c08] {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  min-height: 24px;
  padding: 8px 16px 0;
}
.article-big-image .big-image-source span[data-v-e8f49c08] {
  color: var(--color-700);
}
@media (min-width: 1024px) {
  .article-big-image .big-image-source[data-v-e8f49c08] {
    padding: 8px 24px 0;
  }
  .storytelling .article-big-image .big-image-source[data-v-e8f49c08] {
    padding: 8px 184px 0;
  }
}
.big-image-container__image[data-v-e8f49c08] {
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-85e301a2] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-85e301a2] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-85e301a2],
  .comment-reply-bubble[data-v-85e301a2] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-85e301a2],
  .comment-reply-bubble[data-v-85e301a2] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-85e301a2] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-85e301a2] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-85e301a2],
  .comment-title[data-v-85e301a2] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-85e301a2],
  .comment-title[data-v-85e301a2] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-85e301a2] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-85e301a2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-85e301a2] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-85e301a2] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-85e301a2] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-85e301a2] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-85e301a2] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-85e301a2] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-85e301a2] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-85e301a2] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-85e301a2] {
  margin-bottom: 16px;
}
.comment-header[data-v-85e301a2] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-85e301a2] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-85e301a2] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-85e301a2] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-85e301a2] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-85e301a2] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-85e301a2]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-85e301a2],
.comment-page .comment-header.is-sticky[data-v-85e301a2] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-85e301a2] {
  animation: slideInDown-85e301a2 0.32s ease-in-out;
}
@keyframes slideInDown-85e301a2 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-85e301a2] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-85e301a2] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-85e301a2]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-85e301a2]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-85e301a2] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-85e301a2] {
  animation: slideOutUp-85e301a2 0.32s ease-in-out;
}
@keyframes slideOutUp-85e301a2 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-85e301a2] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-85e301a2] {
  margin-left: 8px;
}
.comment-title span[data-v-85e301a2] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-85e301a2] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-85e301a2] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-85e301a2] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-85e301a2]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-85e301a2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-85e301a2] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-85e301a2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-85e301a2] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-85e301a2] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-85e301a2],
.comment-page.post-fixed .comment-post-body[data-v-85e301a2] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-85e301a2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-85e301a2] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-85e301a2] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-85e301a2] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-85e301a2] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-85e301a2] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-85e301a2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-85e301a2] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-85e301a2] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-85e301a2],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-85e301a2] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-85e301a2] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-85e301a2] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-85e301a2],
.comment-page.post-fixed .comment-post-body.active[data-v-85e301a2] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-85e301a2],
  .comment-page.post-fixed .comment-post-body.active[data-v-85e301a2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-85e301a2],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-85e301a2] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-85e301a2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-85e301a2] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-85e301a2] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-85e301a2] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-85e301a2] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-85e301a2] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-85e301a2] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-85e301a2] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-85e301a2] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-85e301a2] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-85e301a2]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-85e301a2]:focus,
.comment-input-field.textarea[data-v-85e301a2]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-85e301a2]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-85e301a2] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-85e301a2] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-85e301a2] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-85e301a2] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-85e301a2] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-85e301a2] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-85e301a2] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-85e301a2] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-85e301a2]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-85e301a2] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-85e301a2],
.comment-send-btn.disabled .icon-send[data-v-85e301a2] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-85e301a2]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-85e301a2] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-85e301a2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-85e301a2] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-85e301a2] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-85e301a2] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-85e301a2] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-85e301a2] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-85e301a2] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-85e301a2] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-85e301a2] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-85e301a2] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-85e301a2] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-85e301a2] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-85e301a2] {
  align-items: center;
  animation: blink-85e301a2 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-85e301a2 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-85e301a2] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-85e301a2] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-85e301a2] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-85e301a2] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-85e301a2] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-85e301a2] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-85e301a2]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-85e301a2] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-85e301a2] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-85e301a2] {
  margin: 0 0 0 -8px;
}
.article-author[data-v-85e301a2] {
  display: block;
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .article-author[data-v-85e301a2] {
    padding: 24px 0;
  }
}
.article-author__description[data-v-85e301a2] {
  color: var(--authors-block-description);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3ce2f9fe] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3ce2f9fe],
  .comment-reply-bubble[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3ce2f9fe],
  .comment-reply-bubble[data-v-3ce2f9fe] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3ce2f9fe] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3ce2f9fe],
  .comment-title[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3ce2f9fe],
  .comment-title[data-v-3ce2f9fe] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3ce2f9fe] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3ce2f9fe] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3ce2f9fe] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3ce2f9fe] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3ce2f9fe] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3ce2f9fe] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3ce2f9fe] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3ce2f9fe] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3ce2f9fe] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3ce2f9fe] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3ce2f9fe] {
  margin-bottom: 16px;
}
.comment-header[data-v-3ce2f9fe] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3ce2f9fe] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3ce2f9fe] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3ce2f9fe] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3ce2f9fe] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3ce2f9fe] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3ce2f9fe]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3ce2f9fe],
.comment-page .comment-header.is-sticky[data-v-3ce2f9fe] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3ce2f9fe] {
  animation: slideInDown-3ce2f9fe 0.32s ease-in-out;
}
@keyframes slideInDown-3ce2f9fe {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3ce2f9fe] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3ce2f9fe] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3ce2f9fe]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3ce2f9fe]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3ce2f9fe] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3ce2f9fe] {
  animation: slideOutUp-3ce2f9fe 0.32s ease-in-out;
}
@keyframes slideOutUp-3ce2f9fe {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3ce2f9fe] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3ce2f9fe] {
  margin-left: 8px;
}
.comment-title span[data-v-3ce2f9fe] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3ce2f9fe] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3ce2f9fe] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3ce2f9fe] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3ce2f9fe]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3ce2f9fe] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3ce2f9fe] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3ce2f9fe] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3ce2f9fe] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3ce2f9fe] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3ce2f9fe],
.comment-page.post-fixed .comment-post-body[data-v-3ce2f9fe] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3ce2f9fe] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3ce2f9fe] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3ce2f9fe] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3ce2f9fe] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3ce2f9fe] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3ce2f9fe] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3ce2f9fe] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3ce2f9fe] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3ce2f9fe] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3ce2f9fe],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3ce2f9fe] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3ce2f9fe] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3ce2f9fe] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3ce2f9fe],
.comment-page.post-fixed .comment-post-body.active[data-v-3ce2f9fe] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3ce2f9fe],
  .comment-page.post-fixed .comment-post-body.active[data-v-3ce2f9fe] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3ce2f9fe],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3ce2f9fe] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3ce2f9fe] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3ce2f9fe] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3ce2f9fe] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3ce2f9fe] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3ce2f9fe] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3ce2f9fe] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3ce2f9fe] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3ce2f9fe] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3ce2f9fe] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3ce2f9fe] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3ce2f9fe]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3ce2f9fe]:focus,
.comment-input-field.textarea[data-v-3ce2f9fe]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3ce2f9fe]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3ce2f9fe] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3ce2f9fe] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3ce2f9fe] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3ce2f9fe] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3ce2f9fe] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3ce2f9fe] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3ce2f9fe] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3ce2f9fe]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3ce2f9fe] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3ce2f9fe],
.comment-send-btn.disabled .icon-send[data-v-3ce2f9fe] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3ce2f9fe]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3ce2f9fe] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3ce2f9fe] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3ce2f9fe] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3ce2f9fe] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3ce2f9fe] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3ce2f9fe] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3ce2f9fe] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3ce2f9fe] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3ce2f9fe] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3ce2f9fe] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3ce2f9fe] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3ce2f9fe] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3ce2f9fe] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3ce2f9fe] {
  align-items: center;
  animation: blink-3ce2f9fe 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3ce2f9fe {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3ce2f9fe] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3ce2f9fe] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3ce2f9fe] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3ce2f9fe] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3ce2f9fe] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3ce2f9fe] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3ce2f9fe]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3ce2f9fe] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3ce2f9fe] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3ce2f9fe] {
  margin: 0 0 0 -8px;
}
.sponsor-container[data-v-3ce2f9fe] {
  color: var(--color-900);
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin: 0 0 24px;
}
@supports (font-variation-settings: normal) {
  .sponsor-container[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .sponsor-container[data-v-3ce2f9fe] {
    font-weight: 500;
  }
}
.sponsor-container .sponsored-by[data-v-3ce2f9fe] {
  color: var(--color-600);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .sponsor-container .sponsored-by[data-v-3ce2f9fe] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .sponsor-container .sponsored-by[data-v-3ce2f9fe] {
    font-weight: 600;
  }
}
.sponsor-container .sponsored-by__link[data-v-3ce2f9fe] {
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-677c9c61] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-677c9c61] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-677c9c61],
  .comment-reply-bubble[data-v-677c9c61] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-677c9c61],
  .comment-reply-bubble[data-v-677c9c61] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-677c9c61] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-677c9c61] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-teaser-box__cta[data-v-677c9c61] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-teaser-box__cta[data-v-677c9c61] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .article-teaser-box__heading[data-v-677c9c61],
  .comment-avatar.login[data-v-677c9c61],
  .comment-title[data-v-677c9c61] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-teaser-box__heading[data-v-677c9c61],
  .comment-avatar.login[data-v-677c9c61],
  .comment-title[data-v-677c9c61] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-677c9c61] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-677c9c61] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-677c9c61] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-677c9c61] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-677c9c61] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-677c9c61] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-677c9c61] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-677c9c61] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-677c9c61] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-677c9c61] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-677c9c61] {
  margin-bottom: 16px;
}
.comment-header[data-v-677c9c61] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-677c9c61] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-677c9c61] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-677c9c61] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-677c9c61] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-677c9c61] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-677c9c61]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-677c9c61],
.comment-page .comment-header.is-sticky[data-v-677c9c61] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-677c9c61] {
  animation: slideInDown-677c9c61 0.32s ease-in-out;
}
@keyframes slideInDown-677c9c61 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-677c9c61] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677c9c61] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677c9c61]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-677c9c61]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-677c9c61] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-677c9c61] {
  animation: slideOutUp-677c9c61 0.32s ease-in-out;
}
@keyframes slideOutUp-677c9c61 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-677c9c61] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-677c9c61] {
  margin-left: 8px;
}
.comment-title span[data-v-677c9c61] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-677c9c61] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-677c9c61] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-677c9c61] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-677c9c61]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-677c9c61] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-677c9c61] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-677c9c61] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-677c9c61] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-677c9c61] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-677c9c61],
.comment-page.post-fixed .comment-post-body[data-v-677c9c61] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-677c9c61] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-677c9c61] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-677c9c61] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-677c9c61] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-677c9c61] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-677c9c61] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-677c9c61] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-677c9c61] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-677c9c61] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-677c9c61],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-677c9c61] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-677c9c61] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-677c9c61] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-677c9c61],
.comment-page.post-fixed .comment-post-body.active[data-v-677c9c61] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-677c9c61],
  .comment-page.post-fixed .comment-post-body.active[data-v-677c9c61] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-677c9c61],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-677c9c61] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-677c9c61] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-677c9c61] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-677c9c61] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-677c9c61] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-677c9c61] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-677c9c61] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-677c9c61] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-677c9c61] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-677c9c61] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-677c9c61] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-677c9c61]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-677c9c61]:focus,
.comment-input-field.textarea[data-v-677c9c61]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-677c9c61]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-677c9c61] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-677c9c61] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-677c9c61] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-677c9c61] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-677c9c61] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-677c9c61] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-677c9c61] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-677c9c61] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-677c9c61]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-677c9c61] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-677c9c61],
.comment-send-btn.disabled .icon-send[data-v-677c9c61] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-677c9c61]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-677c9c61] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-677c9c61] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-677c9c61] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-677c9c61] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-677c9c61] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-677c9c61] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-677c9c61] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-677c9c61] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-677c9c61] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-677c9c61] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-677c9c61] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-677c9c61] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-677c9c61] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-677c9c61] {
  align-items: center;
  animation: blink-677c9c61 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-677c9c61 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-677c9c61] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-677c9c61] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-677c9c61] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-677c9c61] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-677c9c61] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-677c9c61] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-677c9c61]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-677c9c61] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-677c9c61] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-677c9c61] {
  margin: 0 0 0 -8px;
}
.article-teaser-box[data-v-677c9c61] {
  display: block;
  margin: -106px -16px 0;
  padding-top: 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-teaser-box[data-v-677c9c61] {
    margin: -106px -24px 0;
  }
}
.article-teaser-box__transparent[data-v-677c9c61] {
  background-image: linear-gradient(to bottom, #fff0, var(--color-50));
  height: 58px;
}
.article-teaser-box__cut-icon-top[data-v-677c9c61] {
  height: 16px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -16px;
  width: 32px;
}
.article-teaser-box__cut-icon-top[data-v-677c9c61]:before {
  color: var(--color-500);
  content: "";
  font-family: icons;
  font-size: 2rem;
}
.article-teaser-box__cut-icon-bottom[data-v-677c9c61] {
  bottom: -16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 32px;
}
.article-teaser-box__cut-icon-bottom[data-v-677c9c61]:before {
  color: var(--color-500);
  content: "";
  font-family: icons;
  font-size: 2rem;
  position: absolute;
  top: -16px;
}
.article-teaser-box__trim-container[data-v-677c9c61] {
  position: relative;
}
.article-teaser-box__trim-pattern[data-v-677c9c61] {
  height: 4px;
  margin: 0 -16px;
}
@media (min-width: 1024px) {
  .article-teaser-box__trim-pattern[data-v-677c9c61] {
    margin: 0 -48px;
  }
}
.article-teaser-box__content[data-v-677c9c61] {
  background-color: var(--data-wall);
  margin: 0 0 24px;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .article-teaser-box__content[data-v-677c9c61] {
    padding: 0 48px;
  }
}
.article-teaser-box__box[data-v-677c9c61] {
  background-color: var(--color-50);
  border-radius: 5px;
  box-shadow: 0 0 0 1px #00ffb38c, 0 5px 13px #00ffb321;
  margin: 20px 0;
  padding: 16px;
}
@media (min-width: 1024px) {
  .article-teaser-box__box[data-v-677c9c61] {
    padding: 48px;
  }
}
.article-teaser-box__logo-button-container[data-v-677c9c61] {
  height: 48px;
  text-align: center;
}
.article-teaser-box__logo-button[data-v-677c9c61] {
  background-color: var(--mondo-plus-background);
  border-radius: 4px;
  display: inline-block;
  height: 48px;
  padding: 0 10px;
  width: 112px;
}
.article-teaser-box__logo-button img[data-v-677c9c61] {
  width: 100%;
}
.article-teaser-box__heading[data-v-677c9c61] {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 20px;
  margin-top: 12px;
  text-align: center;
}
@media (min-width: 1024px) {
  .article-teaser-box__heading[data-v-677c9c61] {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
    margin-bottom: 24px;
  }
}
.article-teaser-box__paragraph[data-v-677c9c61] {
  font-size: 1.0625rem;
  line-height: 1.59;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .article-teaser-box__paragraph[data-v-677c9c61] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    margin-bottom: 24px;
  }
}
.article-teaser-box__paragraph span[data-v-677c9c61] {
  background-image: linear-gradient(#ff4057, #ff4057);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  cursor: pointer;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .article-teaser-box__paragraph span[data-v-677c9c61]:hover {
    color: #ff4057;
  }
}
.article-teaser-box-ul-headline[data-v-677c9c61] {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .article-teaser-box-ul-headline[data-v-677c9c61] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    margin-bottom: 24px;
  }
}
.article-teaser-box__in-text-logo[data-v-677c9c61] {
  height: 26px;
  vertical-align: bottom;
}
@media (min-width: 1024px) {
  .article-teaser-box__in-text-logo[data-v-677c9c61] {
    height: 35px;
  }
}
.article-teaser-box__list[data-v-677c9c61] {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  padding-left: 32px;
}
@media (min-width: 1024px) {
  .article-teaser-box__list[data-v-677c9c61] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    padding-left: 34px;
  }
}
.article-teaser-box__list li[data-v-677c9c61] {
  margin-bottom: 12px;
  position: relative;
}
.article-teaser-box__list li[data-v-677c9c61]:before {
  background-image: url(../index/bullet.svg);
  background-size: cover;
  content: "";
  display: inline-block;
  height: 16px;
  left: -32px;
  position: absolute;
  top: 5px;
  width: 16px;
}
@media (min-width: 1024px) {
  .article-teaser-box__list li[data-v-677c9c61]:before {
    left: -34px;
    top: 7px;
  }
  .article-teaser-box__list li[data-v-677c9c61] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-teaser-box__cta-container[data-v-677c9c61] {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .article-teaser-box__cta-container[data-v-677c9c61] {
    margin-top: 24px;
  }
}
.article-teaser-box__cta[data-v-677c9c61] {
  align-items: center;
  background-color: var(--accent-data-wall);
  border: none;
  border-radius: 3px;
  color: #0f1821;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 0.875rem;
  height: auto;
  justify-content: center;
  line-height: 1.0625rem;
  padding: 11px 24px 12px;
  width: 100%;
}
.main.light .article-teaser-box__trim-pattern.isTop[data-v-677c9c61] {
  background-image: url(../index/trim-pattern-top-light.svg);
}
.main.light .article-teaser-box__trim-pattern.isBottom[data-v-677c9c61] {
  background-image: url(../index/trim-pattern-bottom-light.svg);
}
.main.dark .article-teaser-box__trim-pattern.isTop[data-v-677c9c61] {
  background-image: url(../index/trim-pattern-top-dark.svg);
}
.main.dark .article-teaser-box__trim-pattern.isBottom[data-v-677c9c61] {
  background-image: url(../index/trim-pattern-bottom-dark.svg);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5b45a5b4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5b45a5b4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .audioStory__label-bar span[data-v-5b45a5b4],
  .comment-input-info[data-v-5b45a5b4],
  .comment-reply-bubble[data-v-5b45a5b4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .audioStory__label-bar span[data-v-5b45a5b4],
  .comment-input-info[data-v-5b45a5b4],
  .comment-reply-bubble[data-v-5b45a5b4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .audioStory__label-bar strong[data-v-5b45a5b4],
  .comment-no-comment-info[data-v-5b45a5b4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .audioStory__label-bar strong[data-v-5b45a5b4],
  .comment-no-comment-info[data-v-5b45a5b4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5b45a5b4],
  .comment-title[data-v-5b45a5b4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5b45a5b4],
  .comment-title[data-v-5b45a5b4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5b45a5b4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5b45a5b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5b45a5b4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5b45a5b4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5b45a5b4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5b45a5b4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5b45a5b4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5b45a5b4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5b45a5b4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5b45a5b4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5b45a5b4] {
  margin-bottom: 16px;
}
.comment-header[data-v-5b45a5b4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5b45a5b4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5b45a5b4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5b45a5b4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5b45a5b4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5b45a5b4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5b45a5b4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5b45a5b4],
.comment-page .comment-header.is-sticky[data-v-5b45a5b4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5b45a5b4] {
  animation: slideInDown-5b45a5b4 0.32s ease-in-out;
}
@keyframes slideInDown-5b45a5b4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5b45a5b4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b45a5b4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b45a5b4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5b45a5b4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b45a5b4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5b45a5b4] {
  animation: slideOutUp-5b45a5b4 0.32s ease-in-out;
}
@keyframes slideOutUp-5b45a5b4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5b45a5b4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5b45a5b4] {
  margin-left: 8px;
}
.comment-title span[data-v-5b45a5b4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5b45a5b4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5b45a5b4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5b45a5b4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5b45a5b4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5b45a5b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5b45a5b4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5b45a5b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5b45a5b4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5b45a5b4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5b45a5b4],
.comment-page.post-fixed .comment-post-body[data-v-5b45a5b4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5b45a5b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5b45a5b4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5b45a5b4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5b45a5b4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5b45a5b4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5b45a5b4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5b45a5b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5b45a5b4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5b45a5b4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5b45a5b4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5b45a5b4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5b45a5b4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5b45a5b4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5b45a5b4],
.comment-page.post-fixed .comment-post-body.active[data-v-5b45a5b4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5b45a5b4],
  .comment-page.post-fixed .comment-post-body.active[data-v-5b45a5b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5b45a5b4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5b45a5b4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5b45a5b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5b45a5b4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5b45a5b4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5b45a5b4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5b45a5b4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5b45a5b4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5b45a5b4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5b45a5b4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5b45a5b4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5b45a5b4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5b45a5b4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5b45a5b4]:focus,
.comment-input-field.textarea[data-v-5b45a5b4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5b45a5b4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5b45a5b4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5b45a5b4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5b45a5b4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5b45a5b4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5b45a5b4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5b45a5b4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5b45a5b4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5b45a5b4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5b45a5b4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5b45a5b4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5b45a5b4],
.comment-send-btn.disabled .icon-send[data-v-5b45a5b4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5b45a5b4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5b45a5b4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5b45a5b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5b45a5b4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5b45a5b4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5b45a5b4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5b45a5b4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5b45a5b4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5b45a5b4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5b45a5b4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5b45a5b4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5b45a5b4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5b45a5b4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5b45a5b4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5b45a5b4] {
  align-items: center;
  animation: blink-5b45a5b4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5b45a5b4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5b45a5b4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5b45a5b4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5b45a5b4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5b45a5b4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5b45a5b4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5b45a5b4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5b45a5b4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5b45a5b4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5b45a5b4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5b45a5b4] {
  margin: 0 0 0 -8px;
}
.audioStory[data-v-5b45a5b4] {
  margin-bottom: 16px;
  padding: 0 0 0 52px;
  position: relative;
}
@media (min-width: 1024px) {
  .audioStory[data-v-5b45a5b4] {
    margin-bottom: 24px;
  }
}
.audioStory__toggle[data-v-5b45a5b4] {
  background-color: var(--accent);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.audioStory__toggle i[data-v-5b45a5b4] {
  color: var(--color-light-50);
  font-size: 1.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .audioStory__toggle[data-v-5b45a5b4]:hover {
    background-color: var(--accent-hover);
  }
}
.audioStory__label-bar[data-v-5b45a5b4] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 5px;
}
.audioStory__label-bar strong[data-v-5b45a5b4] {
  color: var(--color-900);
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.audioStory__label-bar span[data-v-5b45a5b4] {
  color: var(--color-700);
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.audioStory__progress[data-v-5b45a5b4] {
  background: var(--color-600);
  cursor: ew-resize;
  display: flex;
  flex: 10;
  flex-basis: 100%;
  height: 20px;
  -webkit-mask-image: url(../index/audio-range.svg);
  mask-image: url(../index/audio-range.svg);
  -webkit-mask-position: left;
  mask-position: left;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
}
.audioStory__progress-bar[data-v-5b45a5b4] {
  background-color: var(--color-900);
  flex: 0;
  flex-basis: 0;
  width: 50%;
}
.article-authors-block {
  background-color: var(--authors-block-back);
  border-left: 1px solid var(--authors-side-borders);
  border-right: 1px solid var(--authors-side-borders);
  margin: 24px -16px;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .article-authors-block {
    margin-left: -32px;
    margin-right: -32px;
    padding: 0 32px;
  }
}
.article-authors-block .author {
  color: var(--authors-block-author);
}
@media (min-width: 1024px) {
  .article-authors-block .author:hover {
    color: var(--authors-block-author-hover);
  }
}
.article-header-video {
  margin-bottom: 16px;
  margin-left: -16px;
  margin-top: -20px;
  padding: 0 0 8px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .article-header-video {
    margin-bottom: 24px;
    margin-left: -32px;
    margin-top: -15px;
    padding: 8px;
    width: calc(100% + 64px);
  }
}
.storytelling .article-header-video {
  margin-bottom: 24px;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .storytelling .article-header-video {
    margin-left: -192px;
    margin-top: -8px;
    width: calc(100% + 384px);
  }
}
.article-header-video.dark {
  background-color: var(--color-dark-50);
}
.article-header-video.light {
  background-color: var(--color-light-50);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-49e31b96] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-49e31b96] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-49e31b96],
  .comment-reply-bubble[data-v-49e31b96] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-49e31b96],
  .comment-reply-bubble[data-v-49e31b96] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-49e31b96] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-49e31b96] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-49e31b96],
  .comment-title[data-v-49e31b96] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-49e31b96],
  .comment-title[data-v-49e31b96] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-49e31b96] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-49e31b96] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-49e31b96] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-49e31b96] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-49e31b96] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-49e31b96] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-49e31b96] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-49e31b96] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-49e31b96] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-49e31b96] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-49e31b96] {
  margin-bottom: 16px;
}
.comment-header[data-v-49e31b96] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-49e31b96] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-49e31b96] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-49e31b96] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-49e31b96] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-49e31b96] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-49e31b96]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-49e31b96],
.comment-page .comment-header.is-sticky[data-v-49e31b96] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-49e31b96] {
  animation: slideInDown-49e31b96 0.32s ease-in-out;
}
@keyframes slideInDown-49e31b96 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-49e31b96] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-49e31b96] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-49e31b96]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-49e31b96]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-49e31b96] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-49e31b96] {
  animation: slideOutUp-49e31b96 0.32s ease-in-out;
}
@keyframes slideOutUp-49e31b96 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-49e31b96] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-49e31b96] {
  margin-left: 8px;
}
.comment-title span[data-v-49e31b96] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-49e31b96] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-49e31b96] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-49e31b96] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-49e31b96]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-49e31b96] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-49e31b96] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-49e31b96] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-49e31b96] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-49e31b96] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-49e31b96],
.comment-page.post-fixed .comment-post-body[data-v-49e31b96] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-49e31b96] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-49e31b96] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-49e31b96] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-49e31b96] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-49e31b96] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-49e31b96] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-49e31b96] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-49e31b96] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-49e31b96] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-49e31b96],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-49e31b96] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-49e31b96] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-49e31b96] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-49e31b96],
.comment-page.post-fixed .comment-post-body.active[data-v-49e31b96] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-49e31b96],
  .comment-page.post-fixed .comment-post-body.active[data-v-49e31b96] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-49e31b96],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-49e31b96] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-49e31b96] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-49e31b96] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-49e31b96] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-49e31b96] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-49e31b96] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-49e31b96] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-49e31b96] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-49e31b96] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-49e31b96] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-49e31b96] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-49e31b96]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-49e31b96]:focus,
.comment-input-field.textarea[data-v-49e31b96]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-49e31b96]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-49e31b96] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-49e31b96] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-49e31b96] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-49e31b96] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-49e31b96] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-49e31b96] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-49e31b96] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-49e31b96] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-49e31b96]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-49e31b96] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-49e31b96],
.comment-send-btn.disabled .icon-send[data-v-49e31b96] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-49e31b96]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-49e31b96] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-49e31b96] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-49e31b96] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-49e31b96] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-49e31b96] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-49e31b96] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-49e31b96] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-49e31b96] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-49e31b96] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-49e31b96] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-49e31b96] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-49e31b96] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-49e31b96] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-49e31b96] {
  align-items: center;
  animation: blink-49e31b96 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-49e31b96 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-49e31b96] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-49e31b96] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-49e31b96] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-49e31b96] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-49e31b96] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-49e31b96] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-49e31b96]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-49e31b96] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-49e31b96] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-49e31b96] {
  margin: 0 0 0 -8px;
}
.card-divider[data-v-49e31b96] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin-bottom: 16px;
  width: 200px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f50dfb45] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f50dfb45] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f50dfb45],
  .comment-reply-bubble[data-v-f50dfb45] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f50dfb45],
  .comment-reply-bubble[data-v-f50dfb45] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f50dfb45] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f50dfb45] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f50dfb45],
  .comment-title[data-v-f50dfb45] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f50dfb45],
  .comment-title[data-v-f50dfb45] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f50dfb45] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f50dfb45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f50dfb45] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f50dfb45] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f50dfb45] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f50dfb45] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f50dfb45] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f50dfb45] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f50dfb45] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f50dfb45] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f50dfb45] {
  margin-bottom: 16px;
}
.comment-header[data-v-f50dfb45] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f50dfb45] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f50dfb45] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f50dfb45] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f50dfb45] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f50dfb45] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f50dfb45]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f50dfb45],
.comment-page .comment-header.is-sticky[data-v-f50dfb45] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f50dfb45] {
  animation: slideInDown-f50dfb45 0.32s ease-in-out;
}
@keyframes slideInDown-f50dfb45 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f50dfb45] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f50dfb45] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f50dfb45]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f50dfb45]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f50dfb45] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f50dfb45] {
  animation: slideOutUp-f50dfb45 0.32s ease-in-out;
}
@keyframes slideOutUp-f50dfb45 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f50dfb45] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f50dfb45] {
  margin-left: 8px;
}
.comment-title span[data-v-f50dfb45] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f50dfb45] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f50dfb45] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f50dfb45] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f50dfb45]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f50dfb45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f50dfb45] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f50dfb45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f50dfb45] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f50dfb45] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f50dfb45],
.comment-page.post-fixed .comment-post-body[data-v-f50dfb45] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f50dfb45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f50dfb45] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f50dfb45] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f50dfb45] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f50dfb45] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f50dfb45] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f50dfb45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f50dfb45] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f50dfb45] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f50dfb45],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f50dfb45] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f50dfb45] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f50dfb45] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f50dfb45],
.comment-page.post-fixed .comment-post-body.active[data-v-f50dfb45] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f50dfb45],
  .comment-page.post-fixed .comment-post-body.active[data-v-f50dfb45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f50dfb45],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f50dfb45] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f50dfb45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f50dfb45] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f50dfb45] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f50dfb45] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f50dfb45] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f50dfb45] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f50dfb45] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f50dfb45] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f50dfb45] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f50dfb45] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f50dfb45]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f50dfb45]:focus,
.comment-input-field.textarea[data-v-f50dfb45]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f50dfb45]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f50dfb45] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f50dfb45] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f50dfb45] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f50dfb45] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f50dfb45] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f50dfb45] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f50dfb45] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f50dfb45] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f50dfb45]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f50dfb45] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f50dfb45],
.comment-send-btn.disabled .icon-send[data-v-f50dfb45] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f50dfb45]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f50dfb45] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f50dfb45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f50dfb45] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f50dfb45] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f50dfb45] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f50dfb45] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f50dfb45] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f50dfb45] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f50dfb45] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f50dfb45] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f50dfb45] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f50dfb45] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f50dfb45] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f50dfb45] {
  align-items: center;
  animation: blink-f50dfb45 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f50dfb45 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f50dfb45] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f50dfb45] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f50dfb45] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f50dfb45] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f50dfb45] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f50dfb45] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f50dfb45]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f50dfb45] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f50dfb45] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f50dfb45] {
  margin: 0 0 0 -8px;
}
.card-header[data-v-f50dfb45] {
  align-items: center;
  background-color: var(--color-50);
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 1024px) {
  .card-header[data-v-f50dfb45] {
    height: 40px;
    padding: 0 12px;
  }
}
.card-header[data-v-f50dfb45] .card-header__animation {
  display: flex;
  flex-basis: 24px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}
.card-header[data-v-f50dfb45] .card-header__animation svg path {
  fill: var(--color-900);
}
.card-header[data-v-f50dfb45] .card-header__sponsor {
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  max-height: 24px;
  position: relative;
}
.card-header[data-v-f50dfb45] .card-header__sponsor img {
  margin-right: 8px;
  max-height: 100%;
  object-fit: contain;
  width: auto;
}
.card-header[data-v-f50dfb45] .card-header__title {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: 1rem;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@supports (font-variation-settings: normal) {
  .card-header[data-v-f50dfb45] .card-header__title {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-header[data-v-f50dfb45] .card-header__title {
    font-weight: 800;
  }
}
.smartlife .card-header[data-v-f50dfb45] .card-header__title {
  color: #fff;
}
.card-header[data-v-f50dfb45] .card-header__icon {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.card-header[data-v-f50dfb45] .card-header__icon [class^="icon-"] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .card-header[data-v-f50dfb45] .card-header__icon:hover {
    background-color: var(--color-200);
  }
}
.card-header.is-live[data-v-f50dfb45] .card-header__title {
  letter-spacing: normal;
  text-transform: none;
}
.card-header.card-perseus-header[data-v-f50dfb45] .card-header__animation {
  margin-left: -4px;
}
.light .card-header[data-v-f50dfb45] img.is-light {
  display: inline;
}
.light .card-header[data-v-f50dfb45] img.is-dark,
.dark .card-header[data-v-f50dfb45] img.is-light {
  display: none;
}
.dark .card-header[data-v-f50dfb45] img.is-dark {
  display: inline;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-42858f7a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-42858f7a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-42858f7a],
  .comment-reply-bubble[data-v-42858f7a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-42858f7a],
  .comment-reply-bubble[data-v-42858f7a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-42858f7a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-42858f7a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-42858f7a],
  .comment-title[data-v-42858f7a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-42858f7a],
  .comment-title[data-v-42858f7a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-42858f7a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-42858f7a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-42858f7a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-42858f7a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-42858f7a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-42858f7a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-42858f7a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-42858f7a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-42858f7a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-42858f7a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-42858f7a] {
  margin-bottom: 16px;
}
.comment-header[data-v-42858f7a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-42858f7a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-42858f7a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-42858f7a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-42858f7a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-42858f7a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-42858f7a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-42858f7a],
.comment-page .comment-header.is-sticky[data-v-42858f7a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-42858f7a] {
  animation: slideInDown-42858f7a 0.32s ease-in-out;
}
@keyframes slideInDown-42858f7a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-42858f7a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-42858f7a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-42858f7a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-42858f7a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-42858f7a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-42858f7a] {
  animation: slideOutUp-42858f7a 0.32s ease-in-out;
}
@keyframes slideOutUp-42858f7a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-42858f7a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-42858f7a] {
  margin-left: 8px;
}
.comment-title span[data-v-42858f7a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-42858f7a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-42858f7a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-42858f7a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-42858f7a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-42858f7a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-42858f7a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-42858f7a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-42858f7a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-42858f7a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-42858f7a],
.comment-page.post-fixed .comment-post-body[data-v-42858f7a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-42858f7a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-42858f7a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-42858f7a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-42858f7a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-42858f7a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-42858f7a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-42858f7a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-42858f7a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-42858f7a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-42858f7a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-42858f7a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-42858f7a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-42858f7a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-42858f7a],
.comment-page.post-fixed .comment-post-body.active[data-v-42858f7a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-42858f7a],
  .comment-page.post-fixed .comment-post-body.active[data-v-42858f7a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-42858f7a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-42858f7a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-42858f7a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-42858f7a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-42858f7a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-42858f7a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-42858f7a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-42858f7a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-42858f7a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-42858f7a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-42858f7a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-42858f7a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-42858f7a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-42858f7a]:focus,
.comment-input-field.textarea[data-v-42858f7a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-42858f7a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-42858f7a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-42858f7a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-42858f7a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-42858f7a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-42858f7a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-42858f7a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-42858f7a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-42858f7a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-42858f7a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-42858f7a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-42858f7a],
.comment-send-btn.disabled .icon-send[data-v-42858f7a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-42858f7a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-42858f7a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-42858f7a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-42858f7a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-42858f7a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-42858f7a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-42858f7a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-42858f7a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-42858f7a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-42858f7a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-42858f7a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-42858f7a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-42858f7a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-42858f7a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-42858f7a] {
  align-items: center;
  animation: blink-42858f7a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-42858f7a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-42858f7a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-42858f7a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-42858f7a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-42858f7a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-42858f7a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-42858f7a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-42858f7a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-42858f7a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-42858f7a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-42858f7a] {
  margin: 0 0 0 -8px;
}
.highlighted-news[data-v-42858f7a] {
  background-color: var(--highlighted-events-surface);
  margin-left: -16px;
  padding: 0 16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .highlighted-news[data-v-42858f7a] {
    margin-left: -32px;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
}
.highlighted-news[data-v-42858f7a] .card-header {
  background-color: initial;
  padding: 0;
}
@media (min-width: 1024px) {
  .highlighted-news[data-v-42858f7a] .card-header {
    height: 48px;
  }
}
.highlighted-news[data-v-42858f7a] .card-header .card-header__title {
  color: var(--highlighted-events-header);
  font-size: 0.75rem;
  letter-spacing: 1.73px;
}
@media (min-width: 1024px) {
  .highlighted-news[data-v-42858f7a] .card-header .card-header__title {
    font-size: 0.8125rem;
    letter-spacing: 1.87px;
  }
}
.highlighted-news[data-v-42858f7a] .card-divider {
  background-color: var(--highlighted-events-divider);
  margin: 0 auto 16px;
  width: 100%;
}
.highlighted-news-list-item[data-v-42858f7a] {
  padding-bottom: 12px;
  position: relative;
}
@media (min-width: 1024px) {
  .highlighted-news-list-item[data-v-42858f7a] {
    padding-bottom: 16px;
  }
}
.highlighted-news-list-item[data-v-42858f7a]:last-child {
  padding-bottom: 24px;
}
.highlighted-news-list-item[data-v-42858f7a] .card-divider {
  height: 100%;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 5px;
  width: 2px;
}
.highlighted-news-list-item[data-v-42858f7a]:before {
  align-items: center;
  background-color: var(--highlighted-events-bullet);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--highlighted-events-bullet-drop-shadow);
  content: "";
  display: flex;
  height: 4px;
  justify-content: center;
  left: -1px;
  position: absolute;
  top: 3px;
  width: 4px;
  z-index: 10;
}
@media (min-width: 1024px) {
  .highlighted-news-list-item:hover
    .highlighted-news-list-time[data-v-42858f7a] {
    color: var(--highlighted-events-timestamp-hover);
  }
  .highlighted-news-list-item:hover
    .highlighted-news-list-title[data-v-42858f7a] {
    text-decoration-color: var(--highlighted-events-title-hover);
  }
}
.highlighted-news-list-time[data-v-42858f7a] {
  color: var(--highlighted-events-timestamp);
  display: block;
  font-size: 0.625rem;
  margin-bottom: 4px;
  padding: 0 12px;
  transition: color 0.2s;
}
@supports (font-variation-settings: normal) {
  .highlighted-news-list-time[data-v-42858f7a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .highlighted-news-list-time[data-v-42858f7a] {
    font-weight: 600;
  }
}
.highlighted-news-list-title[data-v-42858f7a] {
  color: var(--highlighted-events-title);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 12px;
  text-decoration: underline;
  text-decoration-color: #0000;
  transition: -webkit-text-decoration 0.2s;
  transition: text-decoration 0.2s;
  transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
}
@supports (font-variation-settings: normal) {
  .highlighted-news-list-title[data-v-42858f7a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .highlighted-news-list-title[data-v-42858f7a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .highlighted-news-list-title[data-v-42858f7a] {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ef75b5d5] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ef75b5d5] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ef75b5d5],
  .comment-reply-bubble[data-v-ef75b5d5] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ef75b5d5],
  .comment-reply-bubble[data-v-ef75b5d5] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ef75b5d5] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ef75b5d5] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ef75b5d5],
  .comment-title[data-v-ef75b5d5] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ef75b5d5],
  .comment-title[data-v-ef75b5d5] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ef75b5d5] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ef75b5d5] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ef75b5d5] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ef75b5d5] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ef75b5d5] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ef75b5d5] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ef75b5d5] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ef75b5d5] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ef75b5d5] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ef75b5d5] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ef75b5d5] {
  margin-bottom: 16px;
}
.comment-header[data-v-ef75b5d5] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ef75b5d5] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ef75b5d5] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ef75b5d5] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ef75b5d5] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ef75b5d5] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ef75b5d5]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ef75b5d5],
.comment-page .comment-header.is-sticky[data-v-ef75b5d5] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ef75b5d5] {
  animation: slideInDown-ef75b5d5 0.32s ease-in-out;
}
@keyframes slideInDown-ef75b5d5 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ef75b5d5] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ef75b5d5] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ef75b5d5]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ef75b5d5]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ef75b5d5] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ef75b5d5] {
  animation: slideOutUp-ef75b5d5 0.32s ease-in-out;
}
@keyframes slideOutUp-ef75b5d5 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ef75b5d5] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ef75b5d5] {
  margin-left: 8px;
}
.comment-title span[data-v-ef75b5d5] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ef75b5d5] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ef75b5d5] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ef75b5d5] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ef75b5d5]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ef75b5d5] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ef75b5d5] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ef75b5d5] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ef75b5d5] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ef75b5d5] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ef75b5d5],
.comment-page.post-fixed .comment-post-body[data-v-ef75b5d5] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ef75b5d5] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ef75b5d5] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ef75b5d5] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ef75b5d5] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ef75b5d5] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ef75b5d5] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ef75b5d5] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ef75b5d5] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ef75b5d5] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ef75b5d5],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ef75b5d5] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ef75b5d5] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ef75b5d5] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ef75b5d5],
.comment-page.post-fixed .comment-post-body.active[data-v-ef75b5d5] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ef75b5d5],
  .comment-page.post-fixed .comment-post-body.active[data-v-ef75b5d5] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ef75b5d5],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ef75b5d5] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ef75b5d5] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ef75b5d5] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ef75b5d5] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ef75b5d5] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ef75b5d5] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ef75b5d5] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ef75b5d5] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ef75b5d5] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ef75b5d5] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ef75b5d5] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ef75b5d5]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ef75b5d5]:focus,
.comment-input-field.textarea[data-v-ef75b5d5]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ef75b5d5]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ef75b5d5] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ef75b5d5] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ef75b5d5] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ef75b5d5] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ef75b5d5] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ef75b5d5] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ef75b5d5] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ef75b5d5] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ef75b5d5]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ef75b5d5] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ef75b5d5],
.comment-send-btn.disabled .icon-send[data-v-ef75b5d5] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ef75b5d5]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ef75b5d5] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ef75b5d5] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ef75b5d5] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ef75b5d5] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ef75b5d5] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ef75b5d5] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ef75b5d5] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ef75b5d5] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ef75b5d5] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ef75b5d5] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ef75b5d5] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ef75b5d5] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ef75b5d5] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ef75b5d5] {
  align-items: center;
  animation: blink-ef75b5d5 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ef75b5d5 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ef75b5d5] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ef75b5d5] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ef75b5d5] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ef75b5d5] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ef75b5d5] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ef75b5d5] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ef75b5d5]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ef75b5d5] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ef75b5d5] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ef75b5d5] {
  margin: 0 0 0 -8px;
}
.custom-select[data-v-ef75b5d5] {
  align-self: auto;
  flex: 1 0 calc(50% - 4px);
  height: 32px;
  margin-left: 0;
  margin-right: 4px;
  outline: none;
  position: relative;
  text-align: left;
  width: auto;
}
@media (min-width: 1024px) {
  .custom-select[data-v-ef75b5d5] {
    flex: 0 1 142px;
    margin-left: 16px;
    margin-right: 0;
  }
}
.comment-page .custom-select[data-v-ef75b5d5],
.is-developing-story .custom-select[data-v-ef75b5d5] {
  flex: 0;
  margin-right: 0;
  width: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .comment-page .custom-select[data-v-ef75b5d5],
  .is-developing-story .custom-select[data-v-ef75b5d5] {
    flex: 0 1 138px;
    width: auto;
  }
}
.custom-select__selected[data-v-ef75b5d5] {
  background-color: var(--color-100);
  border-radius: 16px;
  color: var(--color-900);
  cursor: pointer;
  font-size: 0.8125rem;
  font-variation-settings: "wght" 600;
  height: 32px;
  line-height: 2rem;
  overflow: hidden;
  padding: 0 40px 0 12px;
  position: relative;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.comment-page .custom-select__selected[data-v-ef75b5d5],
.is-developing-story .custom-select__selected[data-v-ef75b5d5] {
  padding: 0;
  width: 32px;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected[data-v-ef75b5d5],
  .is-developing-story .custom-select__selected[data-v-ef75b5d5] {
    padding: 0 40px 0 12px;
    width: unset;
  }
}
.custom-select__selected[data-v-ef75b5d5]:after {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px;
  content: "";
  display: block;
  height: 32px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
.custom-select__selected.is-open[data-v-ef75b5d5],
.custom-select__selected[data-v-ef75b5d5]:hover {
  background-color: var(--color-200);
}
.custom-select__selected.is-open[data-v-ef75b5d5]:after,
.custom-select__selected[data-v-ef75b5d5]:hover:after {
  background-color: var(--color-100);
}
.comment-page .custom-select__selected-text[data-v-ef75b5d5],
.is-developing-story .custom-select__selected-text[data-v-ef75b5d5] {
  display: none;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected-text[data-v-ef75b5d5],
  .is-developing-story .custom-select__selected-text[data-v-ef75b5d5] {
    display: inline-block;
  }
}
.custom-select__icon[data-v-ef75b5d5] {
  color: var(--color-900);
  display: inline;
  font-size: 1rem;
  position: absolute;
  right: 8px;
  top: 1px;
  z-index: 10;
}
.custom-select__items[data-v-ef75b5d5] {
  background-color: var(--color-50);
  border-radius: 3px;
  box-shadow: var(--shadow-floating);
  padding: 4px 0;
  position: absolute;
  right: 0;
  top: 36px;
  z-index: 11;
}
.comment-page .custom-select__items[data-v-ef75b5d5],
.is-developing-story .custom-select__items[data-v-ef75b5d5] {
  width: 125px;
}
.custom-select__items.is-hidden[data-v-ef75b5d5] {
  display: none;
}
.custom-select__item[data-v-ef75b5d5] {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
.custom-select__item.active[data-v-ef75b5d5] {
  background-color: initial;
}
.custom-select__item.active p[data-v-ef75b5d5] {
  pointer-events: none;
}
.custom-select__item.active p span[data-v-ef75b5d5] {
  color: var(--color-900);
}
.custom-select__item.active i[data-v-ef75b5d5] {
  visibility: visible;
}
.custom-select__item .nuxt-link[data-v-ef75b5d5],
.custom-select__item p[data-v-ef75b5d5] {
  color: var(--color-600);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 8px 8px 8px 12px;
}
.custom-select__item .nuxt-link[data-v-ef75b5d5]:hover,
.custom-select__item p[data-v-ef75b5d5]:hover {
  background-color: var(--color-100);
  color: var(--color-900);
}
.custom-select__item i[data-v-ef75b5d5] {
  color: var(--color);
  font-size: 1rem;
  margin: 0 0 0 4px;
  position: relative;
  visibility: hidden;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-306f121b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-306f121b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-306f121b],
  .comment-reply-bubble[data-v-306f121b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-306f121b],
  .comment-reply-bubble[data-v-306f121b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-306f121b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-306f121b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-306f121b],
  .comment-title[data-v-306f121b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-306f121b],
  .comment-title[data-v-306f121b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-306f121b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-306f121b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-306f121b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-306f121b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-306f121b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-306f121b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-306f121b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-306f121b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-306f121b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-306f121b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-306f121b] {
  margin-bottom: 16px;
}
.comment-header[data-v-306f121b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-306f121b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-306f121b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-306f121b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-306f121b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-306f121b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-306f121b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-306f121b],
.comment-page .comment-header.is-sticky[data-v-306f121b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-306f121b] {
  animation: slideInDown-306f121b 0.32s ease-in-out;
}
@keyframes slideInDown-306f121b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-306f121b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-306f121b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-306f121b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-306f121b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-306f121b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-306f121b] {
  animation: slideOutUp-306f121b 0.32s ease-in-out;
}
@keyframes slideOutUp-306f121b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-306f121b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-306f121b] {
  margin-left: 8px;
}
.comment-title span[data-v-306f121b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-306f121b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-306f121b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-306f121b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-306f121b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-306f121b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-306f121b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-306f121b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-306f121b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-306f121b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-306f121b],
.comment-page.post-fixed .comment-post-body[data-v-306f121b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-306f121b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-306f121b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-306f121b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-306f121b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-306f121b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-306f121b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-306f121b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-306f121b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-306f121b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-306f121b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-306f121b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-306f121b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-306f121b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-306f121b],
.comment-page.post-fixed .comment-post-body.active[data-v-306f121b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-306f121b],
  .comment-page.post-fixed .comment-post-body.active[data-v-306f121b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-306f121b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-306f121b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-306f121b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-306f121b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-306f121b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-306f121b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-306f121b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-306f121b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-306f121b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-306f121b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-306f121b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-306f121b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-306f121b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-306f121b]:focus,
.comment-input-field.textarea[data-v-306f121b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-306f121b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-306f121b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-306f121b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-306f121b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-306f121b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-306f121b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-306f121b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-306f121b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-306f121b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-306f121b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-306f121b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-306f121b],
.comment-send-btn.disabled .icon-send[data-v-306f121b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-306f121b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-306f121b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-306f121b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-306f121b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-306f121b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-306f121b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-306f121b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-306f121b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-306f121b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-306f121b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-306f121b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-306f121b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-306f121b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-306f121b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-306f121b] {
  align-items: center;
  animation: blink-306f121b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-306f121b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-306f121b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-306f121b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-306f121b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-306f121b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-306f121b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-306f121b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-306f121b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-306f121b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-306f121b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-306f121b] {
  margin: 0 0 0 -8px;
}
.article-about[data-v-306f121b] {
  background-color: var(--color-100);
  margin-bottom: 20px;
  margin-left: -16px;
  padding: 1px 16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .article-about[data-v-306f121b] {
    margin-bottom: 24px;
    margin-left: -32px;
    padding: 2px 16px;
    width: calc(100% + 64px);
  }
}
.article-about-text[data-v-306f121b] {
  color: var(--color-900);
  font-size: 0.6875rem;
  line-height: 1.375rem;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .article-about-text[data-v-306f121b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-about-text[data-v-306f121b] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-about-text[data-v-306f121b] {
    font-size: 0.8125rem;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-6c51ef4a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-6c51ef4a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-6c51ef4a],
  .comment-reply-bubble[data-v-6c51ef4a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-6c51ef4a],
  .comment-reply-bubble[data-v-6c51ef4a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6c51ef4a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6c51ef4a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6c51ef4a],
  .comment-title[data-v-6c51ef4a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6c51ef4a],
  .comment-title[data-v-6c51ef4a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-6c51ef4a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-6c51ef4a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-6c51ef4a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-6c51ef4a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-6c51ef4a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-6c51ef4a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-6c51ef4a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-6c51ef4a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-6c51ef4a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-6c51ef4a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-6c51ef4a] {
  margin-bottom: 16px;
}
.comment-header[data-v-6c51ef4a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-6c51ef4a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-6c51ef4a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-6c51ef4a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-6c51ef4a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-6c51ef4a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-6c51ef4a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-6c51ef4a],
.comment-page .comment-header.is-sticky[data-v-6c51ef4a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-6c51ef4a] {
  animation: slideInDown-6c51ef4a 0.32s ease-in-out;
}
@keyframes slideInDown-6c51ef4a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6c51ef4a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6c51ef4a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6c51ef4a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6c51ef4a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6c51ef4a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-6c51ef4a] {
  animation: slideOutUp-6c51ef4a 0.32s ease-in-out;
}
@keyframes slideOutUp-6c51ef4a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-6c51ef4a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-6c51ef4a] {
  margin-left: 8px;
}
.comment-title span[data-v-6c51ef4a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-6c51ef4a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-6c51ef4a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-6c51ef4a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-6c51ef4a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-6c51ef4a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-6c51ef4a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-6c51ef4a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-6c51ef4a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-6c51ef4a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-6c51ef4a],
.comment-page.post-fixed .comment-post-body[data-v-6c51ef4a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-6c51ef4a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-6c51ef4a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-6c51ef4a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-6c51ef4a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-6c51ef4a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-6c51ef4a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-6c51ef4a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-6c51ef4a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-6c51ef4a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-6c51ef4a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-6c51ef4a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-6c51ef4a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-6c51ef4a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-6c51ef4a],
.comment-page.post-fixed .comment-post-body.active[data-v-6c51ef4a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-6c51ef4a],
  .comment-page.post-fixed .comment-post-body.active[data-v-6c51ef4a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-6c51ef4a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-6c51ef4a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-6c51ef4a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-6c51ef4a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-6c51ef4a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-6c51ef4a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-6c51ef4a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-6c51ef4a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-6c51ef4a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-6c51ef4a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-6c51ef4a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6c51ef4a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-6c51ef4a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-6c51ef4a]:focus,
.comment-input-field.textarea[data-v-6c51ef4a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6c51ef4a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-6c51ef4a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-6c51ef4a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6c51ef4a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-6c51ef4a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6c51ef4a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6c51ef4a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-6c51ef4a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-6c51ef4a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6c51ef4a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-6c51ef4a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-6c51ef4a],
.comment-send-btn.disabled .icon-send[data-v-6c51ef4a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-6c51ef4a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-6c51ef4a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-6c51ef4a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-6c51ef4a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-6c51ef4a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-6c51ef4a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-6c51ef4a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-6c51ef4a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-6c51ef4a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-6c51ef4a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-6c51ef4a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-6c51ef4a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-6c51ef4a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-6c51ef4a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-6c51ef4a] {
  align-items: center;
  animation: blink-6c51ef4a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-6c51ef4a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-6c51ef4a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-6c51ef4a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-6c51ef4a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-6c51ef4a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-6c51ef4a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-6c51ef4a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-6c51ef4a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-6c51ef4a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-6c51ef4a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-6c51ef4a] {
  margin: 0 0 0 -8px;
}
.custom-checkbox[data-v-6c51ef4a] {
  align-items: center;
  background-color: var(--accent-secondary);
  border-radius: 10px;
  display: flex;
  height: 20px;
  justify-content: space-between;
  padding: 2px 4px 2px 2px;
  position: relative;
  width: 36px;
}
.custom-checkbox.isActive[data-v-6c51ef4a] {
  background-color: #de314e;
}
.custom-checkbox-input[data-v-6c51ef4a] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.custom-checkbox .toggle-ball[data-v-6c51ef4a] {
  background-color: var(--color-light-50);
  border-radius: 50%;
  height: 12px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: all 0.2s;
  width: 12px;
}
.custom-checkbox .toggle-ball.isActive[data-v-6c51ef4a] {
  left: calc(100% - 16px);
}
.custom-checkbox .icon-checkmark--small-custom[data-v-6c51ef4a],
.custom-checkbox .icon-close[data-v-6c51ef4a] {
  color: var(--color-light-50);
  font-size: 16px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-24a09edc] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-24a09edc] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-24a09edc],
  .comment-reply-bubble[data-v-24a09edc] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-24a09edc],
  .comment-reply-bubble[data-v-24a09edc] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-24a09edc] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-24a09edc] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-24a09edc],
  .comment-title[data-v-24a09edc] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-24a09edc],
  .comment-title[data-v-24a09edc] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-24a09edc] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-24a09edc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-24a09edc] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-24a09edc] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-24a09edc] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-24a09edc] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-24a09edc] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-24a09edc] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-24a09edc] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-24a09edc] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-24a09edc] {
  margin-bottom: 16px;
}
.comment-header[data-v-24a09edc] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-24a09edc] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-24a09edc] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-24a09edc] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-24a09edc] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-24a09edc] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-24a09edc]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-24a09edc],
.comment-page .comment-header.is-sticky[data-v-24a09edc] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-24a09edc] {
  animation: slideInDown-24a09edc 0.32s ease-in-out;
}
@keyframes slideInDown-24a09edc {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-24a09edc] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-24a09edc] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-24a09edc]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-24a09edc]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-24a09edc] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-24a09edc] {
  animation: slideOutUp-24a09edc 0.32s ease-in-out;
}
@keyframes slideOutUp-24a09edc {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-24a09edc] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-24a09edc] {
  margin-left: 8px;
}
.comment-title span[data-v-24a09edc] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-24a09edc] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-24a09edc] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-24a09edc] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-24a09edc]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-24a09edc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-24a09edc] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-24a09edc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-24a09edc] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-24a09edc] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-24a09edc],
.comment-page.post-fixed .comment-post-body[data-v-24a09edc] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-24a09edc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-24a09edc] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-24a09edc] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-24a09edc] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-24a09edc] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-24a09edc] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-24a09edc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-24a09edc] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-24a09edc] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-24a09edc],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-24a09edc] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-24a09edc] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-24a09edc] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-24a09edc],
.comment-page.post-fixed .comment-post-body.active[data-v-24a09edc] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-24a09edc],
  .comment-page.post-fixed .comment-post-body.active[data-v-24a09edc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-24a09edc],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-24a09edc] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-24a09edc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-24a09edc] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-24a09edc] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-24a09edc] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-24a09edc] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-24a09edc] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-24a09edc] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-24a09edc] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-24a09edc] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-24a09edc] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-24a09edc]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-24a09edc]:focus,
.comment-input-field.textarea[data-v-24a09edc]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-24a09edc]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-24a09edc] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-24a09edc] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-24a09edc] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-24a09edc] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-24a09edc] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-24a09edc] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-24a09edc] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-24a09edc] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-24a09edc]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-24a09edc] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-24a09edc],
.comment-send-btn.disabled .icon-send[data-v-24a09edc] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-24a09edc]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-24a09edc] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-24a09edc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-24a09edc] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-24a09edc] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-24a09edc] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-24a09edc] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-24a09edc] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-24a09edc] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-24a09edc] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-24a09edc] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-24a09edc] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-24a09edc] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-24a09edc] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-24a09edc] {
  align-items: center;
  animation: blink-24a09edc 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-24a09edc {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-24a09edc] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-24a09edc] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-24a09edc] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-24a09edc] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-24a09edc] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-24a09edc] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-24a09edc]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-24a09edc] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-24a09edc] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-24a09edc] {
  margin: 0 0 0 -8px;
}
.highlighted-news-toggle[data-v-24a09edc] {
  align-items: center;
  background-color: var(--accent);
  display: flex;
  justify-content: space-between;
  margin-left: -16px;
  min-height: 48px;
  padding: 0 16px;
  position: sticky;
  top: 96px;
  width: calc(100% + 32px);
  z-index: 2;
}
@media (min-width: 1024px) {
  .highlighted-news-toggle[data-v-24a09edc] {
    margin-left: -32px;
    min-height: 56px;
    padding: 0 32px 0 20px;
    top: 56px;
    width: calc(100% + 64px);
  }
}
.highlighted-news-toggle.is-sticky[data-v-24a09edc]:before {
  background-color: var(--surface);
  content: "";
  height: 4px;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -4px;
  width: calc(100% + 4px);
}
@media (min-width: 1024px) {
  .page-has-submenu .highlighted-news-toggle[data-v-24a09edc] {
    top: 104px;
  }
}
.highlighted-news-toggle-wrapper[data-v-24a09edc] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.highlighted-news-toggle-label[data-v-24a09edc] {
  color: var(--color-light-50);
  font-size: 0.8125rem;
  margin-right: 8px;
}
@supports (font-variation-settings: normal) {
  .highlighted-news-toggle-label[data-v-24a09edc] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .highlighted-news-toggle-label[data-v-24a09edc] {
    font-weight: 500;
  }
}
.highlighted-news-toggle-title[data-v-24a09edc] {
  color: var(--color-light-50);
  font-size: 1rem;
  font-variation-settings: "wght" 900;
  font-weight: 900;
  text-transform: uppercase;
}
.highlighted-news-toggle[data-v-24a09edc] .card-label-wrap {
  background-color: var(--accent);
  color: var(--live-label-text);
  margin: 0;
  overflow: visible;
  padding: 5px 5px 5px 24px !important;
  position: relative;
}
.highlighted-news-toggle[data-v-24a09edc] .card-label-wrap .label-text {
  font-size: 1rem;
  letter-spacing: 1.42px;
  line-height: 1.25rem;
  margin-left: 4px;
  text-transform: uppercase;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .highlighted-news-toggle[data-v-24a09edc] .card-label-wrap .label-text {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .highlighted-news-toggle[data-v-24a09edc] .card-label-wrap .label-text {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .highlighted-news-toggle[data-v-24a09edc] .card-label-wrap .label-text {
    margin-left: 12px;
  }
}
.highlighted-news-toggle[data-v-24a09edc] .card-label__animation {
  height: 24px;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 2px;
  width: 24px;
}
.highlighted-news-toggle[data-v-24a09edc]
  .card-label__animation
  :deep(.circle) {
  border-radius: 50%;
  height: 32px;
  left: -4px;
  opacity: 0;
  position: absolute;
  top: -4px;
  width: 32px;
}
.highlighted-news-toggle[data-v-24a09edc] .custom-checkbox {
  background-color: var(--highlighted-events-toggle-surface);
}
.highlighted-news-toggle[data-v-24a09edc] .custom-checkbox.isActive {
  background-color: var(--highlighted-events-toggle-surface-active);
}
.developing-story-authors-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
@media (min-width: 1024px) {
  .developing-story-authors-wrapper {
    margin: 24px 0;
    padding: 0 24px;
  }
}
.developing-story-authors-wrapper .article-author {
  padding: 0 !important;
}
.developing-story-authors-wrapper .article-author.isLast {
  margin-right: 16px;
}
.developing-story-authors-wrapper .author {
  margin: 0;
}
.developing-story-authors-wrapper .article-last-edit,
.developing-story-authors-wrapper .comma-separator {
  color: var(--article-intro-comma-timestamp);
}
.developing-story-authors-wrapper .article-last-edit {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 1.375rem;
}
@media (min-width: 1024px) {
  .developing-story-authors-wrapper .article-last-edit {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }
}
.article-navigation-header {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  scroll-margin-top: 144px;
}
@media (min-width: 1024px) {
  .article-navigation-header {
    margin: 0 auto;
    scroll-margin-top: 152px;
    width: 100%;
  }
}
.article-navigation-header-headline {
  font-size: 0.75rem;
  letter-spacing: 1.73px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .article-navigation-header-headline {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-navigation-header-headline {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-navigation-header-headline {
    font-size: 0.8125rem;
    letter-spacing: 1.87px;
  }
}
.story-update + .related-news__wrap {
  margin-top: 20px !important;
}
@media (min-width: 1024px) {
  .story-update + .related-news__wrap {
    margin-top: 24px !important;
  }
}
@supports (font-variation-settings: normal) {
  .article-below .article-lead,
  .article-main .article-lead {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below .article-lead,
  .article-main .article-lead {
    font-weight: 600;
  }
}
.article-below,
.article-main {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .article-below,
  .article-main {
    flex-direction: row;
    max-width: unset;
    width: 100%;
  }
}
.article-below :deep(.article-content),
.article-main :deep(.article-content) {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 0 16px;
}
@media (min-width: 429px) {
  .article-below :deep(.article-content),
  .article-main :deep(.article-content) {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content),
  .article-main :deep(.article-content) {
    flex-basis: 100%;
    margin-right: 4px;
    max-width: 704px;
    padding: 0 32px;
  }
}
.article-below :deep(.article-content).full-width,
.article-main :deep(.article-content).full-width {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).full-width,
  .article-main :deep(.article-content).full-width {
    margin-right: 0;
    max-width: unset;
    padding-top: 8px;
  }
}
.article-below :deep(.article-content).full-width.all-comments-page,
.article-main :deep(.article-content).full-width.all-comments-page {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).full-width.all-comments-page,
  .article-main :deep(.article-content).full-width.all-comments-page {
    padding-top: 20px;
  }
}
.article-below
  :deep(.article-content).full-width.all-comments-page
  .article-header,
.article-main
  :deep(.article-content).full-width.all-comments-page
  .article-header {
  order: unset;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).full-width .article-tags,
  .article-main :deep(.article-content).full-width .article-tags {
    height: auto;
    margin: 0 auto 16px;
    max-width: 640px;
    overflow-x: unset;
  }
}
.has-gallery-full-screen-active .article-below :deep(.article-content),
.has-gallery-full-screen-active .article-main :deep(.article-content) {
  position: relative;
  z-index: 10000;
}
.article-below :deep(.article-content) .storytelling,
.article-main :deep(.article-content) .storytelling {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content) .storytelling,
  .article-main :deep(.article-content) .storytelling {
    margin: 0 auto;
    max-width: 640px;
  }
}
.article-below :deep(.article-content) .storytelling .article-big-image,
.article-main :deep(.article-content) .storytelling .article-big-image {
  order: 1;
}
.article-below :deep(.article-content) .storytelling .article-header,
.article-main :deep(.article-content) .storytelling .article-header {
  order: 2;
}
.article-below :deep(.article-content) .storytelling .article-body,
.article-main :deep(.article-content) .storytelling .article-body {
  order: 3;
}
.article-below :deep(.article-content) .gallerystory,
.article-main :deep(.article-content) .gallerystory {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content) .gallerystory,
  .article-main :deep(.article-content) .gallerystory {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).is-storytelling,
  .article-main :deep(.article-content).is-storytelling {
    margin: 4px auto;
    max-width: unset;
    width: 1008px;
  }
}
.article-below :deep(.article-content).is-storytelling .card-engagement-bar,
.article-main :deep(.article-content).is-storytelling .card-engagement-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).is-storytelling iframe,
  .article-main :deep(.article-content).is-storytelling iframe {
    max-width: 656px;
  }
}
.article-below :deep(.article-content).is-staticpage,
.article-main :deep(.article-content).is-staticpage {
  padding: 20px 16px 1px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).is-staticpage,
  .article-main :deep(.article-content).is-staticpage {
    margin: 4px auto;
    max-width: unset;
    padding: 24px 208px;
    width: 1024px;
  }
}
.article-below :deep(.article-content).is-staticpage .static-title,
.article-main :deep(.article-content).is-staticpage .static-title {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).is-staticpage .static-title,
  .article-main :deep(.article-content).is-staticpage .static-title {
    font-size: 2.4375rem;
    line-height: 3rem;
    padding: 0 24px;
  }
}
.article-below :deep(.article-content) .is-how-to .textline h2,
.article-main :deep(.article-content) .is-how-to .textline h2 {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 0;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-content) .is-how-to .textline h2,
  .article-main :deep(.article-content) .is-how-to .textline h2 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-content) .is-how-to .textline h2,
  .article-main :deep(.article-content) .is-how-to .textline h2 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content) .is-how-to .textline h2,
  .article-main :deep(.article-content) .is-how-to .textline h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below :deep(.article-content).all-comments-page,
.article-main :deep(.article-content).all-comments-page {
  position: relative;
  z-index: 11;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).all-comments-page,
  .article-main :deep(.article-content).all-comments-page {
    background-color: unset;
    box-shadow: unset;
    margin-bottom: 4px;
    padding: 0;
  }
}
.article-below :deep(.article-content).all-comments-page .gallerystory,
.article-main :deep(.article-content).all-comments-page .gallerystory {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).all-comments-page .is-comments-page,
  .article-main :deep(.article-content).all-comments-page .is-comments-page {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-content).all-comments-page.is-storytelling,
  .article-main :deep(.article-content).all-comments-page.is-storytelling {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below
    :deep(.article-content).all-comments-page.is-storytelling
    .full-width,
  .article-main
    :deep(.article-content).all-comments-page.is-storytelling
    .full-width {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below
    :deep(.article-content).all-comments-page.is-storytelling
    .is-comments-page,
  .article-main
    :deep(.article-content).all-comments-page.is-storytelling
    .is-comments-page {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
  }
}
.article-below :deep(.article-sidebar),
.article-main :deep(.article-sidebar) {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-sidebar),
  .article-main :deep(.article-sidebar) {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 316px;
    position: relative;
    width: 316px;
    z-index: 1;
  }
}
.article-below :deep(.article-divider),
.article-main :deep(.article-divider) {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  width: 100%;
}
.article-below :deep(.article-image) img,
.article-main :deep(.article-image) img {
  display: block;
  width: 100%;
}
.article-below .article-lead,
.article-main .article-lead {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-below .article-lead,
  .article-main .article-lead {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.article-below :deep(.article-factbox) h2,
.article-below :deep(.article-factbox-quotes) h2,
.article-below :deep(.article-rte) h2,
.article-main :deep(.article-factbox) h2,
.article-main :deep(.article-factbox-quotes) h2,
.article-main :deep(.article-rte) h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h2,
  .article-below :deep(.article-factbox-quotes) h2,
  .article-below :deep(.article-rte) h2,
  .article-main :deep(.article-factbox) h2,
  .article-main :deep(.article-factbox-quotes) h2,
  .article-main :deep(.article-rte) h2 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h2,
  .article-below :deep(.article-factbox-quotes) h2,
  .article-below :deep(.article-rte) h2,
  .article-main :deep(.article-factbox) h2,
  .article-main :deep(.article-factbox-quotes) h2,
  .article-main :deep(.article-rte) h2 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) h2,
  .article-below :deep(.article-factbox-quotes) h2,
  .article-below :deep(.article-rte) h2,
  .article-main :deep(.article-factbox) h2,
  .article-main :deep(.article-factbox-quotes) h2,
  .article-main :deep(.article-rte) h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below :deep(.article-factbox) h3,
.article-below :deep(.article-factbox-quotes) h3,
.article-below :deep(.article-rte) h3,
.article-main :deep(.article-factbox) h3,
.article-main :deep(.article-factbox-quotes) h3,
.article-main :deep(.article-rte) h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h3,
  .article-below :deep(.article-factbox-quotes) h3,
  .article-below :deep(.article-rte) h3,
  .article-main :deep(.article-factbox) h3,
  .article-main :deep(.article-factbox-quotes) h3,
  .article-main :deep(.article-rte) h3 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h3,
  .article-below :deep(.article-factbox-quotes) h3,
  .article-below :deep(.article-rte) h3,
  .article-main :deep(.article-factbox) h3,
  .article-main :deep(.article-factbox-quotes) h3,
  .article-main :deep(.article-rte) h3 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) h3,
  .article-below :deep(.article-factbox-quotes) h3,
  .article-below :deep(.article-rte) h3,
  .article-main :deep(.article-factbox) h3,
  .article-main :deep(.article-factbox-quotes) h3,
  .article-main :deep(.article-rte) h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.article-below :deep(.article-factbox) h4,
.article-below :deep(.article-factbox-quotes) h4,
.article-below :deep(.article-rte) h4,
.article-main :deep(.article-factbox) h4,
.article-main :deep(.article-factbox-quotes) h4,
.article-main :deep(.article-rte) h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h4,
  .article-below :deep(.article-factbox-quotes) h4,
  .article-below :deep(.article-rte) h4,
  .article-main :deep(.article-factbox) h4,
  .article-main :deep(.article-factbox-quotes) h4,
  .article-main :deep(.article-rte) h4 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h4,
  .article-below :deep(.article-factbox-quotes) h4,
  .article-below :deep(.article-rte) h4,
  .article-main :deep(.article-factbox) h4,
  .article-main :deep(.article-factbox-quotes) h4,
  .article-main :deep(.article-rte) h4 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) h4,
  .article-below :deep(.article-factbox-quotes) h4,
  .article-below :deep(.article-rte) h4,
  .article-main :deep(.article-factbox) h4,
  .article-main :deep(.article-factbox-quotes) h4,
  .article-main :deep(.article-rte) h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.article-below :deep(.article-factbox) h5,
.article-below :deep(.article-factbox-quotes) h5,
.article-below :deep(.article-rte) h5,
.article-main :deep(.article-factbox) h5,
.article-main :deep(.article-factbox-quotes) h5,
.article-main :deep(.article-rte) h5 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h5,
  .article-below :deep(.article-factbox-quotes) h5,
  .article-below :deep(.article-rte) h5,
  .article-main :deep(.article-factbox) h5,
  .article-main :deep(.article-factbox-quotes) h5,
  .article-main :deep(.article-rte) h5 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) h5,
  .article-below :deep(.article-factbox-quotes) h5,
  .article-below :deep(.article-rte) h5,
  .article-main :deep(.article-factbox) h5,
  .article-main :deep(.article-factbox-quotes) h5,
  .article-main :deep(.article-rte) h5 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) h5,
  .article-below :deep(.article-factbox-quotes) h5,
  .article-below :deep(.article-rte) h5,
  .article-main :deep(.article-factbox) h5,
  .article-main :deep(.article-factbox-quotes) h5,
  .article-main :deep(.article-rte) h5 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.article-below :deep(.article-factbox) em,
.article-below :deep(.article-factbox) em strong,
.article-below :deep(.article-factbox-quotes) em,
.article-below :deep(.article-factbox-quotes) em strong,
.article-below :deep(.article-rte) em,
.article-below :deep(.article-rte) em strong,
.article-main :deep(.article-factbox) em,
.article-main :deep(.article-factbox) em strong,
.article-main :deep(.article-factbox-quotes) em,
.article-main :deep(.article-factbox-quotes) em strong,
.article-main :deep(.article-rte) em,
.article-main :deep(.article-rte) em strong {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) strong,
  .article-below :deep(.article-factbox-quotes) strong,
  .article-below :deep(.article-rte) strong,
  .article-main :deep(.article-factbox) strong,
  .article-main :deep(.article-factbox-quotes) strong,
  .article-main :deep(.article-rte) strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) strong,
  .article-below :deep(.article-factbox-quotes) strong,
  .article-below :deep(.article-rte) strong,
  .article-main :deep(.article-factbox) strong,
  .article-main :deep(.article-factbox-quotes) strong,
  .article-main :deep(.article-rte) strong {
    font-weight: 700;
  }
}
.article-below :deep(.article-factbox) a,
.article-below :deep(.article-factbox-quotes) a,
.article-below :deep(.article-rte) a,
.article-main :deep(.article-factbox) a,
.article-main :deep(.article-factbox-quotes) a,
.article-main :deep(.article-rte) a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) a:hover,
  .article-below :deep(.article-factbox-quotes) a:hover,
  .article-below :deep(.article-rte) a:hover,
  .article-main :deep(.article-factbox) a:hover,
  .article-main :deep(.article-factbox-quotes) a:hover,
  .article-main :deep(.article-rte) a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.article-below :deep(.article-factbox) a:hover,
.article-below :deep(.article-factbox-quotes) a:hover,
.article-below :deep(.article-rte) a:hover,
.article-main :deep(.article-factbox) a:hover,
.article-main :deep(.article-factbox-quotes) a:hover,
.article-main :deep(.article-rte) a:hover {
  color: var(--accent-hover);
}
.article-below :deep(.article-factbox) a:after,
.article-below :deep(.article-factbox-quotes) a:after,
.article-below :deep(.article-rte) a:after,
.article-main :deep(.article-factbox) a:after,
.article-main :deep(.article-factbox-quotes) a:after,
.article-main :deep(.article-rte) a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-below :deep(.article-factbox) a[href^="https://www.kurir.rs"]:after,.article-below :deep(.article-factbox-quotes) a[href^="https://www.kurir.rs"]:after,.article-below :deep(.article-rte) a[href^="https://www.kurir.rs"]:after,.article-main :deep(.article-factbox) a[href^="https://www.kurir.rs"]:after,.article-main :deep(.article-factbox-quotes) a[href^="https://www.kurir.rs"]:after,.article-main :deep(.article-rte) a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.article-below :deep(.article-factbox) ol,
.article-below :deep(.article-factbox) ul,
.article-below :deep(.article-factbox-quotes) ol,
.article-below :deep(.article-factbox-quotes) ul,
.article-below :deep(.article-rte) ol,
.article-below :deep(.article-rte) ul,
.article-main :deep(.article-factbox) ol,
.article-main :deep(.article-factbox) ul,
.article-main :deep(.article-factbox-quotes) ol,
.article-main :deep(.article-factbox-quotes) ul,
.article-main :deep(.article-rte) ol,
.article-main :deep(.article-rte) ul {
  list-style-position: inside;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) ol,
  .article-below :deep(.article-factbox) ul,
  .article-below :deep(.article-factbox-quotes) ol,
  .article-below :deep(.article-factbox-quotes) ul,
  .article-below :deep(.article-rte) ol,
  .article-below :deep(.article-rte) ul,
  .article-main :deep(.article-factbox) ol,
  .article-main :deep(.article-factbox) ul,
  .article-main :deep(.article-factbox-quotes) ol,
  .article-main :deep(.article-factbox-quotes) ul,
  .article-main :deep(.article-rte) ol,
  .article-main :deep(.article-rte) ul {
    margin-bottom: 24px;
  }
}
.article-below :deep(.article-factbox) ol li,
.article-below :deep(.article-factbox) ul li,
.article-below :deep(.article-factbox-quotes) ol li,
.article-below :deep(.article-factbox-quotes) ul li,
.article-below :deep(.article-rte) ol li,
.article-below :deep(.article-rte) ul li,
.article-main :deep(.article-factbox) ol li,
.article-main :deep(.article-factbox) ul li,
.article-main :deep(.article-factbox-quotes) ol li,
.article-main :deep(.article-factbox-quotes) ul li,
.article-main :deep(.article-rte) ol li,
.article-main :deep(.article-rte) ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.article-below :deep(.article-factbox) ol li:last-of-type,
.article-below :deep(.article-factbox) ul li:last-of-type,
.article-below :deep(.article-factbox-quotes) ol li:last-of-type,
.article-below :deep(.article-factbox-quotes) ul li:last-of-type,
.article-below :deep(.article-rte) ol li:last-of-type,
.article-below :deep(.article-rte) ul li:last-of-type,
.article-main :deep(.article-factbox) ol li:last-of-type,
.article-main :deep(.article-factbox) ul li:last-of-type,
.article-main :deep(.article-factbox-quotes) ol li:last-of-type,
.article-main :deep(.article-factbox-quotes) ul li:last-of-type,
.article-main :deep(.article-rte) ol li:last-of-type,
.article-main :deep(.article-rte) ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) ol li,
  .article-below :deep(.article-factbox) ul li,
  .article-below :deep(.article-factbox-quotes) ol li,
  .article-below :deep(.article-factbox-quotes) ul li,
  .article-below :deep(.article-rte) ol li,
  .article-below :deep(.article-rte) ul li,
  .article-main :deep(.article-factbox) ol li,
  .article-main :deep(.article-factbox) ul li,
  .article-main :deep(.article-factbox-quotes) ol li,
  .article-main :deep(.article-factbox-quotes) ul li,
  .article-main :deep(.article-rte) ol li,
  .article-main :deep(.article-rte) ul li {
    margin-left: 34px;
  }
}
.article-below :deep(.article-factbox) ol,
.article-below :deep(.article-factbox-quotes) ol,
.article-below :deep(.article-rte) ol,
.article-main :deep(.article-factbox) ol,
.article-main :deep(.article-factbox-quotes) ol,
.article-main :deep(.article-rte) ol {
  counter-reset: item;
}
.article-below :deep(.article-factbox) ol li:before,
.article-below :deep(.article-factbox-quotes) ol li:before,
.article-below :deep(.article-rte) ol li:before,
.article-main :deep(.article-factbox) ol li:before,
.article-main :deep(.article-factbox-quotes) ol li:before,
.article-main :deep(.article-rte) ol li:before {
  color: var(--article-factbox-accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) ol li:before,
  .article-below :deep(.article-factbox-quotes) ol li:before,
  .article-below :deep(.article-rte) ol li:before,
  .article-main :deep(.article-factbox) ol li:before,
  .article-main :deep(.article-factbox-quotes) ol li:before,
  .article-main :deep(.article-rte) ol li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) ol li:before,
  .article-below :deep(.article-factbox-quotes) ol li:before,
  .article-below :deep(.article-rte) ol li:before,
  .article-main :deep(.article-factbox) ol li:before,
  .article-main :deep(.article-factbox-quotes) ol li:before,
  .article-main :deep(.article-rte) ol li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) ol li:before,
  .article-below :deep(.article-factbox-quotes) ol li:before,
  .article-below :deep(.article-rte) ol li:before,
  .article-main :deep(.article-factbox) ol li:before,
  .article-main :deep(.article-factbox-quotes) ol li:before,
  .article-main :deep(.article-rte) ol li:before {
    left: -34px;
  }
}
.article-below :deep(.article-factbox) ul li:before,
.article-below :deep(.article-factbox-quotes) ul li:before,
.article-below :deep(.article-rte) ul li:before,
.article-main :deep(.article-factbox) ul li:before,
.article-main :deep(.article-factbox-quotes) ul li:before,
.article-main :deep(.article-rte) ul li:before {
  color: var(--article-factbox-accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) ul li:before,
  .article-below :deep(.article-factbox-quotes) ul li:before,
  .article-below :deep(.article-rte) ul li:before,
  .article-main :deep(.article-factbox) ul li:before,
  .article-main :deep(.article-factbox-quotes) ul li:before,
  .article-main :deep(.article-rte) ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) ul li:before,
  .article-below :deep(.article-factbox-quotes) ul li:before,
  .article-below :deep(.article-rte) ul li:before,
  .article-main :deep(.article-factbox) ul li:before,
  .article-main :deep(.article-factbox-quotes) ul li:before,
  .article-main :deep(.article-rte) ul li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) ul li:before,
  .article-below :deep(.article-factbox-quotes) ul li:before,
  .article-below :deep(.article-rte) ul li:before,
  .article-main :deep(.article-factbox) ul li:before,
  .article-main :deep(.article-factbox-quotes) ul li:before,
  .article-main :deep(.article-rte) ul li:before {
    left: -34px;
  }
}
.article-below :deep(.article-factbox) iframe,
.article-below :deep(.article-factbox-quotes) iframe,
.article-below :deep(.article-rte) iframe,
.article-main :deep(.article-factbox) iframe,
.article-main :deep(.article-factbox-quotes) iframe,
.article-main :deep(.article-rte) iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) iframe,
  .article-below :deep(.article-factbox-quotes) iframe,
  .article-below :deep(.article-rte) iframe,
  .article-main :deep(.article-factbox) iframe,
  .article-main :deep(.article-factbox-quotes) iframe,
  .article-main :deep(.article-rte) iframe {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-rte),
  .article-main :deep(.article-rte) {
    padding: 0;
  }
}
.article-below :deep(.article-rte) h2 + h3,
.article-below :deep(.article-rte) h2 + h4,
.article-below :deep(.article-rte) h2 + h5,
.article-below :deep(.article-rte) h3 + h4,
.article-below :deep(.article-rte) h3 + h5,
.article-below :deep(.article-rte) h4 + h5,
.article-main :deep(.article-rte) h2 + h3,
.article-main :deep(.article-rte) h2 + h4,
.article-main :deep(.article-rte) h2 + h5,
.article-main :deep(.article-rte) h3 + h4,
.article-main :deep(.article-rte) h3 + h5,
.article-main :deep(.article-rte) h4 + h5 {
  margin-top: -4px;
}
.article-below :deep(.article-rte) h2,
.article-below :deep(.article-rte) h3,
.article-below :deep(.article-rte) h4,
.article-below :deep(.article-rte) h5,
.article-below :deep(.article-rte) p,
.article-main :deep(.article-rte) h2,
.article-main :deep(.article-rte) h3,
.article-main :deep(.article-rte) h4,
.article-main :deep(.article-rte) h5,
.article-main :deep(.article-rte) p {
  color: var(--color-900);
  margin-bottom: 16px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-rte) h2,
  .article-below :deep(.article-rte) h3,
  .article-below :deep(.article-rte) h4,
  .article-below :deep(.article-rte) h5,
  .article-below :deep(.article-rte) p,
  .article-main :deep(.article-rte) h2,
  .article-main :deep(.article-rte) h3,
  .article-main :deep(.article-rte) h4,
  .article-main :deep(.article-rte) h5,
  .article-main :deep(.article-rte) p {
    margin-bottom: 24px;
  }
}
.article-below :deep(.article-rte) em,
.article-below :deep(.article-rte) strong,
.article-main :deep(.article-rte) em,
.article-main :deep(.article-rte) strong {
  word-break: break-word;
}
.article-below :deep(.article-rte) em,
.article-below :deep(.article-rte) li,
.article-below :deep(.article-rte) p,
.article-below :deep(.article-rte) strong,
.article-main :deep(.article-rte) em,
.article-main :deep(.article-rte) li,
.article-main :deep(.article-rte) p,
.article-main :deep(.article-rte) strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-rte) em,
  .article-below :deep(.article-rte) li,
  .article-below :deep(.article-rte) p,
  .article-below :deep(.article-rte) strong,
  .article-main :deep(.article-rte) em,
  .article-main :deep(.article-rte) li,
  .article-main :deep(.article-rte) p,
  .article-main :deep(.article-rte) strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below :deep(.article-rte) p:empty,
.article-main :deep(.article-rte) p:empty {
  margin-bottom: 0;
}
.article-below :deep(.article-factbox) em,
.article-below :deep(.article-factbox) h2,
.article-below :deep(.article-factbox) h3,
.article-below :deep(.article-factbox) h4,
.article-below :deep(.article-factbox) h5,
.article-below :deep(.article-factbox) p,
.article-below :deep(.article-factbox) strong,
.article-below :deep(.article-factbox-quotes) em,
.article-below :deep(.article-factbox-quotes) h2,
.article-below :deep(.article-factbox-quotes) h3,
.article-below :deep(.article-factbox-quotes) h4,
.article-below :deep(.article-factbox-quotes) h5,
.article-below :deep(.article-factbox-quotes) p,
.article-below :deep(.article-factbox-quotes) strong,
.article-main :deep(.article-factbox) em,
.article-main :deep(.article-factbox) h2,
.article-main :deep(.article-factbox) h3,
.article-main :deep(.article-factbox) h4,
.article-main :deep(.article-factbox) h5,
.article-main :deep(.article-factbox) p,
.article-main :deep(.article-factbox) strong,
.article-main :deep(.article-factbox-quotes) em,
.article-main :deep(.article-factbox-quotes) h2,
.article-main :deep(.article-factbox-quotes) h3,
.article-main :deep(.article-factbox-quotes) h4,
.article-main :deep(.article-factbox-quotes) h5,
.article-main :deep(.article-factbox-quotes) p,
.article-main :deep(.article-factbox-quotes) strong {
  margin-bottom: 12px;
  word-break: break-word;
}
.article-below :deep(.article-factbox) ol,
.article-below :deep(.article-factbox) ul,
.article-below :deep(.article-factbox-quotes) ol,
.article-below :deep(.article-factbox-quotes) ul,
.article-main :deep(.article-factbox) ol,
.article-main :deep(.article-factbox) ul,
.article-main :deep(.article-factbox-quotes) ol,
.article-main :deep(.article-factbox-quotes) ul {
  margin-bottom: 12px;
}
.article-below :deep(.article-factbox) ol li,
.article-below :deep(.article-factbox) ul li,
.article-below :deep(.article-factbox-quotes) ol li,
.article-below :deep(.article-factbox-quotes) ul li,
.article-main :deep(.article-factbox) ol li,
.article-main :deep(.article-factbox) ul li,
.article-main :deep(.article-factbox-quotes) ol li,
.article-main :deep(.article-factbox-quotes) ul li {
  margin-bottom: 4px;
}
.article-below :deep(.article-factbox) .author-name,
.article-below :deep(.article-factbox-quotes) .author-name,
.article-main :deep(.article-factbox) .author-name,
.article-main :deep(.article-factbox-quotes) .author-name {
  color: var(--article-quote-author);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) .author-name,
  .article-below :deep(.article-factbox-quotes) .author-name,
  .article-main :deep(.article-factbox) .author-name,
  .article-main :deep(.article-factbox-quotes) .author-name {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) .author-name,
  .article-below :deep(.article-factbox-quotes) .author-name,
  .article-main :deep(.article-factbox) .author-name,
  .article-main :deep(.article-factbox-quotes) .author-name {
    font-weight: 400;
  }
}
.article-below :deep(.article-factbox) .author-name:before,
.article-below :deep(.article-factbox-quotes) .author-name:before,
.article-main :deep(.article-factbox) .author-name:before,
.article-main :deep(.article-factbox-quotes) .author-name:before {
  content: "— ";
}
.article-below :deep(.article-factbox),
.article-main :deep(.article-factbox) {
  background-color: var(--article-factbox-surface);
  margin: 0 -16px 16px;
  padding: 24px 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox),
  .article-main :deep(.article-factbox) {
    margin: 0 -16px 24px;
  }
}
.article-below :deep(.article-factbox):after,
.article-below :deep(.article-factbox):before,
.article-main :deep(.article-factbox):after,
.article-main :deep(.article-factbox):before {
  background: var(--accent-light);
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
.article-below :deep(.article-factbox):after,
.article-main :deep(.article-factbox):after {
  bottom: 0;
  top: auto;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox),
  .article-main :deep(.article-factbox) {
    margin: 0 -32px 24px;
    padding: 16px 32px 15px;
  }
}
.article-below :deep(.article-factbox) em,
.article-below :deep(.article-factbox) h2,
.article-below :deep(.article-factbox) h3,
.article-below :deep(.article-factbox) h4,
.article-below :deep(.article-factbox) h5,
.article-below :deep(.article-factbox) li,
.article-below :deep(.article-factbox) p,
.article-below :deep(.article-factbox) strong,
.article-main :deep(.article-factbox) em,
.article-main :deep(.article-factbox) h2,
.article-main :deep(.article-factbox) h3,
.article-main :deep(.article-factbox) h4,
.article-main :deep(.article-factbox) h5,
.article-main :deep(.article-factbox) li,
.article-main :deep(.article-factbox) p,
.article-main :deep(.article-factbox) strong {
  color: var(--color-900);
}
.article-below :deep(.article-factbox) a,
.article-main :deep(.article-factbox) a {
  background-image: linear-gradient(
    var(--article-factbox-link),
    var(--article-factbox-link)
  ) !important;
  color: var(--article-factbox-link) !important;
}
.article-below :deep(.article-factbox) a:hover,
.article-main :deep(.article-factbox) a:hover {
  color: var(--article-factbox-link-hover) !important;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) a:hover,
  .article-main :deep(.article-factbox) a:hover {
    background-image: linear-gradient(
      var(--article-factbox-link-hover),
      var(--article-factbox-link-hover)
    ) !important;
  }
}
.article-below :deep(.article-factbox) em,
.article-below :deep(.article-factbox) li,
.article-below :deep(.article-factbox) p,
.article-below :deep(.article-factbox) strong,
.article-main :deep(.article-factbox) em,
.article-main :deep(.article-factbox) li,
.article-main :deep(.article-factbox) p,
.article-main :deep(.article-factbox) strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) em,
  .article-below :deep(.article-factbox) li,
  .article-below :deep(.article-factbox) p,
  .article-below :deep(.article-factbox) strong,
  .article-main :deep(.article-factbox) em,
  .article-main :deep(.article-factbox) li,
  .article-main :deep(.article-factbox) p,
  .article-main :deep(.article-factbox) strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below :deep(.article-factbox) .antrfile > strong,
.article-below :deep(.article-factbox) .standard > strong,
.article-main :deep(.article-factbox) .antrfile > strong,
.article-main :deep(.article-factbox) .standard > strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) .antrfile > strong,
  .article-below :deep(.article-factbox) .standard > strong,
  .article-main :deep(.article-factbox) .antrfile > strong,
  .article-main :deep(.article-factbox) .standard > strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below :deep(.article-factbox) .antrfile > strong,
  .article-below :deep(.article-factbox) .standard > strong,
  .article-main :deep(.article-factbox) .antrfile > strong,
  .article-main :deep(.article-factbox) .standard > strong {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.article-factbox) .antrfile > strong,
  .article-below :deep(.article-factbox) .standard > strong,
  .article-main :deep(.article-factbox) .antrfile > strong,
  .article-main :deep(.article-factbox) .standard > strong {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below :deep(.article-factbox-quotes) .author-name,
.article-main :deep(.article-factbox-quotes) .author-name {
  color: var(--article-quote-author);
}
.article-below :deep(.article-embed),
.article-main :deep(.article-embed) {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-embed),
  .article-main :deep(.article-embed) {
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below :deep(.article-embed) iframe,
.article-main :deep(.article-embed) iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-embed) iframe,
  .article-main :deep(.article-embed) iframe {
    max-width: 560px;
  }
}
.article-below :deep(.article-embed) iframe[src^="https://www.facebook.com/"],.article-main :deep(.article-embed) iframe[src^="https://www.facebook.com/"]
{
  background-color: #fff;
}
.article-below :deep(.paywall),
.article-main :deep(.paywall) {
  display: none;
}
.article-main :deep(.article-content) {
  padding-top: 20px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-main :deep(.article-content) {
    padding-top: 15px;
  }
}
.article-main :deep(.fb-video) {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-main :deep(.fb-video) {
    left: 50%;
    margin-bottom: 24px;
    position: relative;
    transform: translate(-50%);
  }
}
.article-main :deep(p > iframe[src*="youtube.com"]) {
  margin: 0 -16px !important;
  max-width: calc(100% + 32px) !important;
}
@media screen and (min-width: 485px) {
  .article-main :deep(p > iframe[src*="youtube.com"]) {
    height: 272px !important;
    max-width: 484px !important;
    width: 484px !important;
  }
}
@media (min-width: 1024px) {
  .article-main :deep(p > iframe[src*="youtube.com"]) {
    height: 387px !important;
    margin: 0 -24px !important;
    max-width: 688px !important;
    width: 688px !important;
  }
}
.article-main :deep(div:has(> iframe[src*="dailymotion.com/embed"])) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .article-main :deep(div:has(> iframe[src*="dailymotion.com/embed"])) {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) {
  .article-main :deep(div > iframe[src*="giphy.com/embed"]),
  .article-main :deep(iframe[src*="dailymotion.com/embed"]) {
    left: 50% !important;
    transform: translate(-50%);
  }
}
@media (min-width: 1024px) {
  .article-below :deep(.is-main) {
    margin-bottom: 4px;
  }
}
.article-below :deep(.article-sidebar) {
  margin-bottom: 0;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .article-below :deep(.article-sidebar) {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below:last-of-type :deep(.is-main) {
    margin-bottom: 0;
  }
}
.article-below:last-of-type :deep(.article-sidebar) {
  margin-bottom: 4px;
}
.static-document .breadcrumbs {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs {
    padding: 0 24px;
  }
}
.static-document .breadcrumbs-link {
  background-image: none;
  background-position: unset;
  background-size: unset;
  color: var(--breadcrumbs-color-special);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0 4px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs-link {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .static-document .breadcrumbs-link:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.static-document .breadcrumbs-link:first-child {
  margin-left: 0;
}
.static-document .breadcrumbs .icon-chevron--right {
  color: var(--color-900);
}
.static-document .breadcrumbs-icon-container {
  align-items: center;
  display: flex;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f118abb3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f118abb3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f118abb3],
  .comment-reply-bubble[data-v-f118abb3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f118abb3],
  .comment-reply-bubble[data-v-f118abb3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f118abb3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f118abb3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f118abb3],
  .comment-title[data-v-f118abb3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f118abb3],
  .comment-title[data-v-f118abb3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f118abb3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f118abb3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f118abb3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f118abb3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f118abb3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f118abb3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f118abb3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f118abb3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f118abb3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f118abb3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f118abb3] {
  margin-bottom: 16px;
}
.comment-header[data-v-f118abb3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f118abb3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f118abb3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f118abb3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f118abb3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f118abb3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f118abb3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f118abb3],
.comment-page .comment-header.is-sticky[data-v-f118abb3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f118abb3] {
  animation: slideInDown-f118abb3 0.32s ease-in-out;
}
@keyframes slideInDown-f118abb3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f118abb3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f118abb3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f118abb3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f118abb3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f118abb3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f118abb3] {
  animation: slideOutUp-f118abb3 0.32s ease-in-out;
}
@keyframes slideOutUp-f118abb3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f118abb3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f118abb3] {
  margin-left: 8px;
}
.comment-title span[data-v-f118abb3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f118abb3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f118abb3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f118abb3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f118abb3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f118abb3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f118abb3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f118abb3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f118abb3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f118abb3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f118abb3],
.comment-page.post-fixed .comment-post-body[data-v-f118abb3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f118abb3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f118abb3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f118abb3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f118abb3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f118abb3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f118abb3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f118abb3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f118abb3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f118abb3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f118abb3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f118abb3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f118abb3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f118abb3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f118abb3],
.comment-page.post-fixed .comment-post-body.active[data-v-f118abb3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f118abb3],
  .comment-page.post-fixed .comment-post-body.active[data-v-f118abb3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f118abb3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f118abb3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f118abb3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f118abb3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f118abb3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f118abb3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f118abb3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f118abb3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f118abb3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f118abb3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f118abb3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f118abb3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f118abb3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f118abb3]:focus,
.comment-input-field.textarea[data-v-f118abb3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f118abb3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f118abb3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f118abb3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f118abb3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f118abb3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f118abb3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f118abb3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f118abb3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f118abb3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f118abb3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f118abb3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f118abb3],
.comment-send-btn.disabled .icon-send[data-v-f118abb3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f118abb3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f118abb3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f118abb3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f118abb3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f118abb3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f118abb3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f118abb3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f118abb3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f118abb3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f118abb3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f118abb3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f118abb3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f118abb3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f118abb3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f118abb3] {
  align-items: center;
  animation: blink-f118abb3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f118abb3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f118abb3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f118abb3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f118abb3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f118abb3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f118abb3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f118abb3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f118abb3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f118abb3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f118abb3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f118abb3] {
  margin: 0 0 0 -8px;
}
@keyframes ticker-f118abb3 {
  to {
    transform: translate(-100%);
  }
}
.latest-news-ticker-wrap[data-v-f118abb3] {
  background-color: var(--ticker-surface);
  box-shadow: var(--ticker-shadow);
  color: var(--color-900);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  margin-bottom: 1px;
}
.latest-news-ticker-wrap .news-ticker[data-v-f118abb3] {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.latest-news-ticker-wrap .news-ticker[data-v-f118abb3]:before {
  background-image: var(--ticker-scrim-leading);
  content: "";
  display: block;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap .news-ticker[data-v-f118abb3]:hover {
    cursor: pointer;
  }
  .latest-news-ticker-wrap .news-ticker:hover ul[data-v-f118abb3] {
    animation-play-state: paused;
  }
}
.latest-news-ticker-wrap .news-ticker ul[data-v-f118abb3] {
  align-items: center;
  animation: ticker-f118abb3 90s linear infinite;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 32px;
  margin: 0;
  padding: 0;
}
.latest-news-ticker-wrap
  .news-ticker
  ul:first-of-type
  li[data-v-f118abb3]:first-of-type {
  padding-left: 8px;
}
.latest-news-ticker-wrap .news-ticker ul li[data-v-f118abb3] {
  flex-grow: 1;
  flex-shrink: 0;
  list-style-type: none;
  padding-right: 22px;
  position: relative;
}
@supports (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker ul li[data-v-f118abb3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker ul li[data-v-f118abb3] {
    font-weight: 500;
  }
}
.latest-news-ticker-wrap .news-ticker ul li[data-v-f118abb3]:before {
  content: "•";
  left: -14px;
  position: absolute;
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap .news-ticker ul li a[data-v-f118abb3]:hover {
    color: var(--color-800);
  }
  .latest-news-ticker-wrap
    .news-ticker
    ul
    li
    a:hover
    .news-ticker-timestamp[data-v-f118abb3] {
    color: var(--accent-hover);
  }
}
.latest-news-ticker-wrap .news-ticker-arrow[data-v-f118abb3] {
  color: var(--color-light-50);
  font-size: 0.5rem;
  letter-spacing: 0.06px;
  line-height: 0.625rem;
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap .news-ticker-arrow[data-v-f118abb3] {
    font-size: 0.6875rem;
    letter-spacing: 0.09px;
    line-height: 0.875rem;
  }
}
.latest-news-ticker-wrap .news-ticker-timestamp[data-v-f118abb3] {
  color: var(--accent);
  display: inline-block;
  padding-right: 8px;
}
@supports (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker-timestamp[data-v-f118abb3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker-timestamp[data-v-f118abb3] {
    font-weight: 700;
  }
}
.latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3] {
  align-items: center;
  background-color: var(--accent);
  bottom: 0;
  color: var(--color-light-50);
  display: flex;
  font-size: 0.5rem;
  justify-content: center;
  letter-spacing: 0.06px;
  line-height: 0.625rem;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
}
@supports (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3] {
    font-size: 0.6875rem;
    letter-spacing: 0.09px;
    line-height: 0.875rem;
    padding-left: 7px;
    padding-right: 8px;
  }
}
.latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3]:before {
  background-image: var(--ticker-scrim-trailing);
  content: "";
  display: block;
  height: 32px;
  left: -32px;
  position: absolute;
  top: 0;
  width: 32px;
}
.latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3]:after {
  border-color: #0000 #0000 var(--accent) #0000;
  border-style: solid;
  border-width: 0 0 32px 6px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 0;
  left: -6px;
  position: absolute;
  top: 0;
  width: 0;
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3]:hover {
    background-color: var(--accent-hover);
  }
  .latest-news-ticker-wrap .news-ticker-last[data-v-f118abb3]:hover:after {
    border-color: #0000 #0000 var(--accent-hover) #0000;
  }
  .latest-news-ticker-wrap
    .news-ticker-last:hover
    .news-ticker-arrow[data-v-f118abb3] {
    color: var(--color-light-50);
  }
  .latest-news-ticker-wrap
    .news-ticker-last:hover
    .news-ticker-timestamp[data-v-f118abb3] {
    color: var(--accent-hover);
  }
}
.latest-news-ticker-wrap .news-ticker-last .is-visible-mobile[data-v-f118abb3] {
  display: inline;
}
.latest-news-ticker-wrap
  .news-ticker-last
  .is-visible-desktop[data-v-f118abb3] {
  display: none;
}
@media (min-width: 1024px) {
  .latest-news-ticker-wrap
    .news-ticker-last
    .is-visible-mobile[data-v-f118abb3] {
    display: none;
  }
  .latest-news-ticker-wrap
    .news-ticker-last
    .is-visible-desktop[data-v-f118abb3] {
    display: inline;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-634ce90c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-634ce90c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-634ce90c],
  .comment-reply-bubble[data-v-634ce90c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-634ce90c],
  .comment-reply-bubble[data-v-634ce90c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-634ce90c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-634ce90c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-634ce90c],
  .comment-title[data-v-634ce90c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-634ce90c],
  .comment-title[data-v-634ce90c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-634ce90c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-634ce90c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-634ce90c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-634ce90c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-634ce90c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-634ce90c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-634ce90c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-634ce90c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-634ce90c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-634ce90c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-634ce90c] {
  margin-bottom: 16px;
}
.comment-header[data-v-634ce90c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-634ce90c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-634ce90c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-634ce90c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-634ce90c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-634ce90c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-634ce90c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-634ce90c],
.comment-page .comment-header.is-sticky[data-v-634ce90c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-634ce90c] {
  animation: slideInDown-634ce90c 0.32s ease-in-out;
}
@keyframes slideInDown-634ce90c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-634ce90c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-634ce90c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-634ce90c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-634ce90c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-634ce90c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-634ce90c] {
  animation: slideOutUp-634ce90c 0.32s ease-in-out;
}
@keyframes slideOutUp-634ce90c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-634ce90c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-634ce90c] {
  margin-left: 8px;
}
.comment-title span[data-v-634ce90c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-634ce90c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-634ce90c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-634ce90c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-634ce90c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-634ce90c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-634ce90c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-634ce90c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-634ce90c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-634ce90c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-634ce90c],
.comment-page.post-fixed .comment-post-body[data-v-634ce90c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-634ce90c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-634ce90c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-634ce90c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-634ce90c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-634ce90c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-634ce90c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-634ce90c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-634ce90c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-634ce90c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-634ce90c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-634ce90c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-634ce90c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-634ce90c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-634ce90c],
.comment-page.post-fixed .comment-post-body.active[data-v-634ce90c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-634ce90c],
  .comment-page.post-fixed .comment-post-body.active[data-v-634ce90c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-634ce90c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-634ce90c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-634ce90c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-634ce90c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-634ce90c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-634ce90c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-634ce90c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-634ce90c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-634ce90c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-634ce90c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-634ce90c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-634ce90c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-634ce90c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-634ce90c]:focus,
.comment-input-field.textarea[data-v-634ce90c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-634ce90c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-634ce90c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-634ce90c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-634ce90c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-634ce90c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-634ce90c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-634ce90c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-634ce90c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-634ce90c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-634ce90c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-634ce90c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-634ce90c],
.comment-send-btn.disabled .icon-send[data-v-634ce90c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-634ce90c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-634ce90c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-634ce90c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-634ce90c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-634ce90c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-634ce90c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-634ce90c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-634ce90c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-634ce90c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-634ce90c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-634ce90c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-634ce90c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-634ce90c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-634ce90c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-634ce90c] {
  align-items: center;
  animation: blink-634ce90c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-634ce90c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-634ce90c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-634ce90c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-634ce90c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-634ce90c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-634ce90c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-634ce90c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-634ce90c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-634ce90c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-634ce90c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-634ce90c] {
  margin: 0 0 0 -8px;
}
.isHidden.wm-content-slider__left-arrow[data-v-634ce90c],
.isHidden.wm-content-slider__right-arrow[data-v-634ce90c] {
  display: none;
}
.wm-content-slider__left-arrow-marker[data-v-634ce90c],
.wm-content-slider__right-arrow-marker[data-v-634ce90c] {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 5;
}
.wm-content-slider[data-v-634ce90c] {
  align-items: center;
  overflow: hidden;
}
.wm-content-slider[data-v-634ce90c],
.wm-content-slider__slides-container[data-v-634ce90c] {
  display: flex;
  position: relative;
  width: 100%;
}
.wm-content-slider__slides-container.isBlock[data-v-634ce90c] {
  display: block;
}
.wm-content-slider__slides-container.isFreeMode[data-v-634ce90c] {
  overflow-y: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.wm-content-slider__slides-container.isFreeMode[data-v-634ce90c]::-webkit-scrollbar {
  display: none;
}
.wm-content-slider__left-arrow-marker[data-v-634ce90c] {
  left: 10px;
}
.wm-content-slider__left-arrow-marker[data-v-634ce90c]:after {
  border-color: #0000 #007bff #0000 #0000;
  border-style: solid;
  border-width: 9.5px 16px 9.5px 0;
  content: "";
  display: inline-block;
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}
.wm-content-slider__right-arrow-marker[data-v-634ce90c] {
  right: 10px;
}
.wm-content-slider__right-arrow-marker[data-v-634ce90c]:after {
  border-color: #0000 #0000 #0000 #007bff;
  border-style: solid;
  border-width: 9.5px 0 9.5px 16px;
  content: "";
  display: inline-block;
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
.wm-content-slider__pagination[data-v-634ce90c] {
  bottom: 20px;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
}
.wm-content-slider__dot[data-v-634ce90c] {
  background-color: #a7a7a7;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 10px;
}
.wm-content-slider__dot.isActive[data-v-634ce90c] {
  background-color: red;
}
.wm-content-slider.isGallery[data-v-634ce90c] {
  flex-wrap: wrap;
  overflow: unset;
}
.wm-content-slider.isGallery
  .wm-content-slider__slides-container[data-v-634ce90c] {
  display: flex;
  flex-wrap: wrap;
  overflow: unset;
}
.wm-content-slider.isGallery
  .wm-content-slider__slide-container[data-v-634ce90c],
.wm-content-slider.isGallery[data-v-634ce90c] .wm-content-slide {
  position: relative;
}
.wm-content-slide {
  flex-shrink: 0;
  position: relative;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d6a24b84] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d6a24b84] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d6a24b84],
  .comment-reply-bubble[data-v-d6a24b84] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d6a24b84],
  .comment-reply-bubble[data-v-d6a24b84] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d6a24b84] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d6a24b84] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6a24b84],
  .comment-title[data-v-d6a24b84] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6a24b84],
  .comment-title[data-v-d6a24b84] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d6a24b84] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d6a24b84] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d6a24b84] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d6a24b84] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d6a24b84] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d6a24b84] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d6a24b84] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d6a24b84] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d6a24b84] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d6a24b84] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d6a24b84] {
  margin-bottom: 16px;
}
.comment-header[data-v-d6a24b84] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d6a24b84] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d6a24b84] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d6a24b84] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d6a24b84] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d6a24b84] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d6a24b84]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d6a24b84],
.comment-page .comment-header.is-sticky[data-v-d6a24b84] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d6a24b84] {
  animation: slideInDown-d6a24b84 0.32s ease-in-out;
}
@keyframes slideInDown-d6a24b84 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d6a24b84] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6a24b84] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6a24b84]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d6a24b84]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6a24b84] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d6a24b84] {
  animation: slideOutUp-d6a24b84 0.32s ease-in-out;
}
@keyframes slideOutUp-d6a24b84 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d6a24b84] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d6a24b84] {
  margin-left: 8px;
}
.comment-title span[data-v-d6a24b84] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d6a24b84] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d6a24b84] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d6a24b84] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d6a24b84]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d6a24b84] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d6a24b84] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d6a24b84] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d6a24b84] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d6a24b84] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d6a24b84],
.comment-page.post-fixed .comment-post-body[data-v-d6a24b84] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d6a24b84] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d6a24b84] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d6a24b84] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d6a24b84] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d6a24b84] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d6a24b84] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d6a24b84] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d6a24b84] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d6a24b84] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d6a24b84],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d6a24b84] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d6a24b84] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d6a24b84] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d6a24b84],
.comment-page.post-fixed .comment-post-body.active[data-v-d6a24b84] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d6a24b84],
  .comment-page.post-fixed .comment-post-body.active[data-v-d6a24b84] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d6a24b84],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d6a24b84] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d6a24b84] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d6a24b84] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d6a24b84] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d6a24b84] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d6a24b84] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d6a24b84] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d6a24b84] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d6a24b84] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d6a24b84] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d6a24b84] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d6a24b84]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d6a24b84]:focus,
.comment-input-field.textarea[data-v-d6a24b84]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d6a24b84]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d6a24b84] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d6a24b84] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d6a24b84] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d6a24b84] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d6a24b84] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d6a24b84] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d6a24b84] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d6a24b84] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d6a24b84]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d6a24b84] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d6a24b84],
.comment-send-btn.disabled .icon-send[data-v-d6a24b84] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d6a24b84]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d6a24b84] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d6a24b84] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d6a24b84] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d6a24b84] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d6a24b84] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d6a24b84] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d6a24b84] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d6a24b84] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d6a24b84] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d6a24b84] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d6a24b84] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d6a24b84] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d6a24b84] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d6a24b84] {
  align-items: center;
  animation: blink-d6a24b84 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d6a24b84 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d6a24b84] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d6a24b84] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d6a24b84] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d6a24b84] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d6a24b84] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d6a24b84] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d6a24b84]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d6a24b84] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d6a24b84] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d6a24b84] {
  margin: 0 0 0 -8px;
}
.gallery__wrap[data-v-d6a24b84] {
  background-color: var(--surface-dark);
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10001;
}
@media (min-width: 1024px) {
  .gallery__wrap[data-v-d6a24b84] {
    background-color: var(--color-dark-50);
    border-radius: 5px;
    bottom: 24px;
    box-shadow: 0 0 0 1px #ffffff1f;
    flex-direction: row;
    left: 24px;
    right: 24px;
    top: 24px;
  }
}
@media (min-width: 1920px) {
  .gallery__wrap[data-v-d6a24b84] {
    left: 50%;
    max-width: 1872px;
    right: auto;
    transform: translate(-50%);
    width: 100%;
  }
}
.gallery__modal[data-v-d6a24b84] {
  background-color: #141212cc;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
.gallery__sidebar[data-v-d6a24b84] {
  position: relative;
}
@media (min-width: 1024px) {
  .gallery__sidebar[data-v-d6a24b84] {
    flex-basis: 348px;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
    padding: 0 24px;
  }
  .gallery__sidebar[data-v-d6a24b84]:before {
    background-color: var(--color-dark-200);
    bottom: 0;
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
.gallery__extra[data-v-d6a24b84] {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 1024px) {
  .gallery__extra[data-v-d6a24b84] {
    margin-bottom: 20px;
  }
}
.gallery__extra[data-v-d6a24b84]:after {
  background-color: var(--color-dark-200);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
.gallery__logo[data-v-d6a24b84] {
  height: var(--header-fsgallery-logo-height);
  margin-left: var(--header-logo-mobile-margin);
  width: var(--header-fsgallery-logo-width);
}
@media (min-width: 1024px) {
  .gallery__logo[data-v-d6a24b84] {
    margin-left: 0;
  }
}
.gallery__logo img[data-v-d6a24b84] {
  max-height: 100%;
  width: auto;
}
.gallery__close[data-v-d6a24b84],
.gallery__fullscreen[data-v-d6a24b84] {
  align-items: center;
  background-color: var(--color-dark-100);
  border-radius: 50%;
  color: var(--color-dark-600);
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 16px;
  transition: all 0.15s;
  width: 32px;
}
.gallery__close .icon-close[data-v-d6a24b84],
.gallery__fullscreen .icon-close[data-v-d6a24b84] {
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .gallery__close[data-v-d6a24b84],
  .gallery__fullscreen[data-v-d6a24b84] {
    margin-right: 0;
  }
  .gallery__close[data-v-d6a24b84]:hover,
  .gallery__fullscreen[data-v-d6a24b84]:hover {
    background-color: var(--color-dark-200);
    color: var(--color-dark-900);
    cursor: pointer;
  }
}
.gallery__button_wrap[data-v-d6a24b84] {
  display: flex;
}
.gallery__close-banner[data-v-d6a24b84] {
  background-color: #312e33;
  border-radius: 50%;
  box-shadow: var(--shadow-floating);
  color: #ffffffa3;
  display: block;
  height: 24px;
  padding: 3px 4px;
  position: absolute;
  right: -4px;
  top: -4px;
  transition: all 0.15s;
  width: 24px;
  z-index: 1000;
}
.gallery__close-banner .icon-close[data-v-d6a24b84] {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .gallery__close-banner[data-v-d6a24b84]:hover {
    background-color: #ffffff1f;
    color: #fff;
    cursor: pointer;
  }
}
.gallery__title[data-v-d6a24b84] {
  display: none;
}
@media (min-width: 1024px) {
  .gallery__title[data-v-d6a24b84] {
    color: var(--color-dark-900);
    display: block;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    margin-bottom: 12px;
  }
  @supports (font-variation-settings: normal) {
    .gallery__title[data-v-d6a24b84] {
      font-variation-settings: "wght" 800;
    }
  }
  @supports not (font-variation-settings: normal) {
    .gallery__title[data-v-d6a24b84] {
      font-weight: 800;
    }
  }
}
.gallery__content[data-v-d6a24b84] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  .gallery__content[data-v-d6a24b84] {
    flex-basis: calc(100% - 348px);
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    order: 1;
    padding: 0 76px;
    width: calc(100% - 348px);
  }
}
.gallery__bar.is-visible-mobile[data-v-d6a24b84] {
  display: block;
}
@media (min-width: 1024px) {
  .gallery__bar.is-visible-mobile[data-v-d6a24b84] {
    display: none;
  }
}
.gallery__bar.is-visible-desktop[data-v-d6a24b84] {
  display: none;
}
@media (min-width: 1024px) {
  .gallery__bar.is-visible-desktop[data-v-d6a24b84] {
    display: block;
  }
}
.gallery[data-v-d6a24b84] .gallery__slider {
  height: calc(100% - 40px);
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__slider {
    height: 100%;
  }
}
.gallery[data-v-d6a24b84] .gallery__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gallery[data-v-d6a24b84] .gallery__description {
  background-color: var(--color-dark-50);
  bottom: 0;
  box-shadow: inset 0 1px 0 var(--color-dark-200);
  left: 0;
  padding: 8px 16px 12px;
  position: absolute;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description {
    align-items: center;
    background-color: initial;
    bottom: 0;
    box-shadow: none;
    display: flex;
    height: 96px;
    justify-content: space-between;
    left: 0;
    padding: 0;
    position: absolute;
    right: 92px;
    width: auto;
  }
}
.gallery[data-v-d6a24b84] .gallery__description .is-visible-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description .is-visible-desktop {
    display: inline;
  }
}
.gallery[data-v-d6a24b84] .gallery__description-header {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description-header {
    align-items: center;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-left: 16px;
    order: 2;
  }
}
.gallery[data-v-d6a24b84] .gallery__pagination {
  background-color: var(--accent);
  border-radius: 0;
  color: var(--color-50);
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.6875rem;
  margin-right: 8px;
  padding: 5px;
}
@supports (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__pagination {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__pagination {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__pagination {
    margin-right: 0;
  }
}
.gallery[data-v-d6a24b84] .gallery__author {
  color: var(--color-dark-500);
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
@supports (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__author {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__author {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__author {
    display: none;
  }
}
.gallery[data-v-d6a24b84] .gallery__description_text {
  color: var(--color-dark-900);
  display: -webkit-box;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-top: 8px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@supports (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__description_text {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__description_text {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description_text {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    margin-top: 0;
    max-width: calc(100% - 76px);
    order: 1;
    -webkit-line-clamp: 4;
  }
}
.gallery[data-v-d6a24b84] .gallery__description_text span {
  color: var(--color-dark-500);
}
.gallery[data-v-d6a24b84] .gallery__description_text.is-expanded {
  -webkit-line-clamp: unset;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description_text.is-expanded {
    -webkit-line-clamp: 4;
  }
}
.gallery[data-v-d6a24b84] .gallery__description_text .is-hidden {
  opacity: 0;
  visibility: hidden;
}
.gallery[data-v-d6a24b84] .gallery__description_text .is-hidden:empty {
  height: 0;
}
.gallery[data-v-d6a24b84] .gallery__description_more {
  background-color: var(--color-dark-50);
  bottom: 0;
  color: var(--accent) !important;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  position: absolute;
  right: 0;
}
@supports (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__description_more {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .gallery[data-v-d6a24b84] .gallery__description_more {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description_more {
    display: none;
  }
}
.gallery[data-v-d6a24b84] .gallery__description_more:before {
  background-image: var(--gallery-mobile-description-scrim);
  bottom: 0;
  content: "";
  display: block;
  height: 15px;
  left: -20px;
  position: absolute;
  width: 20px;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__description_more:before {
    display: none;
  }
}
.gallery[data-v-d6a24b84] .gallery__slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.gallery[data-v-d6a24b84] .gallery__content_wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}
.gallery[data-v-d6a24b84] .gallery__image {
  align-items: center;
  bottom: 67px;
  display: flex;
  height: unset;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: unset;
}
@media (min-width: 1024px) {
  .gallery[data-v-d6a24b84] .gallery__image {
    bottom: 96px;
    top: 76px;
  }
}
.gallery[data-v-d6a24b84] .gallery__image img {
  display: inline-block;
  height: 100%;
  max-width: none;
  object-fit: contain;
  width: 100%;
}
.gallery.isMobileLand .gallery__wrap[data-v-d6a24b84] {
  background-color: var(--color-dark-50);
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0 0 1px #ffffff1f;
  flex-direction: row;
  left: 0;
  right: 0;
  top: 0;
}
.gallery.isMobileLand .gallery__sidebar[data-v-d6a24b84] {
  flex-basis: 348px;
  flex-grow: 0;
  flex-shrink: 0;
  order: 2;
  padding: 0;
}
.gallery.isMobileLand .gallery__sidebar[data-v-d6a24b84]:before {
  background-color: var(--color-dark-200);
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.gallery.isMobileLand .gallery__extra[data-v-d6a24b84] {
  height: 56px;
  margin-bottom: 20px;
  padding: 0 16px;
}
.gallery.isMobileLand .gallery__logo[data-v-d6a24b84] {
  margin-left: 0;
}
.gallery.isMobileLand .gallery__close[data-v-d6a24b84],
.gallery.isMobileLand .gallery__fullscreen[data-v-d6a24b84] {
  margin-left: 16px;
  margin-right: 0;
}
.gallery.isMobileLand .gallery__content[data-v-d6a24b84] {
  flex-basis: calc(100% - 348px);
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  order: 1;
  padding: 0;
  width: calc(100% - 348px);
}
.gallery.isMobileLand .gallery__bar.is-visible-mobile[data-v-d6a24b84] {
  display: none;
}
.gallery.isMobileLand .gallery__bar.is-visible-desktop[data-v-d6a24b84] {
  display: block;
}
.gallery.isMobileLand .gallery__bar .article-engagement-bar[data-v-d6a24b84] {
  margin: 0 -15px;
}
.gallery.isMobileLand[data-v-d6a24b84] .gallery__slider {
  height: 100%;
  padding: 0;
}
.gallery.isMobileLand[data-v-d6a24b84] .gallery__description {
  align-items: center;
  background-color: initial;
  bottom: 0;
  box-shadow: none;
  display: flex;
  height: 48px;
  justify-content: space-between;
  left: 0;
  padding: 0;
  position: absolute;
  right: 16px;
  width: auto;
}
.gallery.isMobileLand[data-v-d6a24b84]
  .gallery__description
  .is-visible-desktop {
  display: inline;
}
.gallery.isMobileLand[data-v-d6a24b84] .gallery__description-header {
  align-items: center;
  background: #0006;
  border-radius: 0;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  margin-left: 16px;
  order: 2;
  padding: 0 8px 0 0;
}
.gallery.isMobileLand[data-v-d6a24b84] .gallery__description_text,
.gallery.isMobileLand[data-v-d6a24b84] .gallery__description_more {
  display: none;
}
.gallery.isMobileLand[data-v-d6a24b84] .gallery__image {
  bottom: 0;
  top: 0;
}
.gallery__sidebar .banner-placeholder[data-v-d6a24b84] {
  left: 50%;
  padding: 8px 0;
  position: absolute;
  top: 64px;
  transform: translate(-50%);
  width: 320px;
}
@media (min-width: 1024px) {
  .gallery__sidebar .banner-placeholder[data-v-d6a24b84] {
    padding: 0;
    position: relative;
    top: auto;
    width: 300px;
  }
}
.gallery__content .isPort[data-v-d6a24b84] {
  min-height: 116px;
}
.gallery__content .isLand[data-v-d6a24b84] {
  min-height: 336px;
}
.gallery__content .banner-placeholder[data-v-d6a24b84] {
  padding: 8px 0;
  text-align: center;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__slides-container {
  height: 100%;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow,
[data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow {
  position: absolute;
  top: calc(50% - 34px);
  transition: all 0.15s;
}
.isMobileLand[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow,
.isMobileLand[data-v-d6a24b84]
  .gallery__slider
  .wm-content-slider__right-arrow {
  top: 50%;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow,
  [data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow {
    position: static;
    top: auto;
  }
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow.isHidden,
[data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow.isHidden {
  display: block;
  opacity: 0.34;
  pointer-events: none;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow {
  left: 0;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow {
  right: 0;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow-marker,
[data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow-marker {
  background-color: #fff;
  box-shadow: 0 2px 5px #00000057;
  height: 32px;
  width: 32px;
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow-marker:after,
[data-v-d6a24b84]
  .gallery__slider
  .wm-content-slider__right-arrow-marker:after {
  border: none;
  font-family: icons !important;
  font-size: 1rem;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
  z-index: 2;
  speak: never;
  color: #141313;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__slider .wm-content-slider__right-arrow-marker {
    bottom: 48px;
    right: 0;
    top: auto;
    transform: translateY(50%);
  }
}
[data-v-d6a24b84]
  .gallery__slider
  .wm-content-slider__right-arrow-marker:after {
  content: "";
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow-marker:before,
[data-v-d6a24b84]
  .gallery__slider
  .wm-content-slider__right-arrow-marker:before {
  background-color: #54545414;
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s;
  width: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84]
    .gallery__slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  [data-v-d6a24b84]
    .gallery__slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__right-arrow-marker:before,
  [data-v-d6a24b84]
    .gallery__slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  [data-v-d6a24b84]
    .gallery__slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__right-arrow-marker:before {
    opacity: 1;
  }
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow-marker {
    bottom: 48px;
    left: auto;
    right: 44px;
    top: auto;
    transform: translateY(50%);
  }
}
[data-v-d6a24b84] .gallery__slider .wm-content-slider__left-arrow-marker:after {
  content: "";
}
[data-v-d6a24b84] .gallery__bar {
  bottom: 0;
  left: 16px;
  position: absolute;
  right: 16px;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__bar {
    bottom: unset;
    left: unset;
    margin-bottom: 20px;
    position: relative;
    right: unset;
  }
}
[data-v-d6a24b84] .gallery__bar .article-engagement-bar {
  background-color: var(--color-dark-50);
  box-shadow: unset;
  margin: 0 -16px;
  padding: 8px 16px;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__bar .article-engagement-bar {
    background-color: initial;
  }
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .btn {
  color: var(--engagement-against-dark-btn-text);
}
@media (min-width: 1024px) {
  [data-v-d6a24b84] .gallery__bar .card-engagement-bar .btn:hover {
    background-color: var(--engagement-against-dark-btn-surface-hover);
  }
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .btn.is-user-reaction {
  background-color: #ffffff14;
}
@media (min-width: 1024px) {
  [data-v-d6a24b84]
    .gallery__bar
    .card-engagement-bar
    .btn.is-user-reaction:hover {
    background-color: #ffffff1f;
  }
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .btn .comment-counter {
  color: var(--engagement-against-dark-comments-count);
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .btn--round {
  color: var(--engagement-against-dark-share-icon);
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .card-divider {
  background-color: var(--engagement-against-dark-divider);
}
[data-v-d6a24b84] .gallery__bar .card-engagement-bar .tooltip-box {
  background-color: var(--color-dark-50);
  box-shadow: 0 0 0 1px var(--color-dark-300);
}
@media (min-width: 1024px) {
  [data-v-d6a24b84]
    .gallery__bar
    .card-engagement-bar
    .tooltip-box__item:hover {
    background-color: var(--color-dark-100);
  }
}
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .tooltip-box__item
  .copy-link
  use,
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .tooltip-box__item
  .messenger
  use,
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .tooltip-box__item
  .twitter
  use,
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .tooltip-box__item
  .whatsapp
  use {
  fill: var(--color-dark-900) !important;
}
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .tooltip-box__item
  .spple
  use {
  fill: #fff !important;
}
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .card-engagement-bar__number.is-user-reaction {
  color: #239df7;
}
[data-v-d6a24b84]
  .gallery__bar
  .card-engagement-bar
  .card-user-reaction.is-user-reaction:after {
  background-color: #239df7;
}
.isHidden.wm-content-slider__left-arrow,
.isHidden.wm-content-slider__right-arrow {
  display: none;
}
.wm-content-slider__left-arrow-marker,
.wm-content-slider__right-arrow-marker {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 5;
}
.wm-content-slider {
  align-items: center;
  overflow: hidden;
}
.wm-content-slider,
.wm-content-slider__slides-container {
  display: flex;
  position: relative;
  width: 100%;
}
.wm-content-slider__slides-container.isBlock {
  display: block;
}
.wm-content-slider__left-arrow-marker {
  left: 10px;
}
.wm-content-slider__left-arrow-marker:after {
  border-color: #0000 #007bff #0000 #0000;
  border-style: solid;
  border-width: 9.5px 16px 9.5px 0;
  content: "";
  display: inline-block;
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}
.wm-content-slider__right-arrow-marker {
  right: 10px;
}
.wm-content-slider__right-arrow-marker:after {
  border-color: #0000 #0000 #0000 #007bff;
  border-style: solid;
  border-width: 9.5px 0 9.5px 16px;
  content: "";
  display: inline-block;
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
.wm-content-slider__pagination {
  bottom: 20px;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
}
.wm-content-slider__dot {
  background-color: #a7a7a7;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 10px;
}
.wm-content-slider__dot.isActive {
  background-color: red;
}
.wm-content-slider.isGallery {
  flex-wrap: wrap;
  overflow: unset;
}
.wm-content-slider.isGallery .wm-content-slider__slides-container {
  display: flex;
  flex-wrap: wrap;
  overflow: unset;
}
.wm-content-slider.isGallery .wm-content-slider__slide-container {
  position: relative;
}
.wm-content-slider.isGallery :deep(.wm-content-slide) {
  position: relative;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-10b1a5af] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-10b1a5af] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-10b1a5af],
  .comment-reply-bubble[data-v-10b1a5af] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-10b1a5af],
  .comment-reply-bubble[data-v-10b1a5af] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-10b1a5af] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-10b1a5af] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-below .article-lead[data-v-10b1a5af],
  .article-main .article-lead[data-v-10b1a5af] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below .article-lead[data-v-10b1a5af],
  .article-main .article-lead[data-v-10b1a5af] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-10b1a5af],
  .comment-title[data-v-10b1a5af] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-10b1a5af],
  .comment-title[data-v-10b1a5af] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-10b1a5af] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-10b1a5af] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-10b1a5af] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-10b1a5af] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-10b1a5af] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-10b1a5af] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-10b1a5af] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-10b1a5af] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-10b1a5af] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-10b1a5af] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-10b1a5af] {
  margin-bottom: 16px;
}
.comment-header[data-v-10b1a5af] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-10b1a5af] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-10b1a5af] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-10b1a5af] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-10b1a5af] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-10b1a5af] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-10b1a5af]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-10b1a5af],
.comment-page .comment-header.is-sticky[data-v-10b1a5af] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-10b1a5af] {
  animation: slideInDown-10b1a5af 0.32s ease-in-out;
}
@keyframes slideInDown-10b1a5af {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-10b1a5af] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-10b1a5af] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-10b1a5af]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-10b1a5af]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-10b1a5af] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-10b1a5af] {
  animation: slideOutUp-10b1a5af 0.32s ease-in-out;
}
@keyframes slideOutUp-10b1a5af {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-10b1a5af] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-10b1a5af] {
  margin-left: 8px;
}
.comment-title span[data-v-10b1a5af] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-10b1a5af] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-10b1a5af] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-10b1a5af] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-10b1a5af]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-10b1a5af] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-10b1a5af] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-10b1a5af] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-10b1a5af] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-10b1a5af] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-10b1a5af],
.comment-page.post-fixed .comment-post-body[data-v-10b1a5af] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-10b1a5af] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-10b1a5af] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-10b1a5af] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-10b1a5af] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-10b1a5af] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-10b1a5af] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-10b1a5af] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-10b1a5af] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-10b1a5af] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-10b1a5af],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-10b1a5af] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-10b1a5af] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-10b1a5af] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-10b1a5af],
.comment-page.post-fixed .comment-post-body.active[data-v-10b1a5af] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-10b1a5af],
  .comment-page.post-fixed .comment-post-body.active[data-v-10b1a5af] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-10b1a5af],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-10b1a5af] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-10b1a5af] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-10b1a5af] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-10b1a5af] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-10b1a5af] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-10b1a5af] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-10b1a5af] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-10b1a5af] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-10b1a5af] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-10b1a5af] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-10b1a5af] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-10b1a5af]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-10b1a5af]:focus,
.comment-input-field.textarea[data-v-10b1a5af]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-10b1a5af]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-10b1a5af] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-10b1a5af] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-10b1a5af] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-10b1a5af] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-10b1a5af] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-10b1a5af] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-10b1a5af] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-10b1a5af] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-10b1a5af]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-10b1a5af] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-10b1a5af],
.comment-send-btn.disabled .icon-send[data-v-10b1a5af] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-10b1a5af]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-10b1a5af] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-10b1a5af] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-10b1a5af] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-10b1a5af] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-10b1a5af] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-10b1a5af] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-10b1a5af] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-10b1a5af] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-10b1a5af] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-10b1a5af] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-10b1a5af] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-10b1a5af] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-10b1a5af] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-10b1a5af] {
  align-items: center;
  animation: blink-10b1a5af 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-10b1a5af {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-10b1a5af] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-10b1a5af] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-10b1a5af] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-10b1a5af] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-10b1a5af] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-10b1a5af] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-10b1a5af]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-10b1a5af] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-10b1a5af] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-10b1a5af] {
  margin: 0 0 0 -8px;
}
.article-below[data-v-10b1a5af],
.article-main[data-v-10b1a5af] {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af],
  .article-main[data-v-10b1a5af] {
    flex-direction: row;
    max-width: unset;
    width: 100%;
  }
}
.article-below[data-v-10b1a5af] .article-content,
.article-main[data-v-10b1a5af] .article-content {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 0 16px;
}
@media (min-width: 429px) {
  .article-below[data-v-10b1a5af] .article-content,
  .article-main[data-v-10b1a5af] .article-content {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content,
  .article-main[data-v-10b1a5af] .article-content {
    flex-basis: 100%;
    margin-right: 4px;
    max-width: 704px;
    padding: 0 32px;
  }
}
.article-below[data-v-10b1a5af] .article-content.full-width,
.article-main[data-v-10b1a5af] .article-content.full-width {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.full-width,
  .article-main[data-v-10b1a5af] .article-content.full-width {
    margin-right: 0;
    max-width: unset;
    padding-top: 8px;
  }
}
.article-below[data-v-10b1a5af] .article-content.full-width.all-comments-page,
.article-main[data-v-10b1a5af] .article-content.full-width.all-comments-page {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.full-width.all-comments-page,
  .article-main[data-v-10b1a5af] .article-content.full-width.all-comments-page {
    padding-top: 20px;
  }
}
.article-below[data-v-10b1a5af]
  .article-content.full-width.all-comments-page
  .article-header,
.article-main[data-v-10b1a5af]
  .article-content.full-width.all-comments-page
  .article-header {
  order: unset;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.full-width .article-tags,
  .article-main[data-v-10b1a5af] .article-content.full-width .article-tags {
    height: auto;
    margin: 0 auto 16px;
    max-width: 640px;
    overflow-x: unset;
  }
}
.has-gallery-full-screen-active
  .article-below[data-v-10b1a5af]
  .article-content,
.has-gallery-full-screen-active
  .article-main[data-v-10b1a5af]
  .article-content {
  position: relative;
  z-index: 10000;
}
.article-below[data-v-10b1a5af] .article-content .storytelling,
.article-main[data-v-10b1a5af] .article-content .storytelling {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content .storytelling,
  .article-main[data-v-10b1a5af] .article-content .storytelling {
    margin: 0 auto;
    max-width: 640px;
  }
}
.article-below[data-v-10b1a5af]
  .article-content
  .storytelling
  .article-big-image,
.article-main[data-v-10b1a5af]
  .article-content
  .storytelling
  .article-big-image {
  order: 1;
}
.article-below[data-v-10b1a5af] .article-content .storytelling .article-header,
.article-main[data-v-10b1a5af] .article-content .storytelling .article-header {
  order: 2;
}
.article-below[data-v-10b1a5af] .article-content .storytelling .article-body,
.article-main[data-v-10b1a5af] .article-content .storytelling .article-body {
  order: 3;
}
.article-below[data-v-10b1a5af] .article-content .gallerystory,
.article-main[data-v-10b1a5af] .article-content .gallerystory {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content .gallerystory,
  .article-main[data-v-10b1a5af] .article-content .gallerystory {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.is-storytelling,
  .article-main[data-v-10b1a5af] .article-content.is-storytelling {
    margin: 4px auto;
    max-width: unset;
    width: 1008px;
  }
}
.article-below[data-v-10b1a5af]
  .article-content.is-storytelling
  .card-engagement-bar,
.article-main[data-v-10b1a5af]
  .article-content.is-storytelling
  .card-engagement-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.is-storytelling iframe,
  .article-main[data-v-10b1a5af] .article-content.is-storytelling iframe {
    max-width: 656px;
  }
}
.article-below[data-v-10b1a5af] .article-content.is-staticpage,
.article-main[data-v-10b1a5af] .article-content.is-staticpage {
  padding: 20px 16px 1px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.is-staticpage,
  .article-main[data-v-10b1a5af] .article-content.is-staticpage {
    margin: 4px auto;
    max-width: unset;
    padding: 24px 208px;
    width: 1024px;
  }
}
.article-below[data-v-10b1a5af] .article-content.is-staticpage .static-title,
.article-main[data-v-10b1a5af] .article-content.is-staticpage .static-title {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.is-staticpage .static-title,
  .article-main[data-v-10b1a5af] .article-content.is-staticpage .static-title {
    font-size: 2.4375rem;
    line-height: 3rem;
    padding: 0 24px;
  }
}
.article-below[data-v-10b1a5af] .article-content .is-how-to .textline h2,
.article-main[data-v-10b1a5af] .article-content .is-how-to .textline h2 {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 0;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-content .is-how-to .textline h2,
  .article-main[data-v-10b1a5af] .article-content .is-how-to .textline h2 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-content .is-how-to .textline h2,
  .article-main[data-v-10b1a5af] .article-content .is-how-to .textline h2 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content .is-how-to .textline h2,
  .article-main[data-v-10b1a5af] .article-content .is-how-to .textline h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-10b1a5af] .article-content.all-comments-page,
.article-main[data-v-10b1a5af] .article-content.all-comments-page {
  position: relative;
  z-index: 11;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-content.all-comments-page,
  .article-main[data-v-10b1a5af] .article-content.all-comments-page {
    background-color: unset;
    box-shadow: unset;
    margin-bottom: 4px;
    padding: 0;
  }
}
.article-below[data-v-10b1a5af]
  .article-content.all-comments-page
  .gallerystory,
.article-main[data-v-10b1a5af]
  .article-content.all-comments-page
  .gallerystory {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af]
    .article-content.all-comments-page
    .is-comments-page,
  .article-main[data-v-10b1a5af]
    .article-content.all-comments-page
    .is-comments-page {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling,
  .article-main[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling
    .full-width,
  .article-main[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling
    .full-width {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page,
  .article-main[data-v-10b1a5af]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
  }
}
.article-below[data-v-10b1a5af] .article-sidebar,
.article-main[data-v-10b1a5af] .article-sidebar {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-sidebar,
  .article-main[data-v-10b1a5af] .article-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 316px;
    position: relative;
    width: 316px;
    z-index: 1;
  }
}
.article-below[data-v-10b1a5af] .article-divider,
.article-main[data-v-10b1a5af] .article-divider {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  width: 100%;
}
.article-below[data-v-10b1a5af] .article-image img,
.article-main[data-v-10b1a5af] .article-image img {
  display: block;
  width: 100%;
}
.article-below .article-lead[data-v-10b1a5af],
.article-main .article-lead[data-v-10b1a5af] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-below .article-lead[data-v-10b1a5af],
  .article-main .article-lead[data-v-10b1a5af] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox h2,
.article-below[data-v-10b1a5af] .article-factbox-quotes h2,
.article-below[data-v-10b1a5af] .article-rte h2,
.article-main[data-v-10b1a5af] .article-factbox h2,
.article-main[data-v-10b1a5af] .article-factbox-quotes h2,
.article-main[data-v-10b1a5af] .article-rte h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h2,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-below[data-v-10b1a5af] .article-rte h2,
  .article-main[data-v-10b1a5af] .article-factbox h2,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-main[data-v-10b1a5af] .article-rte h2 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h2,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-below[data-v-10b1a5af] .article-rte h2,
  .article-main[data-v-10b1a5af] .article-factbox h2,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-main[data-v-10b1a5af] .article-rte h2 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox h2,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-below[data-v-10b1a5af] .article-rte h2,
  .article-main[data-v-10b1a5af] .article-factbox h2,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h2,
  .article-main[data-v-10b1a5af] .article-rte h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox h3,
.article-below[data-v-10b1a5af] .article-factbox-quotes h3,
.article-below[data-v-10b1a5af] .article-rte h3,
.article-main[data-v-10b1a5af] .article-factbox h3,
.article-main[data-v-10b1a5af] .article-factbox-quotes h3,
.article-main[data-v-10b1a5af] .article-rte h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h3,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-below[data-v-10b1a5af] .article-rte h3,
  .article-main[data-v-10b1a5af] .article-factbox h3,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-main[data-v-10b1a5af] .article-rte h3 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h3,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-below[data-v-10b1a5af] .article-rte h3,
  .article-main[data-v-10b1a5af] .article-factbox h3,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-main[data-v-10b1a5af] .article-rte h3 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox h3,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-below[data-v-10b1a5af] .article-rte h3,
  .article-main[data-v-10b1a5af] .article-factbox h3,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h3,
  .article-main[data-v-10b1a5af] .article-rte h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox h4,
.article-below[data-v-10b1a5af] .article-factbox-quotes h4,
.article-below[data-v-10b1a5af] .article-rte h4,
.article-main[data-v-10b1a5af] .article-factbox h4,
.article-main[data-v-10b1a5af] .article-factbox-quotes h4,
.article-main[data-v-10b1a5af] .article-rte h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h4,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-below[data-v-10b1a5af] .article-rte h4,
  .article-main[data-v-10b1a5af] .article-factbox h4,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-main[data-v-10b1a5af] .article-rte h4 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h4,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-below[data-v-10b1a5af] .article-rte h4,
  .article-main[data-v-10b1a5af] .article-factbox h4,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-main[data-v-10b1a5af] .article-rte h4 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox h4,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-below[data-v-10b1a5af] .article-rte h4,
  .article-main[data-v-10b1a5af] .article-factbox h4,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h4,
  .article-main[data-v-10b1a5af] .article-rte h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox h5,
.article-below[data-v-10b1a5af] .article-factbox-quotes h5,
.article-below[data-v-10b1a5af] .article-rte h5,
.article-main[data-v-10b1a5af] .article-factbox h5,
.article-main[data-v-10b1a5af] .article-factbox-quotes h5,
.article-main[data-v-10b1a5af] .article-rte h5 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h5,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-below[data-v-10b1a5af] .article-rte h5,
  .article-main[data-v-10b1a5af] .article-factbox h5,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-main[data-v-10b1a5af] .article-rte h5 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox h5,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-below[data-v-10b1a5af] .article-rte h5,
  .article-main[data-v-10b1a5af] .article-factbox h5,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-main[data-v-10b1a5af] .article-rte h5 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox h5,
  .article-below[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-below[data-v-10b1a5af] .article-rte h5,
  .article-main[data-v-10b1a5af] .article-factbox h5,
  .article-main[data-v-10b1a5af] .article-factbox-quotes h5,
  .article-main[data-v-10b1a5af] .article-rte h5 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox em,
.article-below[data-v-10b1a5af] .article-factbox em strong,
.article-below[data-v-10b1a5af] .article-factbox-quotes em,
.article-below[data-v-10b1a5af] .article-factbox-quotes em strong,
.article-below[data-v-10b1a5af] .article-rte em,
.article-below[data-v-10b1a5af] .article-rte em strong,
.article-main[data-v-10b1a5af] .article-factbox em,
.article-main[data-v-10b1a5af] .article-factbox em strong,
.article-main[data-v-10b1a5af] .article-factbox-quotes em,
.article-main[data-v-10b1a5af] .article-factbox-quotes em strong,
.article-main[data-v-10b1a5af] .article-rte em,
.article-main[data-v-10b1a5af] .article-rte em strong {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox strong,
  .article-below[data-v-10b1a5af] .article-factbox-quotes strong,
  .article-below[data-v-10b1a5af] .article-rte strong,
  .article-main[data-v-10b1a5af] .article-factbox strong,
  .article-main[data-v-10b1a5af] .article-factbox-quotes strong,
  .article-main[data-v-10b1a5af] .article-rte strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox strong,
  .article-below[data-v-10b1a5af] .article-factbox-quotes strong,
  .article-below[data-v-10b1a5af] .article-rte strong,
  .article-main[data-v-10b1a5af] .article-factbox strong,
  .article-main[data-v-10b1a5af] .article-factbox-quotes strong,
  .article-main[data-v-10b1a5af] .article-rte strong {
    font-weight: 700;
  }
}
.article-below[data-v-10b1a5af] .article-factbox a,
.article-below[data-v-10b1a5af] .article-factbox-quotes a,
.article-below[data-v-10b1a5af] .article-rte a,
.article-main[data-v-10b1a5af] .article-factbox a,
.article-main[data-v-10b1a5af] .article-factbox-quotes a,
.article-main[data-v-10b1a5af] .article-rte a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox a:hover,
  .article-below[data-v-10b1a5af] .article-factbox-quotes a:hover,
  .article-below[data-v-10b1a5af] .article-rte a:hover,
  .article-main[data-v-10b1a5af] .article-factbox a:hover,
  .article-main[data-v-10b1a5af] .article-factbox-quotes a:hover,
  .article-main[data-v-10b1a5af] .article-rte a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.article-below[data-v-10b1a5af] .article-factbox a:hover,
.article-below[data-v-10b1a5af] .article-factbox-quotes a:hover,
.article-below[data-v-10b1a5af] .article-rte a:hover,
.article-main[data-v-10b1a5af] .article-factbox a:hover,
.article-main[data-v-10b1a5af] .article-factbox-quotes a:hover,
.article-main[data-v-10b1a5af] .article-rte a:hover {
  color: var(--accent-hover);
}
.article-below[data-v-10b1a5af] .article-factbox a:after,
.article-below[data-v-10b1a5af] .article-factbox-quotes a:after,
.article-below[data-v-10b1a5af] .article-rte a:after,
.article-main[data-v-10b1a5af] .article-factbox a:after,
.article-main[data-v-10b1a5af] .article-factbox-quotes a:after,
.article-main[data-v-10b1a5af] .article-rte a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-below[data-v-10b1a5af] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-below[data-v-10b1a5af] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-below[data-v-10b1a5af] .article-rte a[href^="https://www.kurir.rs"]:after,.article-main[data-v-10b1a5af] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-main[data-v-10b1a5af] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-main[data-v-10b1a5af] .article-rte a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.article-below[data-v-10b1a5af] .article-factbox ol,
.article-below[data-v-10b1a5af] .article-factbox ul,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul,
.article-below[data-v-10b1a5af] .article-rte ol,
.article-below[data-v-10b1a5af] .article-rte ul,
.article-main[data-v-10b1a5af] .article-factbox ol,
.article-main[data-v-10b1a5af] .article-factbox ul,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul,
.article-main[data-v-10b1a5af] .article-rte ol,
.article-main[data-v-10b1a5af] .article-rte ul {
  list-style-position: inside;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox ol,
  .article-below[data-v-10b1a5af] .article-factbox ul,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ol,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ul,
  .article-below[data-v-10b1a5af] .article-rte ol,
  .article-below[data-v-10b1a5af] .article-rte ul,
  .article-main[data-v-10b1a5af] .article-factbox ol,
  .article-main[data-v-10b1a5af] .article-factbox ul,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ol,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ul,
  .article-main[data-v-10b1a5af] .article-rte ol,
  .article-main[data-v-10b1a5af] .article-rte ul {
    margin-bottom: 24px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox ol li,
.article-below[data-v-10b1a5af] .article-factbox ul li,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol li,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul li,
.article-below[data-v-10b1a5af] .article-rte ol li,
.article-below[data-v-10b1a5af] .article-rte ul li,
.article-main[data-v-10b1a5af] .article-factbox ol li,
.article-main[data-v-10b1a5af] .article-factbox ul li,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol li,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul li,
.article-main[data-v-10b1a5af] .article-rte ol li,
.article-main[data-v-10b1a5af] .article-rte ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.article-below[data-v-10b1a5af] .article-factbox ol li:last-of-type,
.article-below[data-v-10b1a5af] .article-factbox ul li:last-of-type,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol li:last-of-type,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul li:last-of-type,
.article-below[data-v-10b1a5af] .article-rte ol li:last-of-type,
.article-below[data-v-10b1a5af] .article-rte ul li:last-of-type,
.article-main[data-v-10b1a5af] .article-factbox ol li:last-of-type,
.article-main[data-v-10b1a5af] .article-factbox ul li:last-of-type,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol li:last-of-type,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul li:last-of-type,
.article-main[data-v-10b1a5af] .article-rte ol li:last-of-type,
.article-main[data-v-10b1a5af] .article-rte ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox ol li,
  .article-below[data-v-10b1a5af] .article-factbox ul li,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ol li,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ul li,
  .article-below[data-v-10b1a5af] .article-rte ol li,
  .article-below[data-v-10b1a5af] .article-rte ul li,
  .article-main[data-v-10b1a5af] .article-factbox ol li,
  .article-main[data-v-10b1a5af] .article-factbox ul li,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ol li,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ul li,
  .article-main[data-v-10b1a5af] .article-rte ol li,
  .article-main[data-v-10b1a5af] .article-rte ul li {
    margin-left: 34px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox ol,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol,
.article-below[data-v-10b1a5af] .article-rte ol,
.article-main[data-v-10b1a5af] .article-factbox ol,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol,
.article-main[data-v-10b1a5af] .article-rte ol {
  counter-reset: item;
}
.article-below[data-v-10b1a5af] .article-factbox ol li:before,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol li:before,
.article-below[data-v-10b1a5af] .article-rte ol li:before,
.article-main[data-v-10b1a5af] .article-factbox ol li:before,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol li:before,
.article-main[data-v-10b1a5af] .article-rte ol li:before {
  color: var(--article-factbox-accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox ol li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-below[data-v-10b1a5af] .article-rte ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-main[data-v-10b1a5af] .article-rte ol li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox ol li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-below[data-v-10b1a5af] .article-rte ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-main[data-v-10b1a5af] .article-rte ol li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox ol li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-below[data-v-10b1a5af] .article-rte ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox ol li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ol li:before,
  .article-main[data-v-10b1a5af] .article-rte ol li:before {
    left: -34px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox ul li:before,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul li:before,
.article-below[data-v-10b1a5af] .article-rte ul li:before,
.article-main[data-v-10b1a5af] .article-factbox ul li:before,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul li:before,
.article-main[data-v-10b1a5af] .article-rte ul li:before {
  color: var(--article-factbox-accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox ul li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-below[data-v-10b1a5af] .article-rte ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-main[data-v-10b1a5af] .article-rte ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox ul li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-below[data-v-10b1a5af] .article-rte ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-main[data-v-10b1a5af] .article-rte ul li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox ul li:before,
  .article-below[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-below[data-v-10b1a5af] .article-rte ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox ul li:before,
  .article-main[data-v-10b1a5af] .article-factbox-quotes ul li:before,
  .article-main[data-v-10b1a5af] .article-rte ul li:before {
    left: -34px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox iframe,
.article-below[data-v-10b1a5af] .article-factbox-quotes iframe,
.article-below[data-v-10b1a5af] .article-rte iframe,
.article-main[data-v-10b1a5af] .article-factbox iframe,
.article-main[data-v-10b1a5af] .article-factbox-quotes iframe,
.article-main[data-v-10b1a5af] .article-rte iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox iframe,
  .article-below[data-v-10b1a5af] .article-factbox-quotes iframe,
  .article-below[data-v-10b1a5af] .article-rte iframe,
  .article-main[data-v-10b1a5af] .article-factbox iframe,
  .article-main[data-v-10b1a5af] .article-factbox-quotes iframe,
  .article-main[data-v-10b1a5af] .article-rte iframe {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-rte,
  .article-main[data-v-10b1a5af] .article-rte {
    padding: 0;
  }
}
.article-below[data-v-10b1a5af] .article-rte h2 + h3,
.article-below[data-v-10b1a5af] .article-rte h2 + h4,
.article-below[data-v-10b1a5af] .article-rte h2 + h5,
.article-below[data-v-10b1a5af] .article-rte h3 + h4,
.article-below[data-v-10b1a5af] .article-rte h3 + h5,
.article-below[data-v-10b1a5af] .article-rte h4 + h5,
.article-main[data-v-10b1a5af] .article-rte h2 + h3,
.article-main[data-v-10b1a5af] .article-rte h2 + h4,
.article-main[data-v-10b1a5af] .article-rte h2 + h5,
.article-main[data-v-10b1a5af] .article-rte h3 + h4,
.article-main[data-v-10b1a5af] .article-rte h3 + h5,
.article-main[data-v-10b1a5af] .article-rte h4 + h5 {
  margin-top: -4px;
}
.article-below[data-v-10b1a5af] .article-rte h2,
.article-below[data-v-10b1a5af] .article-rte h3,
.article-below[data-v-10b1a5af] .article-rte h4,
.article-below[data-v-10b1a5af] .article-rte h5,
.article-below[data-v-10b1a5af] .article-rte p,
.article-main[data-v-10b1a5af] .article-rte h2,
.article-main[data-v-10b1a5af] .article-rte h3,
.article-main[data-v-10b1a5af] .article-rte h4,
.article-main[data-v-10b1a5af] .article-rte h5,
.article-main[data-v-10b1a5af] .article-rte p {
  color: var(--color-900);
  margin-bottom: 16px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-rte h2,
  .article-below[data-v-10b1a5af] .article-rte h3,
  .article-below[data-v-10b1a5af] .article-rte h4,
  .article-below[data-v-10b1a5af] .article-rte h5,
  .article-below[data-v-10b1a5af] .article-rte p,
  .article-main[data-v-10b1a5af] .article-rte h2,
  .article-main[data-v-10b1a5af] .article-rte h3,
  .article-main[data-v-10b1a5af] .article-rte h4,
  .article-main[data-v-10b1a5af] .article-rte h5,
  .article-main[data-v-10b1a5af] .article-rte p {
    margin-bottom: 24px;
  }
}
.article-below[data-v-10b1a5af] .article-rte em,
.article-below[data-v-10b1a5af] .article-rte strong,
.article-main[data-v-10b1a5af] .article-rte em,
.article-main[data-v-10b1a5af] .article-rte strong {
  word-break: break-word;
}
.article-below[data-v-10b1a5af] .article-rte em,
.article-below[data-v-10b1a5af] .article-rte li,
.article-below[data-v-10b1a5af] .article-rte p,
.article-below[data-v-10b1a5af] .article-rte strong,
.article-main[data-v-10b1a5af] .article-rte em,
.article-main[data-v-10b1a5af] .article-rte li,
.article-main[data-v-10b1a5af] .article-rte p,
.article-main[data-v-10b1a5af] .article-rte strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-rte em,
  .article-below[data-v-10b1a5af] .article-rte li,
  .article-below[data-v-10b1a5af] .article-rte p,
  .article-below[data-v-10b1a5af] .article-rte strong,
  .article-main[data-v-10b1a5af] .article-rte em,
  .article-main[data-v-10b1a5af] .article-rte li,
  .article-main[data-v-10b1a5af] .article-rte p,
  .article-main[data-v-10b1a5af] .article-rte strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-10b1a5af] .article-rte p:empty,
.article-main[data-v-10b1a5af] .article-rte p:empty {
  margin-bottom: 0;
}
.article-below[data-v-10b1a5af] .article-factbox em,
.article-below[data-v-10b1a5af] .article-factbox h2,
.article-below[data-v-10b1a5af] .article-factbox h3,
.article-below[data-v-10b1a5af] .article-factbox h4,
.article-below[data-v-10b1a5af] .article-factbox h5,
.article-below[data-v-10b1a5af] .article-factbox p,
.article-below[data-v-10b1a5af] .article-factbox strong,
.article-below[data-v-10b1a5af] .article-factbox-quotes em,
.article-below[data-v-10b1a5af] .article-factbox-quotes h2,
.article-below[data-v-10b1a5af] .article-factbox-quotes h3,
.article-below[data-v-10b1a5af] .article-factbox-quotes h4,
.article-below[data-v-10b1a5af] .article-factbox-quotes h5,
.article-below[data-v-10b1a5af] .article-factbox-quotes p,
.article-below[data-v-10b1a5af] .article-factbox-quotes strong,
.article-main[data-v-10b1a5af] .article-factbox em,
.article-main[data-v-10b1a5af] .article-factbox h2,
.article-main[data-v-10b1a5af] .article-factbox h3,
.article-main[data-v-10b1a5af] .article-factbox h4,
.article-main[data-v-10b1a5af] .article-factbox h5,
.article-main[data-v-10b1a5af] .article-factbox p,
.article-main[data-v-10b1a5af] .article-factbox strong,
.article-main[data-v-10b1a5af] .article-factbox-quotes em,
.article-main[data-v-10b1a5af] .article-factbox-quotes h2,
.article-main[data-v-10b1a5af] .article-factbox-quotes h3,
.article-main[data-v-10b1a5af] .article-factbox-quotes h4,
.article-main[data-v-10b1a5af] .article-factbox-quotes h5,
.article-main[data-v-10b1a5af] .article-factbox-quotes p,
.article-main[data-v-10b1a5af] .article-factbox-quotes strong {
  margin-bottom: 12px;
  word-break: break-word;
}
.article-below[data-v-10b1a5af] .article-factbox ol,
.article-below[data-v-10b1a5af] .article-factbox ul,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul,
.article-main[data-v-10b1a5af] .article-factbox ol,
.article-main[data-v-10b1a5af] .article-factbox ul,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul {
  margin-bottom: 12px;
}
.article-below[data-v-10b1a5af] .article-factbox ol li,
.article-below[data-v-10b1a5af] .article-factbox ul li,
.article-below[data-v-10b1a5af] .article-factbox-quotes ol li,
.article-below[data-v-10b1a5af] .article-factbox-quotes ul li,
.article-main[data-v-10b1a5af] .article-factbox ol li,
.article-main[data-v-10b1a5af] .article-factbox ul li,
.article-main[data-v-10b1a5af] .article-factbox-quotes ol li,
.article-main[data-v-10b1a5af] .article-factbox-quotes ul li {
  margin-bottom: 4px;
}
.article-below[data-v-10b1a5af] .article-factbox .author-name,
.article-below[data-v-10b1a5af] .article-factbox-quotes .author-name,
.article-main[data-v-10b1a5af] .article-factbox .author-name,
.article-main[data-v-10b1a5af] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox .author-name,
  .article-below[data-v-10b1a5af] .article-factbox-quotes .author-name,
  .article-main[data-v-10b1a5af] .article-factbox .author-name,
  .article-main[data-v-10b1a5af] .article-factbox-quotes .author-name {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox .author-name,
  .article-below[data-v-10b1a5af] .article-factbox-quotes .author-name,
  .article-main[data-v-10b1a5af] .article-factbox .author-name,
  .article-main[data-v-10b1a5af] .article-factbox-quotes .author-name {
    font-weight: 400;
  }
}
.article-below[data-v-10b1a5af] .article-factbox .author-name:before,
.article-below[data-v-10b1a5af] .article-factbox-quotes .author-name:before,
.article-main[data-v-10b1a5af] .article-factbox .author-name:before,
.article-main[data-v-10b1a5af] .article-factbox-quotes .author-name:before {
  content: "— ";
}
.article-below[data-v-10b1a5af] .article-factbox,
.article-main[data-v-10b1a5af] .article-factbox {
  background-color: var(--article-factbox-surface);
  margin: 0 -16px 16px;
  padding: 24px 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox,
  .article-main[data-v-10b1a5af] .article-factbox {
    margin: 0 -16px 24px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox:after,
.article-below[data-v-10b1a5af] .article-factbox:before,
.article-main[data-v-10b1a5af] .article-factbox:after,
.article-main[data-v-10b1a5af] .article-factbox:before {
  background: var(--accent-light);
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
.article-below[data-v-10b1a5af] .article-factbox:after,
.article-main[data-v-10b1a5af] .article-factbox:after {
  bottom: 0;
  top: auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox,
  .article-main[data-v-10b1a5af] .article-factbox {
    margin: 0 -32px 24px;
    padding: 16px 32px 15px;
  }
}
.article-below[data-v-10b1a5af] .article-factbox em,
.article-below[data-v-10b1a5af] .article-factbox h2,
.article-below[data-v-10b1a5af] .article-factbox h3,
.article-below[data-v-10b1a5af] .article-factbox h4,
.article-below[data-v-10b1a5af] .article-factbox h5,
.article-below[data-v-10b1a5af] .article-factbox li,
.article-below[data-v-10b1a5af] .article-factbox p,
.article-below[data-v-10b1a5af] .article-factbox strong,
.article-main[data-v-10b1a5af] .article-factbox em,
.article-main[data-v-10b1a5af] .article-factbox h2,
.article-main[data-v-10b1a5af] .article-factbox h3,
.article-main[data-v-10b1a5af] .article-factbox h4,
.article-main[data-v-10b1a5af] .article-factbox h5,
.article-main[data-v-10b1a5af] .article-factbox li,
.article-main[data-v-10b1a5af] .article-factbox p,
.article-main[data-v-10b1a5af] .article-factbox strong {
  color: var(--color-900);
}
.article-below[data-v-10b1a5af] .article-factbox a,
.article-main[data-v-10b1a5af] .article-factbox a {
  background-image: linear-gradient(
    var(--article-factbox-link),
    var(--article-factbox-link)
  ) !important;
  color: var(--article-factbox-link) !important;
}
.article-below[data-v-10b1a5af] .article-factbox a:hover,
.article-main[data-v-10b1a5af] .article-factbox a:hover {
  color: var(--article-factbox-link-hover) !important;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox a:hover,
  .article-main[data-v-10b1a5af] .article-factbox a:hover {
    background-image: linear-gradient(
      var(--article-factbox-link-hover),
      var(--article-factbox-link-hover)
    ) !important;
  }
}
.article-below[data-v-10b1a5af] .article-factbox em,
.article-below[data-v-10b1a5af] .article-factbox li,
.article-below[data-v-10b1a5af] .article-factbox p,
.article-below[data-v-10b1a5af] .article-factbox strong,
.article-main[data-v-10b1a5af] .article-factbox em,
.article-main[data-v-10b1a5af] .article-factbox li,
.article-main[data-v-10b1a5af] .article-factbox p,
.article-main[data-v-10b1a5af] .article-factbox strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox em,
  .article-below[data-v-10b1a5af] .article-factbox li,
  .article-below[data-v-10b1a5af] .article-factbox p,
  .article-below[data-v-10b1a5af] .article-factbox strong,
  .article-main[data-v-10b1a5af] .article-factbox em,
  .article-main[data-v-10b1a5af] .article-factbox li,
  .article-main[data-v-10b1a5af] .article-factbox p,
  .article-main[data-v-10b1a5af] .article-factbox strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox .antrfile > strong,
.article-below[data-v-10b1a5af] .article-factbox .standard > strong,
.article-main[data-v-10b1a5af] .article-factbox .antrfile > strong,
.article-main[data-v-10b1a5af] .article-factbox .standard > strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-below[data-v-10b1a5af] .article-factbox .standard > strong,
  .article-main[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-main[data-v-10b1a5af] .article-factbox .standard > strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-below[data-v-10b1a5af] .article-factbox .standard > strong,
  .article-main[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-main[data-v-10b1a5af] .article-factbox .standard > strong {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-below[data-v-10b1a5af] .article-factbox .standard > strong,
  .article-main[data-v-10b1a5af] .article-factbox .antrfile > strong,
  .article-main[data-v-10b1a5af] .article-factbox .standard > strong {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-10b1a5af] .article-factbox-quotes .author-name,
.article-main[data-v-10b1a5af] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
}
.article-below[data-v-10b1a5af] .article-embed,
.article-main[data-v-10b1a5af] .article-embed {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-embed,
  .article-main[data-v-10b1a5af] .article-embed {
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-10b1a5af] .article-embed iframe,
.article-main[data-v-10b1a5af] .article-embed iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-embed iframe,
  .article-main[data-v-10b1a5af] .article-embed iframe {
    max-width: 560px;
  }
}
.article-below[data-v-10b1a5af] .article-embed iframe[src^="https://www.facebook.com/"],.article-main[data-v-10b1a5af] .article-embed iframe[src^="https://www.facebook.com/"]
{
  background-color: #fff;
}
.article-below[data-v-10b1a5af] .paywall,
.article-main[data-v-10b1a5af] .paywall {
  display: none;
}
.article-main[data-v-10b1a5af] .article-content {
  padding-top: 20px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-main[data-v-10b1a5af] .article-content {
    padding-top: 15px;
  }
}
.article-main[data-v-10b1a5af] .fb-video {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-main[data-v-10b1a5af] .fb-video {
    left: 50%;
    margin-bottom: 24px;
    position: relative;
    transform: translate(-50%);
  }
}
.article-main[data-v-10b1a5af] p > iframe[src*="youtube.com"] {
  margin: 0 -16px !important;
  max-width: calc(100% + 32px) !important;
}
@media screen and (min-width: 485px) {
  .article-main[data-v-10b1a5af] p > iframe[src*="youtube.com"] {
    height: 272px !important;
    max-width: 484px !important;
    width: 484px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-10b1a5af] p > iframe[src*="youtube.com"] {
    height: 387px !important;
    margin: 0 -24px !important;
    max-width: 688px !important;
    width: 688px !important;
  }
}
.article-main[data-v-10b1a5af] div:has(> iframe[src*="dailymotion.com/embed"]) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .article-main[data-v-10b1a5af]
    div:has(> iframe[src*="dailymotion.com/embed"]) {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-10b1a5af] div > iframe[src*="giphy.com/embed"],
  .article-main[data-v-10b1a5af] iframe[src*="dailymotion.com/embed"] {
    left: 50% !important;
    transform: translate(-50%);
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .is-main {
    margin-bottom: 4px;
  }
}
.article-below[data-v-10b1a5af] .article-sidebar {
  margin-bottom: 0;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af] .article-sidebar {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-10b1a5af]:last-of-type .is-main {
    margin-bottom: 0;
  }
}
.article-below[data-v-10b1a5af]:last-of-type .article-sidebar {
  margin-bottom: 4px;
}
.static-document .breadcrumbs[data-v-10b1a5af] {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs[data-v-10b1a5af] {
    padding: 0 24px;
  }
}
.static-document .breadcrumbs-link[data-v-10b1a5af] {
  background-image: none;
  background-position: unset;
  background-size: unset;
  color: var(--breadcrumbs-color-special);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0 4px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs-link[data-v-10b1a5af] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .static-document .breadcrumbs-link[data-v-10b1a5af]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.static-document .breadcrumbs-link[data-v-10b1a5af]:first-child {
  margin-left: 0;
}
.static-document .breadcrumbs .icon-chevron--right[data-v-10b1a5af] {
  color: var(--color-900);
}
.static-document .breadcrumbs-icon-container[data-v-10b1a5af] {
  align-items: center;
  display: flex;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1107f864] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1107f864] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1107f864],
  .comment-reply-bubble[data-v-1107f864] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1107f864],
  .comment-reply-bubble[data-v-1107f864] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1107f864] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1107f864] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1107f864],
  .comment-title[data-v-1107f864] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1107f864],
  .comment-title[data-v-1107f864] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1107f864] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1107f864] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1107f864] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1107f864] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1107f864] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1107f864] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1107f864] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1107f864] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1107f864] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1107f864] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1107f864] {
  margin-bottom: 16px;
}
.comment-header[data-v-1107f864] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1107f864] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1107f864] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1107f864] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1107f864] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1107f864] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1107f864]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1107f864],
.comment-page .comment-header.is-sticky[data-v-1107f864] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1107f864] {
  animation: slideInDown-1107f864 0.32s ease-in-out;
}
@keyframes slideInDown-1107f864 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1107f864] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1107f864] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1107f864]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1107f864]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1107f864] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1107f864] {
  animation: slideOutUp-1107f864 0.32s ease-in-out;
}
@keyframes slideOutUp-1107f864 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1107f864] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1107f864] {
  margin-left: 8px;
}
.comment-title span[data-v-1107f864] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1107f864] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1107f864] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1107f864] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1107f864]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1107f864] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1107f864] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1107f864] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1107f864] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1107f864] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1107f864],
.comment-page.post-fixed .comment-post-body[data-v-1107f864] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1107f864] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1107f864] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1107f864] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1107f864] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1107f864] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1107f864] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1107f864] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1107f864] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1107f864] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1107f864],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1107f864] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1107f864] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1107f864] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1107f864],
.comment-page.post-fixed .comment-post-body.active[data-v-1107f864] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1107f864],
  .comment-page.post-fixed .comment-post-body.active[data-v-1107f864] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1107f864],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1107f864] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1107f864] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1107f864] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1107f864] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1107f864] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1107f864] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1107f864] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1107f864] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1107f864] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1107f864] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1107f864] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1107f864]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1107f864]:focus,
.comment-input-field.textarea[data-v-1107f864]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1107f864]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1107f864] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1107f864] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1107f864] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1107f864] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1107f864] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1107f864] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1107f864] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1107f864] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1107f864]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1107f864] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1107f864],
.comment-send-btn.disabled .icon-send[data-v-1107f864] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1107f864]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1107f864] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1107f864] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1107f864] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1107f864] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1107f864] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1107f864] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1107f864] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1107f864] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1107f864] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1107f864] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1107f864] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1107f864] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1107f864] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1107f864] {
  align-items: center;
  animation: blink-1107f864 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1107f864 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1107f864] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1107f864] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1107f864] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1107f864] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1107f864] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1107f864] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1107f864]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1107f864] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1107f864] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1107f864] {
  margin: 0 0 0 -8px;
}
[data-v-1107f864] .horoscope-wrap {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-eba8d33e] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-eba8d33e] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-eba8d33e],
  .comment-reply-bubble[data-v-eba8d33e] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-eba8d33e],
  .comment-reply-bubble[data-v-eba8d33e] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-eba8d33e] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-eba8d33e] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-below .article-lead[data-v-eba8d33e],
  .article-main .article-lead[data-v-eba8d33e] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below .article-lead[data-v-eba8d33e],
  .article-main .article-lead[data-v-eba8d33e] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-eba8d33e],
  .comment-title[data-v-eba8d33e] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-eba8d33e],
  .comment-title[data-v-eba8d33e] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-eba8d33e] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-eba8d33e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-eba8d33e] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-eba8d33e] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-eba8d33e] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-eba8d33e] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-eba8d33e] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-eba8d33e] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-eba8d33e] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-eba8d33e] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-eba8d33e] {
  margin-bottom: 16px;
}
.comment-header[data-v-eba8d33e] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-eba8d33e] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-eba8d33e] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-eba8d33e] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-eba8d33e] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-eba8d33e] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-eba8d33e]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-eba8d33e],
.comment-page .comment-header.is-sticky[data-v-eba8d33e] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-eba8d33e] {
  animation: slideInDown-eba8d33e 0.32s ease-in-out;
}
@keyframes slideInDown-eba8d33e {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-eba8d33e] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-eba8d33e] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-eba8d33e]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-eba8d33e]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-eba8d33e] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-eba8d33e] {
  animation: slideOutUp-eba8d33e 0.32s ease-in-out;
}
@keyframes slideOutUp-eba8d33e {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-eba8d33e] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-eba8d33e] {
  margin-left: 8px;
}
.comment-title span[data-v-eba8d33e] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-eba8d33e] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-eba8d33e] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-eba8d33e] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-eba8d33e]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-eba8d33e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-eba8d33e] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-eba8d33e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-eba8d33e] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-eba8d33e] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-eba8d33e],
.comment-page.post-fixed .comment-post-body[data-v-eba8d33e] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-eba8d33e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-eba8d33e] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-eba8d33e] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-eba8d33e] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-eba8d33e] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-eba8d33e] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-eba8d33e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-eba8d33e] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-eba8d33e] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-eba8d33e],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-eba8d33e] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-eba8d33e] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-eba8d33e] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-eba8d33e],
.comment-page.post-fixed .comment-post-body.active[data-v-eba8d33e] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-eba8d33e],
  .comment-page.post-fixed .comment-post-body.active[data-v-eba8d33e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-eba8d33e],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-eba8d33e] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-eba8d33e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-eba8d33e] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-eba8d33e] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-eba8d33e] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-eba8d33e] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-eba8d33e] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-eba8d33e] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-eba8d33e] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-eba8d33e] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-eba8d33e] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-eba8d33e]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-eba8d33e]:focus,
.comment-input-field.textarea[data-v-eba8d33e]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-eba8d33e]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-eba8d33e] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-eba8d33e] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-eba8d33e] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-eba8d33e] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-eba8d33e] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-eba8d33e] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-eba8d33e] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-eba8d33e] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-eba8d33e]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-eba8d33e] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-eba8d33e],
.comment-send-btn.disabled .icon-send[data-v-eba8d33e] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-eba8d33e]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-eba8d33e] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-eba8d33e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-eba8d33e] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-eba8d33e] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-eba8d33e] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-eba8d33e] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-eba8d33e] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-eba8d33e] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-eba8d33e] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-eba8d33e] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-eba8d33e] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-eba8d33e] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-eba8d33e] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-eba8d33e] {
  align-items: center;
  animation: blink-eba8d33e 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-eba8d33e {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-eba8d33e] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-eba8d33e] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-eba8d33e] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-eba8d33e] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-eba8d33e] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-eba8d33e] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-eba8d33e]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-eba8d33e] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-eba8d33e] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-eba8d33e] {
  margin: 0 0 0 -8px;
}
.article-below[data-v-eba8d33e],
.article-main[data-v-eba8d33e] {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e],
  .article-main[data-v-eba8d33e] {
    flex-direction: row;
    max-width: unset;
    width: 100%;
  }
}
.article-below[data-v-eba8d33e] .article-content,
.article-main[data-v-eba8d33e] .article-content {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 0 16px;
}
@media (min-width: 429px) {
  .article-below[data-v-eba8d33e] .article-content,
  .article-main[data-v-eba8d33e] .article-content {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content,
  .article-main[data-v-eba8d33e] .article-content {
    flex-basis: 100%;
    margin-right: 4px;
    max-width: 704px;
    padding: 0 32px;
  }
}
.article-below[data-v-eba8d33e] .article-content.full-width,
.article-main[data-v-eba8d33e] .article-content.full-width {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.full-width,
  .article-main[data-v-eba8d33e] .article-content.full-width {
    margin-right: 0;
    max-width: unset;
    padding-top: 8px;
  }
}
.article-below[data-v-eba8d33e] .article-content.full-width.all-comments-page,
.article-main[data-v-eba8d33e] .article-content.full-width.all-comments-page {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.full-width.all-comments-page,
  .article-main[data-v-eba8d33e] .article-content.full-width.all-comments-page {
    padding-top: 20px;
  }
}
.article-below[data-v-eba8d33e]
  .article-content.full-width.all-comments-page
  .article-header,
.article-main[data-v-eba8d33e]
  .article-content.full-width.all-comments-page
  .article-header {
  order: unset;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.full-width .article-tags,
  .article-main[data-v-eba8d33e] .article-content.full-width .article-tags {
    height: auto;
    margin: 0 auto 16px;
    max-width: 640px;
    overflow-x: unset;
  }
}
.has-gallery-full-screen-active
  .article-below[data-v-eba8d33e]
  .article-content,
.has-gallery-full-screen-active
  .article-main[data-v-eba8d33e]
  .article-content {
  position: relative;
  z-index: 10000;
}
.article-below[data-v-eba8d33e] .article-content .storytelling,
.article-main[data-v-eba8d33e] .article-content .storytelling {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content .storytelling,
  .article-main[data-v-eba8d33e] .article-content .storytelling {
    margin: 0 auto;
    max-width: 640px;
  }
}
.article-below[data-v-eba8d33e]
  .article-content
  .storytelling
  .article-big-image,
.article-main[data-v-eba8d33e]
  .article-content
  .storytelling
  .article-big-image {
  order: 1;
}
.article-below[data-v-eba8d33e] .article-content .storytelling .article-header,
.article-main[data-v-eba8d33e] .article-content .storytelling .article-header {
  order: 2;
}
.article-below[data-v-eba8d33e] .article-content .storytelling .article-body,
.article-main[data-v-eba8d33e] .article-content .storytelling .article-body {
  order: 3;
}
.article-below[data-v-eba8d33e] .article-content .gallerystory,
.article-main[data-v-eba8d33e] .article-content .gallerystory {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content .gallerystory,
  .article-main[data-v-eba8d33e] .article-content .gallerystory {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.is-storytelling,
  .article-main[data-v-eba8d33e] .article-content.is-storytelling {
    margin: 4px auto;
    max-width: unset;
    width: 1008px;
  }
}
.article-below[data-v-eba8d33e]
  .article-content.is-storytelling
  .card-engagement-bar,
.article-main[data-v-eba8d33e]
  .article-content.is-storytelling
  .card-engagement-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.is-storytelling iframe,
  .article-main[data-v-eba8d33e] .article-content.is-storytelling iframe {
    max-width: 656px;
  }
}
.article-below[data-v-eba8d33e] .article-content.is-staticpage,
.article-main[data-v-eba8d33e] .article-content.is-staticpage {
  padding: 20px 16px 1px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.is-staticpage,
  .article-main[data-v-eba8d33e] .article-content.is-staticpage {
    margin: 4px auto;
    max-width: unset;
    padding: 24px 208px;
    width: 1024px;
  }
}
.article-below[data-v-eba8d33e] .article-content.is-staticpage .static-title,
.article-main[data-v-eba8d33e] .article-content.is-staticpage .static-title {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.is-staticpage .static-title,
  .article-main[data-v-eba8d33e] .article-content.is-staticpage .static-title {
    font-size: 2.4375rem;
    line-height: 3rem;
    padding: 0 24px;
  }
}
.article-below[data-v-eba8d33e] .article-content .is-how-to .textline h2,
.article-main[data-v-eba8d33e] .article-content .is-how-to .textline h2 {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 0;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-content .is-how-to .textline h2,
  .article-main[data-v-eba8d33e] .article-content .is-how-to .textline h2 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-content .is-how-to .textline h2,
  .article-main[data-v-eba8d33e] .article-content .is-how-to .textline h2 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content .is-how-to .textline h2,
  .article-main[data-v-eba8d33e] .article-content .is-how-to .textline h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-eba8d33e] .article-content.all-comments-page,
.article-main[data-v-eba8d33e] .article-content.all-comments-page {
  position: relative;
  z-index: 11;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-content.all-comments-page,
  .article-main[data-v-eba8d33e] .article-content.all-comments-page {
    background-color: unset;
    box-shadow: unset;
    margin-bottom: 4px;
    padding: 0;
  }
}
.article-below[data-v-eba8d33e]
  .article-content.all-comments-page
  .gallerystory,
.article-main[data-v-eba8d33e]
  .article-content.all-comments-page
  .gallerystory {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e]
    .article-content.all-comments-page
    .is-comments-page,
  .article-main[data-v-eba8d33e]
    .article-content.all-comments-page
    .is-comments-page {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling,
  .article-main[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling
    .full-width,
  .article-main[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling
    .full-width {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page,
  .article-main[data-v-eba8d33e]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
  }
}
.article-below[data-v-eba8d33e] .article-sidebar,
.article-main[data-v-eba8d33e] .article-sidebar {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-sidebar,
  .article-main[data-v-eba8d33e] .article-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 316px;
    position: relative;
    width: 316px;
    z-index: 1;
  }
}
.article-below[data-v-eba8d33e] .article-divider,
.article-main[data-v-eba8d33e] .article-divider {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  width: 100%;
}
.article-below[data-v-eba8d33e] .article-image img,
.article-main[data-v-eba8d33e] .article-image img {
  display: block;
  width: 100%;
}
.article-below .article-lead[data-v-eba8d33e],
.article-main .article-lead[data-v-eba8d33e] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-below .article-lead[data-v-eba8d33e],
  .article-main .article-lead[data-v-eba8d33e] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox h2,
.article-below[data-v-eba8d33e] .article-factbox-quotes h2,
.article-below[data-v-eba8d33e] .article-rte h2,
.article-main[data-v-eba8d33e] .article-factbox h2,
.article-main[data-v-eba8d33e] .article-factbox-quotes h2,
.article-main[data-v-eba8d33e] .article-rte h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h2,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-below[data-v-eba8d33e] .article-rte h2,
  .article-main[data-v-eba8d33e] .article-factbox h2,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-main[data-v-eba8d33e] .article-rte h2 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h2,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-below[data-v-eba8d33e] .article-rte h2,
  .article-main[data-v-eba8d33e] .article-factbox h2,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-main[data-v-eba8d33e] .article-rte h2 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox h2,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-below[data-v-eba8d33e] .article-rte h2,
  .article-main[data-v-eba8d33e] .article-factbox h2,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h2,
  .article-main[data-v-eba8d33e] .article-rte h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox h3,
.article-below[data-v-eba8d33e] .article-factbox-quotes h3,
.article-below[data-v-eba8d33e] .article-rte h3,
.article-main[data-v-eba8d33e] .article-factbox h3,
.article-main[data-v-eba8d33e] .article-factbox-quotes h3,
.article-main[data-v-eba8d33e] .article-rte h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h3,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-below[data-v-eba8d33e] .article-rte h3,
  .article-main[data-v-eba8d33e] .article-factbox h3,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-main[data-v-eba8d33e] .article-rte h3 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h3,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-below[data-v-eba8d33e] .article-rte h3,
  .article-main[data-v-eba8d33e] .article-factbox h3,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-main[data-v-eba8d33e] .article-rte h3 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox h3,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-below[data-v-eba8d33e] .article-rte h3,
  .article-main[data-v-eba8d33e] .article-factbox h3,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h3,
  .article-main[data-v-eba8d33e] .article-rte h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox h4,
.article-below[data-v-eba8d33e] .article-factbox-quotes h4,
.article-below[data-v-eba8d33e] .article-rte h4,
.article-main[data-v-eba8d33e] .article-factbox h4,
.article-main[data-v-eba8d33e] .article-factbox-quotes h4,
.article-main[data-v-eba8d33e] .article-rte h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h4,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-below[data-v-eba8d33e] .article-rte h4,
  .article-main[data-v-eba8d33e] .article-factbox h4,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-main[data-v-eba8d33e] .article-rte h4 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h4,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-below[data-v-eba8d33e] .article-rte h4,
  .article-main[data-v-eba8d33e] .article-factbox h4,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-main[data-v-eba8d33e] .article-rte h4 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox h4,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-below[data-v-eba8d33e] .article-rte h4,
  .article-main[data-v-eba8d33e] .article-factbox h4,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h4,
  .article-main[data-v-eba8d33e] .article-rte h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox h5,
.article-below[data-v-eba8d33e] .article-factbox-quotes h5,
.article-below[data-v-eba8d33e] .article-rte h5,
.article-main[data-v-eba8d33e] .article-factbox h5,
.article-main[data-v-eba8d33e] .article-factbox-quotes h5,
.article-main[data-v-eba8d33e] .article-rte h5 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h5,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-below[data-v-eba8d33e] .article-rte h5,
  .article-main[data-v-eba8d33e] .article-factbox h5,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-main[data-v-eba8d33e] .article-rte h5 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox h5,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-below[data-v-eba8d33e] .article-rte h5,
  .article-main[data-v-eba8d33e] .article-factbox h5,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-main[data-v-eba8d33e] .article-rte h5 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox h5,
  .article-below[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-below[data-v-eba8d33e] .article-rte h5,
  .article-main[data-v-eba8d33e] .article-factbox h5,
  .article-main[data-v-eba8d33e] .article-factbox-quotes h5,
  .article-main[data-v-eba8d33e] .article-rte h5 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox em,
.article-below[data-v-eba8d33e] .article-factbox em strong,
.article-below[data-v-eba8d33e] .article-factbox-quotes em,
.article-below[data-v-eba8d33e] .article-factbox-quotes em strong,
.article-below[data-v-eba8d33e] .article-rte em,
.article-below[data-v-eba8d33e] .article-rte em strong,
.article-main[data-v-eba8d33e] .article-factbox em,
.article-main[data-v-eba8d33e] .article-factbox em strong,
.article-main[data-v-eba8d33e] .article-factbox-quotes em,
.article-main[data-v-eba8d33e] .article-factbox-quotes em strong,
.article-main[data-v-eba8d33e] .article-rte em,
.article-main[data-v-eba8d33e] .article-rte em strong {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox strong,
  .article-below[data-v-eba8d33e] .article-factbox-quotes strong,
  .article-below[data-v-eba8d33e] .article-rte strong,
  .article-main[data-v-eba8d33e] .article-factbox strong,
  .article-main[data-v-eba8d33e] .article-factbox-quotes strong,
  .article-main[data-v-eba8d33e] .article-rte strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox strong,
  .article-below[data-v-eba8d33e] .article-factbox-quotes strong,
  .article-below[data-v-eba8d33e] .article-rte strong,
  .article-main[data-v-eba8d33e] .article-factbox strong,
  .article-main[data-v-eba8d33e] .article-factbox-quotes strong,
  .article-main[data-v-eba8d33e] .article-rte strong {
    font-weight: 700;
  }
}
.article-below[data-v-eba8d33e] .article-factbox a,
.article-below[data-v-eba8d33e] .article-factbox-quotes a,
.article-below[data-v-eba8d33e] .article-rte a,
.article-main[data-v-eba8d33e] .article-factbox a,
.article-main[data-v-eba8d33e] .article-factbox-quotes a,
.article-main[data-v-eba8d33e] .article-rte a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox a:hover,
  .article-below[data-v-eba8d33e] .article-factbox-quotes a:hover,
  .article-below[data-v-eba8d33e] .article-rte a:hover,
  .article-main[data-v-eba8d33e] .article-factbox a:hover,
  .article-main[data-v-eba8d33e] .article-factbox-quotes a:hover,
  .article-main[data-v-eba8d33e] .article-rte a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.article-below[data-v-eba8d33e] .article-factbox a:hover,
.article-below[data-v-eba8d33e] .article-factbox-quotes a:hover,
.article-below[data-v-eba8d33e] .article-rte a:hover,
.article-main[data-v-eba8d33e] .article-factbox a:hover,
.article-main[data-v-eba8d33e] .article-factbox-quotes a:hover,
.article-main[data-v-eba8d33e] .article-rte a:hover {
  color: var(--accent-hover);
}
.article-below[data-v-eba8d33e] .article-factbox a:after,
.article-below[data-v-eba8d33e] .article-factbox-quotes a:after,
.article-below[data-v-eba8d33e] .article-rte a:after,
.article-main[data-v-eba8d33e] .article-factbox a:after,
.article-main[data-v-eba8d33e] .article-factbox-quotes a:after,
.article-main[data-v-eba8d33e] .article-rte a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-below[data-v-eba8d33e] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-below[data-v-eba8d33e] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-below[data-v-eba8d33e] .article-rte a[href^="https://www.kurir.rs"]:after,.article-main[data-v-eba8d33e] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-main[data-v-eba8d33e] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-main[data-v-eba8d33e] .article-rte a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.article-below[data-v-eba8d33e] .article-factbox ol,
.article-below[data-v-eba8d33e] .article-factbox ul,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul,
.article-below[data-v-eba8d33e] .article-rte ol,
.article-below[data-v-eba8d33e] .article-rte ul,
.article-main[data-v-eba8d33e] .article-factbox ol,
.article-main[data-v-eba8d33e] .article-factbox ul,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul,
.article-main[data-v-eba8d33e] .article-rte ol,
.article-main[data-v-eba8d33e] .article-rte ul {
  list-style-position: inside;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox ol,
  .article-below[data-v-eba8d33e] .article-factbox ul,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ol,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ul,
  .article-below[data-v-eba8d33e] .article-rte ol,
  .article-below[data-v-eba8d33e] .article-rte ul,
  .article-main[data-v-eba8d33e] .article-factbox ol,
  .article-main[data-v-eba8d33e] .article-factbox ul,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ol,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ul,
  .article-main[data-v-eba8d33e] .article-rte ol,
  .article-main[data-v-eba8d33e] .article-rte ul {
    margin-bottom: 24px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox ol li,
.article-below[data-v-eba8d33e] .article-factbox ul li,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol li,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul li,
.article-below[data-v-eba8d33e] .article-rte ol li,
.article-below[data-v-eba8d33e] .article-rte ul li,
.article-main[data-v-eba8d33e] .article-factbox ol li,
.article-main[data-v-eba8d33e] .article-factbox ul li,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol li,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul li,
.article-main[data-v-eba8d33e] .article-rte ol li,
.article-main[data-v-eba8d33e] .article-rte ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.article-below[data-v-eba8d33e] .article-factbox ol li:last-of-type,
.article-below[data-v-eba8d33e] .article-factbox ul li:last-of-type,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol li:last-of-type,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul li:last-of-type,
.article-below[data-v-eba8d33e] .article-rte ol li:last-of-type,
.article-below[data-v-eba8d33e] .article-rte ul li:last-of-type,
.article-main[data-v-eba8d33e] .article-factbox ol li:last-of-type,
.article-main[data-v-eba8d33e] .article-factbox ul li:last-of-type,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol li:last-of-type,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul li:last-of-type,
.article-main[data-v-eba8d33e] .article-rte ol li:last-of-type,
.article-main[data-v-eba8d33e] .article-rte ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox ol li,
  .article-below[data-v-eba8d33e] .article-factbox ul li,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ol li,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ul li,
  .article-below[data-v-eba8d33e] .article-rte ol li,
  .article-below[data-v-eba8d33e] .article-rte ul li,
  .article-main[data-v-eba8d33e] .article-factbox ol li,
  .article-main[data-v-eba8d33e] .article-factbox ul li,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ol li,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ul li,
  .article-main[data-v-eba8d33e] .article-rte ol li,
  .article-main[data-v-eba8d33e] .article-rte ul li {
    margin-left: 34px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox ol,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol,
.article-below[data-v-eba8d33e] .article-rte ol,
.article-main[data-v-eba8d33e] .article-factbox ol,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol,
.article-main[data-v-eba8d33e] .article-rte ol {
  counter-reset: item;
}
.article-below[data-v-eba8d33e] .article-factbox ol li:before,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol li:before,
.article-below[data-v-eba8d33e] .article-rte ol li:before,
.article-main[data-v-eba8d33e] .article-factbox ol li:before,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol li:before,
.article-main[data-v-eba8d33e] .article-rte ol li:before {
  color: var(--article-factbox-accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox ol li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-below[data-v-eba8d33e] .article-rte ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-main[data-v-eba8d33e] .article-rte ol li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox ol li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-below[data-v-eba8d33e] .article-rte ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-main[data-v-eba8d33e] .article-rte ol li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox ol li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-below[data-v-eba8d33e] .article-rte ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox ol li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ol li:before,
  .article-main[data-v-eba8d33e] .article-rte ol li:before {
    left: -34px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox ul li:before,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul li:before,
.article-below[data-v-eba8d33e] .article-rte ul li:before,
.article-main[data-v-eba8d33e] .article-factbox ul li:before,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul li:before,
.article-main[data-v-eba8d33e] .article-rte ul li:before {
  color: var(--article-factbox-accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox ul li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-below[data-v-eba8d33e] .article-rte ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-main[data-v-eba8d33e] .article-rte ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox ul li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-below[data-v-eba8d33e] .article-rte ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-main[data-v-eba8d33e] .article-rte ul li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox ul li:before,
  .article-below[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-below[data-v-eba8d33e] .article-rte ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox ul li:before,
  .article-main[data-v-eba8d33e] .article-factbox-quotes ul li:before,
  .article-main[data-v-eba8d33e] .article-rte ul li:before {
    left: -34px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox iframe,
.article-below[data-v-eba8d33e] .article-factbox-quotes iframe,
.article-below[data-v-eba8d33e] .article-rte iframe,
.article-main[data-v-eba8d33e] .article-factbox iframe,
.article-main[data-v-eba8d33e] .article-factbox-quotes iframe,
.article-main[data-v-eba8d33e] .article-rte iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox iframe,
  .article-below[data-v-eba8d33e] .article-factbox-quotes iframe,
  .article-below[data-v-eba8d33e] .article-rte iframe,
  .article-main[data-v-eba8d33e] .article-factbox iframe,
  .article-main[data-v-eba8d33e] .article-factbox-quotes iframe,
  .article-main[data-v-eba8d33e] .article-rte iframe {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-rte,
  .article-main[data-v-eba8d33e] .article-rte {
    padding: 0;
  }
}
.article-below[data-v-eba8d33e] .article-rte h2 + h3,
.article-below[data-v-eba8d33e] .article-rte h2 + h4,
.article-below[data-v-eba8d33e] .article-rte h2 + h5,
.article-below[data-v-eba8d33e] .article-rte h3 + h4,
.article-below[data-v-eba8d33e] .article-rte h3 + h5,
.article-below[data-v-eba8d33e] .article-rte h4 + h5,
.article-main[data-v-eba8d33e] .article-rte h2 + h3,
.article-main[data-v-eba8d33e] .article-rte h2 + h4,
.article-main[data-v-eba8d33e] .article-rte h2 + h5,
.article-main[data-v-eba8d33e] .article-rte h3 + h4,
.article-main[data-v-eba8d33e] .article-rte h3 + h5,
.article-main[data-v-eba8d33e] .article-rte h4 + h5 {
  margin-top: -4px;
}
.article-below[data-v-eba8d33e] .article-rte h2,
.article-below[data-v-eba8d33e] .article-rte h3,
.article-below[data-v-eba8d33e] .article-rte h4,
.article-below[data-v-eba8d33e] .article-rte h5,
.article-below[data-v-eba8d33e] .article-rte p,
.article-main[data-v-eba8d33e] .article-rte h2,
.article-main[data-v-eba8d33e] .article-rte h3,
.article-main[data-v-eba8d33e] .article-rte h4,
.article-main[data-v-eba8d33e] .article-rte h5,
.article-main[data-v-eba8d33e] .article-rte p {
  color: var(--color-900);
  margin-bottom: 16px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-rte h2,
  .article-below[data-v-eba8d33e] .article-rte h3,
  .article-below[data-v-eba8d33e] .article-rte h4,
  .article-below[data-v-eba8d33e] .article-rte h5,
  .article-below[data-v-eba8d33e] .article-rte p,
  .article-main[data-v-eba8d33e] .article-rte h2,
  .article-main[data-v-eba8d33e] .article-rte h3,
  .article-main[data-v-eba8d33e] .article-rte h4,
  .article-main[data-v-eba8d33e] .article-rte h5,
  .article-main[data-v-eba8d33e] .article-rte p {
    margin-bottom: 24px;
  }
}
.article-below[data-v-eba8d33e] .article-rte em,
.article-below[data-v-eba8d33e] .article-rte strong,
.article-main[data-v-eba8d33e] .article-rte em,
.article-main[data-v-eba8d33e] .article-rte strong {
  word-break: break-word;
}
.article-below[data-v-eba8d33e] .article-rte em,
.article-below[data-v-eba8d33e] .article-rte li,
.article-below[data-v-eba8d33e] .article-rte p,
.article-below[data-v-eba8d33e] .article-rte strong,
.article-main[data-v-eba8d33e] .article-rte em,
.article-main[data-v-eba8d33e] .article-rte li,
.article-main[data-v-eba8d33e] .article-rte p,
.article-main[data-v-eba8d33e] .article-rte strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-rte em,
  .article-below[data-v-eba8d33e] .article-rte li,
  .article-below[data-v-eba8d33e] .article-rte p,
  .article-below[data-v-eba8d33e] .article-rte strong,
  .article-main[data-v-eba8d33e] .article-rte em,
  .article-main[data-v-eba8d33e] .article-rte li,
  .article-main[data-v-eba8d33e] .article-rte p,
  .article-main[data-v-eba8d33e] .article-rte strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-eba8d33e] .article-rte p:empty,
.article-main[data-v-eba8d33e] .article-rte p:empty {
  margin-bottom: 0;
}
.article-below[data-v-eba8d33e] .article-factbox em,
.article-below[data-v-eba8d33e] .article-factbox h2,
.article-below[data-v-eba8d33e] .article-factbox h3,
.article-below[data-v-eba8d33e] .article-factbox h4,
.article-below[data-v-eba8d33e] .article-factbox h5,
.article-below[data-v-eba8d33e] .article-factbox p,
.article-below[data-v-eba8d33e] .article-factbox strong,
.article-below[data-v-eba8d33e] .article-factbox-quotes em,
.article-below[data-v-eba8d33e] .article-factbox-quotes h2,
.article-below[data-v-eba8d33e] .article-factbox-quotes h3,
.article-below[data-v-eba8d33e] .article-factbox-quotes h4,
.article-below[data-v-eba8d33e] .article-factbox-quotes h5,
.article-below[data-v-eba8d33e] .article-factbox-quotes p,
.article-below[data-v-eba8d33e] .article-factbox-quotes strong,
.article-main[data-v-eba8d33e] .article-factbox em,
.article-main[data-v-eba8d33e] .article-factbox h2,
.article-main[data-v-eba8d33e] .article-factbox h3,
.article-main[data-v-eba8d33e] .article-factbox h4,
.article-main[data-v-eba8d33e] .article-factbox h5,
.article-main[data-v-eba8d33e] .article-factbox p,
.article-main[data-v-eba8d33e] .article-factbox strong,
.article-main[data-v-eba8d33e] .article-factbox-quotes em,
.article-main[data-v-eba8d33e] .article-factbox-quotes h2,
.article-main[data-v-eba8d33e] .article-factbox-quotes h3,
.article-main[data-v-eba8d33e] .article-factbox-quotes h4,
.article-main[data-v-eba8d33e] .article-factbox-quotes h5,
.article-main[data-v-eba8d33e] .article-factbox-quotes p,
.article-main[data-v-eba8d33e] .article-factbox-quotes strong {
  margin-bottom: 12px;
  word-break: break-word;
}
.article-below[data-v-eba8d33e] .article-factbox ol,
.article-below[data-v-eba8d33e] .article-factbox ul,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul,
.article-main[data-v-eba8d33e] .article-factbox ol,
.article-main[data-v-eba8d33e] .article-factbox ul,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul {
  margin-bottom: 12px;
}
.article-below[data-v-eba8d33e] .article-factbox ol li,
.article-below[data-v-eba8d33e] .article-factbox ul li,
.article-below[data-v-eba8d33e] .article-factbox-quotes ol li,
.article-below[data-v-eba8d33e] .article-factbox-quotes ul li,
.article-main[data-v-eba8d33e] .article-factbox ol li,
.article-main[data-v-eba8d33e] .article-factbox ul li,
.article-main[data-v-eba8d33e] .article-factbox-quotes ol li,
.article-main[data-v-eba8d33e] .article-factbox-quotes ul li {
  margin-bottom: 4px;
}
.article-below[data-v-eba8d33e] .article-factbox .author-name,
.article-below[data-v-eba8d33e] .article-factbox-quotes .author-name,
.article-main[data-v-eba8d33e] .article-factbox .author-name,
.article-main[data-v-eba8d33e] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox .author-name,
  .article-below[data-v-eba8d33e] .article-factbox-quotes .author-name,
  .article-main[data-v-eba8d33e] .article-factbox .author-name,
  .article-main[data-v-eba8d33e] .article-factbox-quotes .author-name {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox .author-name,
  .article-below[data-v-eba8d33e] .article-factbox-quotes .author-name,
  .article-main[data-v-eba8d33e] .article-factbox .author-name,
  .article-main[data-v-eba8d33e] .article-factbox-quotes .author-name {
    font-weight: 400;
  }
}
.article-below[data-v-eba8d33e] .article-factbox .author-name:before,
.article-below[data-v-eba8d33e] .article-factbox-quotes .author-name:before,
.article-main[data-v-eba8d33e] .article-factbox .author-name:before,
.article-main[data-v-eba8d33e] .article-factbox-quotes .author-name:before {
  content: "— ";
}
.article-below[data-v-eba8d33e] .article-factbox,
.article-main[data-v-eba8d33e] .article-factbox {
  background-color: var(--article-factbox-surface);
  margin: 0 -16px 16px;
  padding: 24px 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox,
  .article-main[data-v-eba8d33e] .article-factbox {
    margin: 0 -16px 24px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox:after,
.article-below[data-v-eba8d33e] .article-factbox:before,
.article-main[data-v-eba8d33e] .article-factbox:after,
.article-main[data-v-eba8d33e] .article-factbox:before {
  background: var(--accent-light);
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
.article-below[data-v-eba8d33e] .article-factbox:after,
.article-main[data-v-eba8d33e] .article-factbox:after {
  bottom: 0;
  top: auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox,
  .article-main[data-v-eba8d33e] .article-factbox {
    margin: 0 -32px 24px;
    padding: 16px 32px 15px;
  }
}
.article-below[data-v-eba8d33e] .article-factbox em,
.article-below[data-v-eba8d33e] .article-factbox h2,
.article-below[data-v-eba8d33e] .article-factbox h3,
.article-below[data-v-eba8d33e] .article-factbox h4,
.article-below[data-v-eba8d33e] .article-factbox h5,
.article-below[data-v-eba8d33e] .article-factbox li,
.article-below[data-v-eba8d33e] .article-factbox p,
.article-below[data-v-eba8d33e] .article-factbox strong,
.article-main[data-v-eba8d33e] .article-factbox em,
.article-main[data-v-eba8d33e] .article-factbox h2,
.article-main[data-v-eba8d33e] .article-factbox h3,
.article-main[data-v-eba8d33e] .article-factbox h4,
.article-main[data-v-eba8d33e] .article-factbox h5,
.article-main[data-v-eba8d33e] .article-factbox li,
.article-main[data-v-eba8d33e] .article-factbox p,
.article-main[data-v-eba8d33e] .article-factbox strong {
  color: var(--color-900);
}
.article-below[data-v-eba8d33e] .article-factbox a,
.article-main[data-v-eba8d33e] .article-factbox a {
  background-image: linear-gradient(
    var(--article-factbox-link),
    var(--article-factbox-link)
  ) !important;
  color: var(--article-factbox-link) !important;
}
.article-below[data-v-eba8d33e] .article-factbox a:hover,
.article-main[data-v-eba8d33e] .article-factbox a:hover {
  color: var(--article-factbox-link-hover) !important;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox a:hover,
  .article-main[data-v-eba8d33e] .article-factbox a:hover {
    background-image: linear-gradient(
      var(--article-factbox-link-hover),
      var(--article-factbox-link-hover)
    ) !important;
  }
}
.article-below[data-v-eba8d33e] .article-factbox em,
.article-below[data-v-eba8d33e] .article-factbox li,
.article-below[data-v-eba8d33e] .article-factbox p,
.article-below[data-v-eba8d33e] .article-factbox strong,
.article-main[data-v-eba8d33e] .article-factbox em,
.article-main[data-v-eba8d33e] .article-factbox li,
.article-main[data-v-eba8d33e] .article-factbox p,
.article-main[data-v-eba8d33e] .article-factbox strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox em,
  .article-below[data-v-eba8d33e] .article-factbox li,
  .article-below[data-v-eba8d33e] .article-factbox p,
  .article-below[data-v-eba8d33e] .article-factbox strong,
  .article-main[data-v-eba8d33e] .article-factbox em,
  .article-main[data-v-eba8d33e] .article-factbox li,
  .article-main[data-v-eba8d33e] .article-factbox p,
  .article-main[data-v-eba8d33e] .article-factbox strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox .antrfile > strong,
.article-below[data-v-eba8d33e] .article-factbox .standard > strong,
.article-main[data-v-eba8d33e] .article-factbox .antrfile > strong,
.article-main[data-v-eba8d33e] .article-factbox .standard > strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-below[data-v-eba8d33e] .article-factbox .standard > strong,
  .article-main[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-main[data-v-eba8d33e] .article-factbox .standard > strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-below[data-v-eba8d33e] .article-factbox .standard > strong,
  .article-main[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-main[data-v-eba8d33e] .article-factbox .standard > strong {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-below[data-v-eba8d33e] .article-factbox .standard > strong,
  .article-main[data-v-eba8d33e] .article-factbox .antrfile > strong,
  .article-main[data-v-eba8d33e] .article-factbox .standard > strong {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-eba8d33e] .article-factbox-quotes .author-name,
.article-main[data-v-eba8d33e] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
}
.article-below[data-v-eba8d33e] .article-embed,
.article-main[data-v-eba8d33e] .article-embed {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-embed,
  .article-main[data-v-eba8d33e] .article-embed {
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-eba8d33e] .article-embed iframe,
.article-main[data-v-eba8d33e] .article-embed iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-embed iframe,
  .article-main[data-v-eba8d33e] .article-embed iframe {
    max-width: 560px;
  }
}
.article-below[data-v-eba8d33e] .article-embed iframe[src^="https://www.facebook.com/"],.article-main[data-v-eba8d33e] .article-embed iframe[src^="https://www.facebook.com/"]
{
  background-color: #fff;
}
.article-below[data-v-eba8d33e] .paywall,
.article-main[data-v-eba8d33e] .paywall {
  display: none;
}
.article-main[data-v-eba8d33e] .article-content {
  padding-top: 20px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-main[data-v-eba8d33e] .article-content {
    padding-top: 15px;
  }
}
.article-main[data-v-eba8d33e] .fb-video {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-main[data-v-eba8d33e] .fb-video {
    left: 50%;
    margin-bottom: 24px;
    position: relative;
    transform: translate(-50%);
  }
}
.article-main[data-v-eba8d33e] p > iframe[src*="youtube.com"] {
  margin: 0 -16px !important;
  max-width: calc(100% + 32px) !important;
}
@media screen and (min-width: 485px) {
  .article-main[data-v-eba8d33e] p > iframe[src*="youtube.com"] {
    height: 272px !important;
    max-width: 484px !important;
    width: 484px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-eba8d33e] p > iframe[src*="youtube.com"] {
    height: 387px !important;
    margin: 0 -24px !important;
    max-width: 688px !important;
    width: 688px !important;
  }
}
.article-main[data-v-eba8d33e] div:has(> iframe[src*="dailymotion.com/embed"]) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .article-main[data-v-eba8d33e]
    div:has(> iframe[src*="dailymotion.com/embed"]) {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-eba8d33e] div > iframe[src*="giphy.com/embed"],
  .article-main[data-v-eba8d33e] iframe[src*="dailymotion.com/embed"] {
    left: 50% !important;
    transform: translate(-50%);
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .is-main {
    margin-bottom: 4px;
  }
}
.article-below[data-v-eba8d33e] .article-sidebar {
  margin-bottom: 0;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e] .article-sidebar {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-eba8d33e]:last-of-type .is-main {
    margin-bottom: 0;
  }
}
.article-below[data-v-eba8d33e]:last-of-type .article-sidebar {
  margin-bottom: 4px;
}
.static-document .breadcrumbs[data-v-eba8d33e] {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs[data-v-eba8d33e] {
    padding: 0 24px;
  }
}
.static-document .breadcrumbs-link[data-v-eba8d33e] {
  background-image: none;
  background-position: unset;
  background-size: unset;
  color: var(--breadcrumbs-color-special);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0 4px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs-link[data-v-eba8d33e] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .static-document .breadcrumbs-link[data-v-eba8d33e]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.static-document .breadcrumbs-link[data-v-eba8d33e]:first-child {
  margin-left: 0;
}
.static-document .breadcrumbs .icon-chevron--right[data-v-eba8d33e] {
  color: var(--color-900);
}
.static-document .breadcrumbs-icon-container[data-v-eba8d33e] {
  align-items: center;
  display: flex;
}
[data-v-eba8d33e] .article-content.is-newsletter {
  padding: 8px 8px 0;
}
@media (min-width: 1024px) {
  [data-v-eba8d33e] .article-content.is-newsletter {
    padding: 8px 32px 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1558e288] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1558e288] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1558e288],
  .comment-reply-bubble[data-v-1558e288] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1558e288],
  .comment-reply-bubble[data-v-1558e288] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1558e288] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1558e288] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .error-404__description[data-v-1558e288] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .error-404__description[data-v-1558e288] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1558e288],
  .comment-title[data-v-1558e288],
  .error-404__title[data-v-1558e288] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1558e288],
  .comment-title[data-v-1558e288],
  .error-404__title[data-v-1558e288] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1558e288] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1558e288] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1558e288] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1558e288] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1558e288] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1558e288] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1558e288] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1558e288] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1558e288] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1558e288] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1558e288] {
  margin-bottom: 16px;
}
.comment-header[data-v-1558e288] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1558e288] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1558e288] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1558e288] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1558e288] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1558e288] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1558e288]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1558e288],
.comment-page .comment-header.is-sticky[data-v-1558e288] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1558e288] {
  animation: slideInDown-1558e288 0.32s ease-in-out;
}
@keyframes slideInDown-1558e288 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1558e288] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1558e288] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1558e288]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1558e288]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1558e288] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1558e288] {
  animation: slideOutUp-1558e288 0.32s ease-in-out;
}
@keyframes slideOutUp-1558e288 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1558e288] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1558e288] {
  margin-left: 8px;
}
.comment-title span[data-v-1558e288] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1558e288] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1558e288] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1558e288] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1558e288]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1558e288] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1558e288] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1558e288] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1558e288] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1558e288] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1558e288],
.comment-page.post-fixed .comment-post-body[data-v-1558e288] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1558e288] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1558e288] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1558e288] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1558e288] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1558e288] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1558e288] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1558e288] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1558e288] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1558e288] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1558e288],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1558e288] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1558e288] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1558e288] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1558e288],
.comment-page.post-fixed .comment-post-body.active[data-v-1558e288] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1558e288],
  .comment-page.post-fixed .comment-post-body.active[data-v-1558e288] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1558e288],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1558e288] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1558e288] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1558e288] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1558e288] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1558e288] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1558e288] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1558e288] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1558e288] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1558e288] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1558e288] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1558e288] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1558e288]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1558e288]:focus,
.comment-input-field.textarea[data-v-1558e288]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1558e288]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1558e288] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1558e288] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1558e288] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1558e288] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1558e288] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1558e288] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1558e288] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1558e288] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1558e288]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1558e288] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1558e288],
.comment-send-btn.disabled .icon-send[data-v-1558e288] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1558e288]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1558e288] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1558e288] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1558e288] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1558e288] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1558e288] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1558e288] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1558e288] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1558e288] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1558e288] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1558e288] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1558e288] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1558e288] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1558e288] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1558e288] {
  align-items: center;
  animation: blink-1558e288 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1558e288 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1558e288] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1558e288] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1558e288] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1558e288] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1558e288] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1558e288] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1558e288]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1558e288] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1558e288] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1558e288] {
  margin: 0 0 0 -8px;
}
.error-404[data-v-1558e288] {
  align-items: center;
  background-color: var(--error-404-surface);
  display: flex;
  min-height: calc(100vh - 96px);
}
.error-404.is500[data-v-1558e288] {
  min-height: 100vh;
}
@media (min-width: 1024px) {
  .error-404[data-v-1558e288] {
    min-height: calc(100vh - 56px);
  }
  .error-404.is500[data-v-1558e288] {
    min-height: 100vh;
  }
}
.error-404 .container[data-v-1558e288] {
  padding: 0 16px;
}
.error-404__copy[data-v-1558e288] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: -48px auto 0;
}
@media (min-width: 1024px) {
  .error-404__copy[data-v-1558e288] {
    margin: -28px auto 0;
    max-width: 396px;
  }
}
.error-404__title[data-v-1558e288] {
  color: var(--error-404-title);
  font-size: 3.5rem;
  line-height: 4.25rem;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .error-404__title[data-v-1558e288] {
    font-size: 4.5rem;
    line-height: 5.4375rem;
  }
}
.error-404__description[data-v-1558e288] {
  color: var(--error-404-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .error-404__description[data-v-1558e288] {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
}
.error-404 .glitch[data-v-1558e288] {
  position: relative;
  text-align: center;
  transform: scaleX(1);
  width: 100%;
}
.error-404 .glitch[data-v-1558e288]:after,
.error-404 .glitch[data-v-1558e288]:before {
  background: var(--error-404-surface);
  color: var(--error-404-title);
  content: "404";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  clip: rect(0, 987px, 0, 0);
}
.error-404 .glitch.is500[data-v-1558e288]:after,
.error-404 .glitch.is500[data-v-1558e288]:before {
  content: "500";
}
.error-404 .glitch[data-v-1558e288]:before {
  animation: glitch-effect-1558e288 3s linear infinite alternate-reverse;
  left: 8px;
  text-shadow: 1px 0 var(--accent-data-wall);
}
.error-404 .glitch[data-v-1558e288]:after {
  animation: glitch-effect-1558e288 2s linear infinite alternate-reverse;
  left: 5px;
  text-shadow: -2px 0 var(--accent);
}
@keyframes glitch-effect-1558e288 {
  0% {
    clip: rect(27px, 9999px, 96px, 0);
  }
  2.9411764706% {
    clip: rect(3px, 9999px, 4px, 0);
  }
  5.8823529412% {
    clip: rect(74px, 9999px, 72px, 0);
  }
  8.8235294118% {
    clip: rect(68px, 9999px, 89px, 0);
  }
  11.7647058824% {
    clip: rect(83px, 9999px, 35px, 0);
  }
  14.7058823529% {
    clip: rect(97px, 9999px, 92px, 0);
  }
  17.6470588235% {
    clip: rect(31px, 9999px, 37px, 0);
  }
  20.5882352941% {
    clip: rect(44px, 9999px, 27px, 0);
  }
  23.5294117647% {
    clip: rect(10px, 9999px, 40px, 0);
  }
  26.4705882353% {
    clip: rect(1px, 9999px, 44px, 0);
  }
  29.4117647059% {
    clip: rect(77px, 9999px, 97px, 0);
  }
  32.3529411765% {
    clip: rect(35px, 9999px, 98px, 0);
  }
  35.2941176471% {
    clip: rect(25px, 9999px, 38px, 0);
  }
  38.2352941176% {
    clip: rect(7px, 9999px, 58px, 0);
  }
  41.1764705882% {
    clip: rect(60px, 9999px, 9px, 0);
  }
  44.1176470588% {
    clip: rect(28px, 9999px, 54px, 0);
  }
  47.0588235294% {
    clip: rect(74px, 9999px, 100px, 0);
  }
  50% {
    clip: rect(85px, 9999px, 6px, 0);
  }
  52.9411764706% {
    clip: rect(72px, 9999px, 10px, 0);
  }
  55.8823529412% {
    clip: rect(43px, 9999px, 63px, 0);
  }
  58.8235294118% {
    clip: rect(12px, 9999px, 56px, 0);
  }
  61.7647058824% {
    clip: rect(77px, 9999px, 13px, 0);
  }
  64.7058823529% {
    clip: rect(46px, 9999px, 95px, 0);
  }
  67.6470588235% {
    clip: rect(18px, 9999px, 68px, 0);
  }
  70.5882352941% {
    clip: rect(95px, 9999px, 43px, 0);
  }
  73.5294117647% {
    clip: rect(46px, 9999px, 20px, 0);
  }
  76.4705882353% {
    clip: rect(19px, 9999px, 23px, 0);
  }
  79.4117647059% {
    clip: rect(28px, 9999px, 54px, 0);
  }
  82.3529411765% {
    clip: rect(62px, 9999px, 95px, 0);
  }
  85.2941176471% {
    clip: rect(17px, 9999px, 74px, 0);
  }
  88.2352941176% {
    clip: rect(39px, 9999px, 20px, 0);
  }
  91.1764705882% {
    clip: rect(12px, 9999px, 27px, 0);
  }
  94.1176470588% {
    clip: rect(76px, 9999px, 74px, 0);
  }
  97.0588235294% {
    clip: rect(78px, 9999px, 17px, 0);
  }
  to {
    clip: rect(31px, 9999px, 56px, 0);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4f710c8e] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4f710c8e] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4f710c8e],
  .comment-reply-bubble[data-v-4f710c8e] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4f710c8e],
  .comment-reply-bubble[data-v-4f710c8e] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4f710c8e] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4f710c8e] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4f710c8e],
  .comment-title[data-v-4f710c8e] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4f710c8e],
  .comment-title[data-v-4f710c8e] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4f710c8e] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4f710c8e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4f710c8e] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4f710c8e] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4f710c8e] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4f710c8e] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4f710c8e] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4f710c8e] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4f710c8e] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4f710c8e] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4f710c8e] {
  margin-bottom: 16px;
}
.comment-header[data-v-4f710c8e] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4f710c8e] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4f710c8e] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4f710c8e] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4f710c8e] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4f710c8e] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4f710c8e]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4f710c8e],
.comment-page .comment-header.is-sticky[data-v-4f710c8e] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4f710c8e] {
  animation: slideInDown-4f710c8e 0.32s ease-in-out;
}
@keyframes slideInDown-4f710c8e {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4f710c8e] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f710c8e] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f710c8e]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4f710c8e]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f710c8e] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4f710c8e] {
  animation: slideOutUp-4f710c8e 0.32s ease-in-out;
}
@keyframes slideOutUp-4f710c8e {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4f710c8e] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4f710c8e] {
  margin-left: 8px;
}
.comment-title span[data-v-4f710c8e] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4f710c8e] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4f710c8e] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4f710c8e] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4f710c8e]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4f710c8e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4f710c8e] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4f710c8e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4f710c8e] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4f710c8e] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4f710c8e],
.comment-page.post-fixed .comment-post-body[data-v-4f710c8e] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4f710c8e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4f710c8e] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4f710c8e] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4f710c8e] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4f710c8e] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4f710c8e] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4f710c8e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4f710c8e] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4f710c8e] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4f710c8e],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4f710c8e] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4f710c8e] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4f710c8e] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4f710c8e],
.comment-page.post-fixed .comment-post-body.active[data-v-4f710c8e] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4f710c8e],
  .comment-page.post-fixed .comment-post-body.active[data-v-4f710c8e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4f710c8e],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4f710c8e] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4f710c8e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4f710c8e] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4f710c8e] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4f710c8e] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4f710c8e] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4f710c8e] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4f710c8e] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4f710c8e] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4f710c8e] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4f710c8e] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4f710c8e]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4f710c8e]:focus,
.comment-input-field.textarea[data-v-4f710c8e]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4f710c8e]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4f710c8e] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4f710c8e] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4f710c8e] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4f710c8e] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4f710c8e] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4f710c8e] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4f710c8e] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4f710c8e] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4f710c8e]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4f710c8e] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4f710c8e],
.comment-send-btn.disabled .icon-send[data-v-4f710c8e] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4f710c8e]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4f710c8e] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4f710c8e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4f710c8e] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4f710c8e] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4f710c8e] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4f710c8e] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4f710c8e] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4f710c8e] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4f710c8e] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4f710c8e] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4f710c8e] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4f710c8e] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4f710c8e] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4f710c8e] {
  align-items: center;
  animation: blink-4f710c8e 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4f710c8e {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4f710c8e] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4f710c8e] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4f710c8e] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4f710c8e] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4f710c8e] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4f710c8e] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4f710c8e]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4f710c8e] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4f710c8e] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4f710c8e] {
  margin: 0 0 0 -8px;
}
.card-image-container[data-v-4f710c8e] {
  height: 100%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f38a287c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f38a287c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f38a287c],
  .comment-reply-bubble[data-v-f38a287c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f38a287c],
  .comment-reply-bubble[data-v-f38a287c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f38a287c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f38a287c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f38a287c],
  .comment-title[data-v-f38a287c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f38a287c],
  .comment-title[data-v-f38a287c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f38a287c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f38a287c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f38a287c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f38a287c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f38a287c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f38a287c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f38a287c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f38a287c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f38a287c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f38a287c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f38a287c] {
  margin-bottom: 16px;
}
.comment-header[data-v-f38a287c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f38a287c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f38a287c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f38a287c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f38a287c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f38a287c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f38a287c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f38a287c],
.comment-page .comment-header.is-sticky[data-v-f38a287c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f38a287c] {
  animation: slideInDown-f38a287c 0.32s ease-in-out;
}
@keyframes slideInDown-f38a287c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f38a287c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f38a287c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f38a287c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f38a287c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f38a287c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f38a287c] {
  animation: slideOutUp-f38a287c 0.32s ease-in-out;
}
@keyframes slideOutUp-f38a287c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f38a287c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f38a287c] {
  margin-left: 8px;
}
.comment-title span[data-v-f38a287c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f38a287c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f38a287c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f38a287c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f38a287c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f38a287c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f38a287c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f38a287c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f38a287c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f38a287c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f38a287c],
.comment-page.post-fixed .comment-post-body[data-v-f38a287c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f38a287c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f38a287c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f38a287c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f38a287c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f38a287c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f38a287c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f38a287c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f38a287c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f38a287c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f38a287c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f38a287c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f38a287c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f38a287c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f38a287c],
.comment-page.post-fixed .comment-post-body.active[data-v-f38a287c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f38a287c],
  .comment-page.post-fixed .comment-post-body.active[data-v-f38a287c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f38a287c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f38a287c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f38a287c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f38a287c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f38a287c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f38a287c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f38a287c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f38a287c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f38a287c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f38a287c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f38a287c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f38a287c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f38a287c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f38a287c]:focus,
.comment-input-field.textarea[data-v-f38a287c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f38a287c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f38a287c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f38a287c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f38a287c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f38a287c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f38a287c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f38a287c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f38a287c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f38a287c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f38a287c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f38a287c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f38a287c],
.comment-send-btn.disabled .icon-send[data-v-f38a287c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f38a287c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f38a287c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f38a287c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f38a287c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f38a287c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f38a287c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f38a287c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f38a287c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f38a287c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f38a287c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f38a287c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f38a287c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f38a287c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f38a287c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f38a287c] {
  align-items: center;
  animation: blink-f38a287c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f38a287c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f38a287c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f38a287c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f38a287c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f38a287c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f38a287c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f38a287c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f38a287c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f38a287c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f38a287c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f38a287c] {
  margin: 0 0 0 -8px;
}
[data-v-f38a287c] .related-news-shop__responsive-image {
  height: 100%;
}
[data-v-f38a287c] .related-news-shop__responsive-image img,
[data-v-f38a287c] .related-news-shop__responsive-image picture {
  aspect-ratio: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3f985e42] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3f985e42] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3f985e42],
  .comment-reply-bubble[data-v-3f985e42] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3f985e42],
  .comment-reply-bubble[data-v-3f985e42] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3f985e42] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3f985e42] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3f985e42],
  .comment-title[data-v-3f985e42] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3f985e42],
  .comment-title[data-v-3f985e42] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3f985e42] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3f985e42] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3f985e42] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3f985e42] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3f985e42] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3f985e42] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3f985e42] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3f985e42] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3f985e42] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3f985e42] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3f985e42] {
  margin-bottom: 16px;
}
.comment-header[data-v-3f985e42] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3f985e42] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3f985e42] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3f985e42] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3f985e42] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3f985e42] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3f985e42]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3f985e42],
.comment-page .comment-header.is-sticky[data-v-3f985e42] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3f985e42] {
  animation: slideInDown-3f985e42 0.32s ease-in-out;
}
@keyframes slideInDown-3f985e42 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3f985e42] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f985e42] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f985e42]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3f985e42]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f985e42] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3f985e42] {
  animation: slideOutUp-3f985e42 0.32s ease-in-out;
}
@keyframes slideOutUp-3f985e42 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3f985e42] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3f985e42] {
  margin-left: 8px;
}
.comment-title span[data-v-3f985e42] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3f985e42] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3f985e42] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3f985e42] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3f985e42]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3f985e42] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3f985e42] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3f985e42] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3f985e42] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3f985e42] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3f985e42],
.comment-page.post-fixed .comment-post-body[data-v-3f985e42] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3f985e42] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3f985e42] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3f985e42] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3f985e42] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3f985e42] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3f985e42] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3f985e42] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3f985e42] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3f985e42] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3f985e42],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3f985e42] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3f985e42] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3f985e42] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3f985e42],
.comment-page.post-fixed .comment-post-body.active[data-v-3f985e42] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3f985e42],
  .comment-page.post-fixed .comment-post-body.active[data-v-3f985e42] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3f985e42],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3f985e42] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3f985e42] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3f985e42] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3f985e42] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3f985e42] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3f985e42] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3f985e42] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3f985e42] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3f985e42] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3f985e42] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3f985e42] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3f985e42]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3f985e42]:focus,
.comment-input-field.textarea[data-v-3f985e42]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3f985e42]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3f985e42] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3f985e42] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3f985e42] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3f985e42] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3f985e42] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3f985e42] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3f985e42] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3f985e42] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3f985e42]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3f985e42] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3f985e42],
.comment-send-btn.disabled .icon-send[data-v-3f985e42] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3f985e42]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3f985e42] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3f985e42] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3f985e42] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3f985e42] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3f985e42] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3f985e42] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3f985e42] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3f985e42] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3f985e42] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3f985e42] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3f985e42] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3f985e42] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3f985e42] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3f985e42] {
  align-items: center;
  animation: blink-3f985e42 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3f985e42 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3f985e42] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3f985e42] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3f985e42] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3f985e42] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3f985e42] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3f985e42] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3f985e42]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3f985e42] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3f985e42] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3f985e42] {
  margin: 0 0 0 -8px;
}
.related-news-shop[data-v-3f985e42] {
  margin-bottom: 24px;
}
.related-news-shop[data-v-3f985e42] .related-news-shop__image {
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__image {
    margin-bottom: 24px;
  }
}
@supports not (aspect-ratio: 1/1) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__image {
    height: 0;
    padding-top: 9/16;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__image :deep(img),
.related-news-shop[data-v-3f985e42] .related-news-shop__image :deep(picture) {
  aspect-ratio: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: auto;
}
@supports not (aspect-ratio: 1/1) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__image :deep(img),
  .related-news-shop[data-v-3f985e42] .related-news-shop__image :deep(picture) {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__stickers {
  display: flex;
  flex-direction: column;
  left: 8px;
  position: absolute;
  top: 8px;
  z-index: 2;
}
.related-news-shop[data-v-3f985e42] .related-news-shop__sticker {
  background-color: var(--accent);
  color: #fff;
  display: inline-flex;
  font-size: 0.6875rem;
  letter-spacing: 0.61px;
  line-height: 0.875rem;
  margin-bottom: 8px;
  padding: 5px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__sticker {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__sticker {
    font-weight: 800;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__label-wrap {
  align-items: center;
  display: flex;
  margin-bottom: 12px;
}
.related-news-shop[data-v-3f985e42] .related-news-shop__counter {
  align-items: center;
  background-color: var(--color-100);
  color: var(--color-900);
  display: flex;
  flex-basis: 24px;
  font-size: 0.6875rem;
  height: 24px;
  justify-content: center;
  letter-spacing: 0.37px;
  margin-right: 8px;
  min-width: 24px;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__counter {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__counter {
    font-weight: 800;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__label {
  color: var(--accent);
  font-size: 0.6875rem;
  letter-spacing: 0.61px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__label {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__label {
    font-weight: 800;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__title {
  color: var(--color-900);
  display: block;
  font-size: 1.25rem;
  margin-bottom: 16px;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__title {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__title {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__title {
    font-size: 1.6875rem;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__price {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 12px;
}
.related-news-shop[data-v-3f985e42] .related-news-shop__new-price {
  color: var(--accent);
  margin-right: 20px;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__new-price {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__new-price {
    font-weight: 700;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__old-price {
  color: var(--color-500);
  text-decoration: line-through;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__old-price {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__old-price {
    font-weight: 400;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__new-price,
.related-news-shop[data-v-3f985e42] .related-news-shop__old-price {
  display: inline-block;
  margin-bottom: 4px;
}
.related-news-shop[data-v-3f985e42]
  .related-news-shop__new-price
  span:nth-child(2),
.related-news-shop[data-v-3f985e42]
  .related-news-shop__old-price
  span:nth-child(2) {
  margin-left: 4px;
  padding-left: 8px;
  position: relative;
}
.related-news-shop[data-v-3f985e42]
  .related-news-shop__new-price
  span:nth-child(2):before,
.related-news-shop[data-v-3f985e42]
  .related-news-shop__old-price
  span:nth-child(2):before {
  color: var(--color-400);
  content: "/";
  left: 0;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42]
    .related-news-shop__new-price
    span:nth-child(2):before,
  .related-news-shop[data-v-3f985e42]
    .related-news-shop__old-price
    span:nth-child(2):before {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42]
    .related-news-shop__new-price
    span:nth-child(2):before,
  .related-news-shop[data-v-3f985e42]
    .related-news-shop__old-price
    span:nth-child(2):before {
    font-weight: 400;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__text {
  color: var(--color-900);
  display: block;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin-bottom: 16px;
}
@supports (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__text {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__text {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__text {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__link {
  min-width: 164px;
}
@media (min-width: 1024px) {
  .related-news-shop[data-v-3f985e42] .related-news-shop__link {
    min-width: 192px;
  }
}
.related-news-shop[data-v-3f985e42] .related-news-shop__divider {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 24px 0;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-72a6e8b4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-72a6e8b4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-72a6e8b4],
  .comment-reply-bubble[data-v-72a6e8b4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-72a6e8b4],
  .comment-reply-bubble[data-v-72a6e8b4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-72a6e8b4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-72a6e8b4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-72a6e8b4],
  .comment-title[data-v-72a6e8b4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-72a6e8b4],
  .comment-title[data-v-72a6e8b4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-72a6e8b4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-72a6e8b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-72a6e8b4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-72a6e8b4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-72a6e8b4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-72a6e8b4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-72a6e8b4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-72a6e8b4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-72a6e8b4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-72a6e8b4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-72a6e8b4] {
  margin-bottom: 16px;
}
.comment-header[data-v-72a6e8b4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-72a6e8b4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-72a6e8b4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-72a6e8b4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-72a6e8b4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-72a6e8b4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-72a6e8b4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-72a6e8b4],
.comment-page .comment-header.is-sticky[data-v-72a6e8b4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-72a6e8b4] {
  animation: slideInDown-72a6e8b4 0.32s ease-in-out;
}
@keyframes slideInDown-72a6e8b4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-72a6e8b4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-72a6e8b4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-72a6e8b4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-72a6e8b4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-72a6e8b4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-72a6e8b4] {
  animation: slideOutUp-72a6e8b4 0.32s ease-in-out;
}
@keyframes slideOutUp-72a6e8b4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-72a6e8b4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-72a6e8b4] {
  margin-left: 8px;
}
.comment-title span[data-v-72a6e8b4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-72a6e8b4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-72a6e8b4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-72a6e8b4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-72a6e8b4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-72a6e8b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-72a6e8b4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-72a6e8b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-72a6e8b4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-72a6e8b4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-72a6e8b4],
.comment-page.post-fixed .comment-post-body[data-v-72a6e8b4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-72a6e8b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-72a6e8b4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-72a6e8b4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-72a6e8b4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-72a6e8b4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-72a6e8b4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-72a6e8b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-72a6e8b4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-72a6e8b4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-72a6e8b4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-72a6e8b4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-72a6e8b4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-72a6e8b4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-72a6e8b4],
.comment-page.post-fixed .comment-post-body.active[data-v-72a6e8b4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-72a6e8b4],
  .comment-page.post-fixed .comment-post-body.active[data-v-72a6e8b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-72a6e8b4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-72a6e8b4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-72a6e8b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-72a6e8b4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-72a6e8b4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-72a6e8b4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-72a6e8b4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-72a6e8b4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-72a6e8b4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-72a6e8b4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-72a6e8b4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-72a6e8b4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-72a6e8b4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-72a6e8b4]:focus,
.comment-input-field.textarea[data-v-72a6e8b4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-72a6e8b4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-72a6e8b4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-72a6e8b4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-72a6e8b4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-72a6e8b4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-72a6e8b4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-72a6e8b4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-72a6e8b4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-72a6e8b4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-72a6e8b4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-72a6e8b4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-72a6e8b4],
.comment-send-btn.disabled .icon-send[data-v-72a6e8b4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-72a6e8b4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-72a6e8b4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-72a6e8b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-72a6e8b4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-72a6e8b4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-72a6e8b4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-72a6e8b4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-72a6e8b4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-72a6e8b4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-72a6e8b4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-72a6e8b4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-72a6e8b4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-72a6e8b4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-72a6e8b4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-72a6e8b4] {
  align-items: center;
  animation: blink-72a6e8b4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-72a6e8b4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-72a6e8b4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-72a6e8b4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-72a6e8b4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-72a6e8b4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-72a6e8b4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-72a6e8b4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-72a6e8b4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-72a6e8b4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-72a6e8b4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-72a6e8b4] {
  margin: 0 0 0 -8px;
}
.shop-widget[data-v-72a6e8b4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  overflow: hidden;
}
.is-content .shop-widget[data-v-72a6e8b4],
.shop-widget[data-v-72a6e8b4] {
  margin: 0 0 8px;
}
@media (min-width: 1024px) {
  .is-content .shop-widget[data-v-72a6e8b4] {
    margin: 0 0 8px;
  }
}
.shop-widget .card-header-wrap[data-v-72a6e8b4]:after {
  background-color: var(--color-200);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px;
  width: auto;
}
@media (min-width: 1024px) {
  .shop-widget .card-header-wrap[data-v-72a6e8b4]:after {
    left: 24px;
    right: 24px;
  }
}
.slider-card-wrapper[data-v-72a6e8b4] {
  display: flex;
  flex-direction: row;
  padding: 16px 12px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .slider-card-wrapper[data-v-72a6e8b4] {
    padding: 16px 0 24px;
  }
  .article-sidebar .slider-card-wrapper[data-v-72a6e8b4],
  .is-sidebar .slider-card-wrapper[data-v-72a6e8b4] {
    padding: 16px 0 0;
  }
}
.related-news__shop-widget .slider-card-wrapper[data-v-72a6e8b4] {
  margin: 0 -4px;
  padding: 16px 0 24px;
}
@media (min-width: 1024px) {
  .related-news__shop-widget .slider-card-wrapper[data-v-72a6e8b4] {
    margin: 0;
  }
}
.slider-shop__item[data-v-72a6e8b4] {
  height: 100%;
  padding: 0 4px 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .slider-shop__item[data-v-72a6e8b4] {
    padding: 0 12px;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__link,
.slider-shop__item[data-v-72a6e8b4] .slider-shop__no-link {
  display: grid;
  height: 100%;
}
@media (min-width: 1024px) {
  .is-content .slider-shop__item[data-v-72a6e8b4] {
    padding: 0 6px;
  }
}
.article-sidebar .slider-shop__item[data-v-72a6e8b4],
.is-sidebar .slider-shop__item[data-v-72a6e8b4] {
  padding: 0 4px 24px;
}
@media (min-width: 1024px) {
  .related-news__shop-widget .slider-shop__item[data-v-72a6e8b4] {
    padding: 0 6px 24px;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__image {
  aspect-ratio: 1/1;
  border-radius: 0;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__image img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__stickers {
  align-items: flex-end;
  bottom: 8px;
  content: "";
  display: flex;
  flex-direction: column;
  left: 8px;
  position: absolute;
  right: 8px;
  width: calc(100% - 16px);
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__sticker-wrap {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__sticker {
  background: var(--accent);
  border-radius: 0;
  color: var(--color-light-50);
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  font-size: 0.6875rem;
  letter-spacing: 0.61px;
  margin-top: 4px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
}
@supports (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__sticker {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__sticker {
    font-weight: 800;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--color-900);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 4px;
  overflow: hidden;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__title {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__title {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__title {
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 1024px) {
  .article-sidebar .slider-shop__item[data-v-72a6e8b4] .slider-shop__title,
  .is-content .slider-shop__item[data-v-72a6e8b4] .slider-shop__title,
  .is-sidebar .slider-shop__item[data-v-72a6e8b4] .slider-shop__title,
  .related-news__shop-widget
    .slider-shop__item[data-v-72a6e8b4]
    .slider-shop__title {
    -webkit-line-clamp: 3;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__price {
  align-self: flex-end;
  display: block;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__price {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__price {
    font-weight: 400;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price {
  color: var(--accent);
}
@supports (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price {
    font-weight: 700;
  }
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price span {
  display: inline-block;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__old-price {
  color: var(--color-500);
  margin-bottom: 4px;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__old-price span {
  text-decoration: line-through;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price span,
.slider-shop__item[data-v-72a6e8b4] .slider-shop__old-price span {
  display: inline-block;
}
.slider-shop__item[data-v-72a6e8b4] .slider-shop__new-price span:nth-child(2),
.slider-shop__item[data-v-72a6e8b4] .slider-shop__old-price span:nth-child(2) {
  margin-left: 4px;
  padding-left: 8px;
  position: relative;
}
.slider-shop__item[data-v-72a6e8b4]
  .slider-shop__new-price
  span:nth-child(2):before,
.slider-shop__item[data-v-72a6e8b4]
  .slider-shop__old-price
  span:nth-child(2):before {
  color: var(--color-400);
  content: "/";
  left: 0;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4]
    .slider-shop__new-price
    span:nth-child(2):before,
  .slider-shop__item[data-v-72a6e8b4]
    .slider-shop__old-price
    span:nth-child(2):before {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .slider-shop__item[data-v-72a6e8b4]
    .slider-shop__new-price
    span:nth-child(2):before,
  .slider-shop__item[data-v-72a6e8b4]
    .slider-shop__old-price
    span:nth-child(2):before {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .related-news__shop-widget[data-v-72a6e8b4] {
    margin: 0 -24px;
  }
}
.related-news__shop-widget .card-header-wrap[data-v-72a6e8b4] {
  margin-bottom: 16px;
  padding: 0;
}
@media (min-width: 1024px) {
  .related-news__shop-widget .card-header-wrap[data-v-72a6e8b4] {
    padding: 0 24px;
  }
}
.related-news__shop-widget .card-header-wrap[data-v-72a6e8b4]:after {
  background-color: var(--color-200);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 1024px) {
  .related-news__shop-widget .card-header-wrap[data-v-72a6e8b4]:after {
    left: 24px;
    right: 24px;
  }
}
.related-news__shop-widget .slider-card-wrapper[data-v-72a6e8b4] {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .storytelling .related-news__shop-widget[data-v-72a6e8b4] {
    margin: 0;
  }
}
.wm-content-slide[data-v-72a6e8b4] {
  width: 50%;
}
@media (min-width: 1024px) {
  .wm-content-slide[data-v-72a6e8b4] {
    width: unset;
  }
}
@media (min-width: 1024px) {
  [data-v-72a6e8b4] .wm-content-slider {
    padding: 0 18px;
  }
}
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__right-arrow-marker {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  height: 32px;
  right: 8px;
  width: 32px;
}
[data-v-72a6e8b4]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker:after {
  content: "";
  font-family: icons !important;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
  z-index: 2;
  speak: never;
  border: none;
  color: var(--accent);
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__left-arrow-marker {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  height: 32px;
  left: 8px;
  width: 32px;
}
[data-v-72a6e8b4]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker:after {
  content: "";
  font-family: icons !important;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
  z-index: 2;
  speak: never;
  border: none;
  color: var(--accent);
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-v-72a6e8b4]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker:before,
[data-v-72a6e8b4]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker:before {
  background-color: var(--color-100);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s;
  width: 32px;
  z-index: 1;
}
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__left-arrow:before,
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__right-arrow:before {
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  position: absolute;
  top: 0;
  width: 24px;
}
@media (min-width: 1024px) {
  [data-v-72a6e8b4]
    .wm-content-slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  [data-v-72a6e8b4]
    .wm-content-slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__right-arrow-marker:before,
  [data-v-72a6e8b4]
    .wm-content-slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  [data-v-72a6e8b4]
    .wm-content-slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__right-arrow-marker:before {
    opacity: 1;
  }
}
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__left-arrow:before {
  background-image: var(--color-50-scrim-leading);
  left: 0;
}
[data-v-72a6e8b4] .wm-content-slider .wm-content-slider__right-arrow:before {
  background-image: var(--color-50-scrim-trailing);
  right: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4c26f05a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4c26f05a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4c26f05a],
  .comment-reply-bubble[data-v-4c26f05a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4c26f05a],
  .comment-reply-bubble[data-v-4c26f05a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4c26f05a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4c26f05a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4c26f05a],
  .comment-title[data-v-4c26f05a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4c26f05a],
  .comment-title[data-v-4c26f05a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4c26f05a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4c26f05a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4c26f05a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4c26f05a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4c26f05a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4c26f05a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4c26f05a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4c26f05a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4c26f05a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4c26f05a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4c26f05a] {
  margin-bottom: 16px;
}
.comment-header[data-v-4c26f05a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4c26f05a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4c26f05a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4c26f05a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4c26f05a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4c26f05a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4c26f05a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4c26f05a],
.comment-page .comment-header.is-sticky[data-v-4c26f05a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4c26f05a] {
  animation: slideInDown-4c26f05a 0.32s ease-in-out;
}
@keyframes slideInDown-4c26f05a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4c26f05a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4c26f05a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4c26f05a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4c26f05a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4c26f05a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4c26f05a] {
  animation: slideOutUp-4c26f05a 0.32s ease-in-out;
}
@keyframes slideOutUp-4c26f05a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4c26f05a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4c26f05a] {
  margin-left: 8px;
}
.comment-title span[data-v-4c26f05a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4c26f05a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4c26f05a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4c26f05a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4c26f05a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4c26f05a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4c26f05a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4c26f05a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4c26f05a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4c26f05a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4c26f05a],
.comment-page.post-fixed .comment-post-body[data-v-4c26f05a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4c26f05a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4c26f05a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4c26f05a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4c26f05a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4c26f05a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4c26f05a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4c26f05a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4c26f05a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4c26f05a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4c26f05a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4c26f05a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4c26f05a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4c26f05a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4c26f05a],
.comment-page.post-fixed .comment-post-body.active[data-v-4c26f05a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4c26f05a],
  .comment-page.post-fixed .comment-post-body.active[data-v-4c26f05a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4c26f05a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4c26f05a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4c26f05a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4c26f05a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4c26f05a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4c26f05a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4c26f05a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4c26f05a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4c26f05a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4c26f05a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4c26f05a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4c26f05a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4c26f05a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4c26f05a]:focus,
.comment-input-field.textarea[data-v-4c26f05a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4c26f05a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4c26f05a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4c26f05a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4c26f05a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4c26f05a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4c26f05a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4c26f05a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4c26f05a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4c26f05a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4c26f05a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4c26f05a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4c26f05a],
.comment-send-btn.disabled .icon-send[data-v-4c26f05a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4c26f05a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4c26f05a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4c26f05a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4c26f05a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4c26f05a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4c26f05a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4c26f05a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4c26f05a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4c26f05a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4c26f05a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4c26f05a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4c26f05a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4c26f05a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4c26f05a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4c26f05a] {
  align-items: center;
  animation: blink-4c26f05a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4c26f05a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4c26f05a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4c26f05a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4c26f05a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4c26f05a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4c26f05a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4c26f05a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4c26f05a]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4c26f05a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4c26f05a] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4c26f05a] {
  margin: 0 0 0 -8px;
}
.related-news__wrap[data-v-4c26f05a] {
  background-color: var(--color-100);
  margin: 0 -16px 16px;
  padding: 8px;
}
@media (min-width: 1024px) {
  .related-news__wrap[data-v-4c26f05a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
  }
}
.related-news__link[data-v-4c26f05a] {
  position: relative;
}
@media (min-width: 1024px) {
  .related-news__link:hover .related-news__title[data-v-4c26f05a] {
    color: var(--color-800);
  }
}
.related-news__content[data-v-4c26f05a] {
  display: flex;
}
.related-news__left[data-v-4c26f05a] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 8px;
  order: 2;
}
.related-news__left.no-image[data-v-4c26f05a] {
  margin-left: 0;
}
.related-news__label[data-v-4c26f05a] {
  color: var(--label-sec-background);
  display: inline-flex;
  font-size: 0.75rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 4px;
  text-transform: uppercase;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .related-news__label[data-v-4c26f05a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news__label[data-v-4c26f05a] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .related-news__label[data-v-4c26f05a] {
    margin-bottom: 5px;
  }
}
.related-news__title[data-v-4c26f05a] {
  color: var(--color-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  transition: all 0.15s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .related-news__title[data-v-4c26f05a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news__title[data-v-4c26f05a] {
    font-weight: 700;
  }
}
.related-news__image[data-v-4c26f05a] {
  aspect-ratio: 1/1;
  border-radius: 0;
  flex-basis: 108px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 108px;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 108px;
}
@supports not (aspect-ratio: 1/1) {
  .related-news__image[data-v-4c26f05a] {
    padding-top: 100%;
  }
}
.related-news__image[data-v-4c26f05a] img,
.related-news__image[data-v-4c26f05a] picture {
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.related-news__divider[data-v-4c26f05a] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 8px 0 9px;
  width: 100%;
}
.related-news__block-title[data-v-4c26f05a] {
  border-bottom: 1px solid var(--color-200);
  color: var(--color-900);
  display: block;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: normal;
  margin: 0 0 8px;
  padding: 8px 0 16px;
  text-transform: uppercase;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .related-news__block-title[data-v-4c26f05a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news__block-title[data-v-4c26f05a] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .related-news__block-title[data-v-4c26f05a] {
    margin: 0 0 9px;
    padding: 4px 0 12px;
  }
}
.related-news__link + .related-news__link[data-v-4c26f05a] {
  margin-top: 16px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-021971af] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-021971af] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-021971af],
  .comment-reply-bubble[data-v-021971af] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-021971af],
  .comment-reply-bubble[data-v-021971af] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-021971af] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-021971af] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-below .article-lead[data-v-021971af],
  .article-main .article-lead[data-v-021971af] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below .article-lead[data-v-021971af],
  .article-main .article-lead[data-v-021971af] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-021971af],
  .comment-title[data-v-021971af] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-021971af],
  .comment-title[data-v-021971af] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-021971af] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-021971af] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-021971af] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-021971af] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-021971af] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-021971af] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-021971af] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-021971af] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-021971af] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-021971af] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-021971af] {
  margin-bottom: 16px;
}
.comment-header[data-v-021971af] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-021971af] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-021971af] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-021971af] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-021971af] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-021971af] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-021971af]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-021971af],
.comment-page .comment-header.is-sticky[data-v-021971af] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-021971af] {
  animation: slideInDown-021971af 0.32s ease-in-out;
}
@keyframes slideInDown-021971af {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-021971af] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-021971af] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-021971af]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-021971af]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-021971af] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-021971af] {
  animation: slideOutUp-021971af 0.32s ease-in-out;
}
@keyframes slideOutUp-021971af {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-021971af] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-021971af] {
  margin-left: 8px;
}
.comment-title span[data-v-021971af] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-021971af] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-021971af] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-021971af] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-021971af]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-021971af] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-021971af] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-021971af] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-021971af] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-021971af] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-021971af],
.comment-page.post-fixed .comment-post-body[data-v-021971af] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-021971af] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-021971af] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-021971af] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-021971af] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-021971af] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-021971af] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-021971af] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-021971af] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-021971af] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-021971af],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-021971af] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-021971af] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-021971af] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-021971af],
.comment-page.post-fixed .comment-post-body.active[data-v-021971af] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-021971af],
  .comment-page.post-fixed .comment-post-body.active[data-v-021971af] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-021971af],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-021971af] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-021971af] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-021971af] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-021971af] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-021971af] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-021971af] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-021971af] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-021971af] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-021971af] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-021971af] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-021971af] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-021971af]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-021971af]:focus,
.comment-input-field.textarea[data-v-021971af]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-021971af]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-021971af] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-021971af] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-021971af] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-021971af] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-021971af] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-021971af] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-021971af] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-021971af] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-021971af]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-021971af] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-021971af],
.comment-send-btn.disabled .icon-send[data-v-021971af] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-021971af]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-021971af] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-021971af] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-021971af] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-021971af] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-021971af] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-021971af] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-021971af] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-021971af] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-021971af] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-021971af] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-021971af] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-021971af] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-021971af] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-021971af] {
  align-items: center;
  animation: blink-021971af 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-021971af {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-021971af] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-021971af] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-021971af] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-021971af] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-021971af] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-021971af] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-021971af]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-021971af] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-021971af] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-021971af] {
  margin: 0 0 0 -8px;
}
.article-below[data-v-021971af],
.article-main[data-v-021971af] {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af],
  .article-main[data-v-021971af] {
    flex-direction: row;
    max-width: unset;
    width: 100%;
  }
}
.article-below[data-v-021971af] .article-content,
.article-main[data-v-021971af] .article-content {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 0 16px;
}
@media (min-width: 429px) {
  .article-below[data-v-021971af] .article-content,
  .article-main[data-v-021971af] .article-content {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content,
  .article-main[data-v-021971af] .article-content {
    flex-basis: 100%;
    margin-right: 4px;
    max-width: 704px;
    padding: 0 32px;
  }
}
.article-below[data-v-021971af] .article-content.full-width,
.article-main[data-v-021971af] .article-content.full-width {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.full-width,
  .article-main[data-v-021971af] .article-content.full-width {
    margin-right: 0;
    max-width: unset;
    padding-top: 8px;
  }
}
.article-below[data-v-021971af] .article-content.full-width.all-comments-page,
.article-main[data-v-021971af] .article-content.full-width.all-comments-page {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.full-width.all-comments-page,
  .article-main[data-v-021971af] .article-content.full-width.all-comments-page {
    padding-top: 20px;
  }
}
.article-below[data-v-021971af]
  .article-content.full-width.all-comments-page
  .article-header,
.article-main[data-v-021971af]
  .article-content.full-width.all-comments-page
  .article-header {
  order: unset;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.full-width .article-tags,
  .article-main[data-v-021971af] .article-content.full-width .article-tags {
    height: auto;
    margin: 0 auto 16px;
    max-width: 640px;
    overflow-x: unset;
  }
}
.has-gallery-full-screen-active
  .article-below[data-v-021971af]
  .article-content,
.has-gallery-full-screen-active
  .article-main[data-v-021971af]
  .article-content {
  position: relative;
  z-index: 10000;
}
.article-below[data-v-021971af] .article-content .storytelling,
.article-main[data-v-021971af] .article-content .storytelling {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content .storytelling,
  .article-main[data-v-021971af] .article-content .storytelling {
    margin: 0 auto;
    max-width: 640px;
  }
}
.article-below[data-v-021971af]
  .article-content
  .storytelling
  .article-big-image,
.article-main[data-v-021971af]
  .article-content
  .storytelling
  .article-big-image {
  order: 1;
}
.article-below[data-v-021971af] .article-content .storytelling .article-header,
.article-main[data-v-021971af] .article-content .storytelling .article-header {
  order: 2;
}
.article-below[data-v-021971af] .article-content .storytelling .article-body,
.article-main[data-v-021971af] .article-content .storytelling .article-body {
  order: 3;
}
.article-below[data-v-021971af] .article-content .gallerystory,
.article-main[data-v-021971af] .article-content .gallerystory {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content .gallerystory,
  .article-main[data-v-021971af] .article-content .gallerystory {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.is-storytelling,
  .article-main[data-v-021971af] .article-content.is-storytelling {
    margin: 4px auto;
    max-width: unset;
    width: 1008px;
  }
}
.article-below[data-v-021971af]
  .article-content.is-storytelling
  .card-engagement-bar,
.article-main[data-v-021971af]
  .article-content.is-storytelling
  .card-engagement-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.is-storytelling iframe,
  .article-main[data-v-021971af] .article-content.is-storytelling iframe {
    max-width: 656px;
  }
}
.article-below[data-v-021971af] .article-content.is-staticpage,
.article-main[data-v-021971af] .article-content.is-staticpage {
  padding: 20px 16px 1px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.is-staticpage,
  .article-main[data-v-021971af] .article-content.is-staticpage {
    margin: 4px auto;
    max-width: unset;
    padding: 24px 208px;
    width: 1024px;
  }
}
.article-below[data-v-021971af] .article-content.is-staticpage .static-title,
.article-main[data-v-021971af] .article-content.is-staticpage .static-title {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.is-staticpage .static-title,
  .article-main[data-v-021971af] .article-content.is-staticpage .static-title {
    font-size: 2.4375rem;
    line-height: 3rem;
    padding: 0 24px;
  }
}
.article-below[data-v-021971af] .article-content .is-how-to .textline h2,
.article-main[data-v-021971af] .article-content .is-how-to .textline h2 {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 0;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-content .is-how-to .textline h2,
  .article-main[data-v-021971af] .article-content .is-how-to .textline h2 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-content .is-how-to .textline h2,
  .article-main[data-v-021971af] .article-content .is-how-to .textline h2 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content .is-how-to .textline h2,
  .article-main[data-v-021971af] .article-content .is-how-to .textline h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-021971af] .article-content.all-comments-page,
.article-main[data-v-021971af] .article-content.all-comments-page {
  position: relative;
  z-index: 11;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-content.all-comments-page,
  .article-main[data-v-021971af] .article-content.all-comments-page {
    background-color: unset;
    box-shadow: unset;
    margin-bottom: 4px;
    padding: 0;
  }
}
.article-below[data-v-021971af]
  .article-content.all-comments-page
  .gallerystory,
.article-main[data-v-021971af]
  .article-content.all-comments-page
  .gallerystory {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af]
    .article-content.all-comments-page
    .is-comments-page,
  .article-main[data-v-021971af]
    .article-content.all-comments-page
    .is-comments-page {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af]
    .article-content.all-comments-page.is-storytelling,
  .article-main[data-v-021971af]
    .article-content.all-comments-page.is-storytelling {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af]
    .article-content.all-comments-page.is-storytelling
    .full-width,
  .article-main[data-v-021971af]
    .article-content.all-comments-page.is-storytelling
    .full-width {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page,
  .article-main[data-v-021971af]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
  }
}
.article-below[data-v-021971af] .article-sidebar,
.article-main[data-v-021971af] .article-sidebar {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-sidebar,
  .article-main[data-v-021971af] .article-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 316px;
    position: relative;
    width: 316px;
    z-index: 1;
  }
}
.article-below[data-v-021971af] .article-divider,
.article-main[data-v-021971af] .article-divider {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  width: 100%;
}
.article-below[data-v-021971af] .article-image img,
.article-main[data-v-021971af] .article-image img {
  display: block;
  width: 100%;
}
.article-below .article-lead[data-v-021971af],
.article-main .article-lead[data-v-021971af] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-below .article-lead[data-v-021971af],
  .article-main .article-lead[data-v-021971af] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.article-below[data-v-021971af] .article-factbox h2,
.article-below[data-v-021971af] .article-factbox-quotes h2,
.article-below[data-v-021971af] .article-rte h2,
.article-main[data-v-021971af] .article-factbox h2,
.article-main[data-v-021971af] .article-factbox-quotes h2,
.article-main[data-v-021971af] .article-rte h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h2,
  .article-below[data-v-021971af] .article-factbox-quotes h2,
  .article-below[data-v-021971af] .article-rte h2,
  .article-main[data-v-021971af] .article-factbox h2,
  .article-main[data-v-021971af] .article-factbox-quotes h2,
  .article-main[data-v-021971af] .article-rte h2 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h2,
  .article-below[data-v-021971af] .article-factbox-quotes h2,
  .article-below[data-v-021971af] .article-rte h2,
  .article-main[data-v-021971af] .article-factbox h2,
  .article-main[data-v-021971af] .article-factbox-quotes h2,
  .article-main[data-v-021971af] .article-rte h2 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox h2,
  .article-below[data-v-021971af] .article-factbox-quotes h2,
  .article-below[data-v-021971af] .article-rte h2,
  .article-main[data-v-021971af] .article-factbox h2,
  .article-main[data-v-021971af] .article-factbox-quotes h2,
  .article-main[data-v-021971af] .article-rte h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-021971af] .article-factbox h3,
.article-below[data-v-021971af] .article-factbox-quotes h3,
.article-below[data-v-021971af] .article-rte h3,
.article-main[data-v-021971af] .article-factbox h3,
.article-main[data-v-021971af] .article-factbox-quotes h3,
.article-main[data-v-021971af] .article-rte h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h3,
  .article-below[data-v-021971af] .article-factbox-quotes h3,
  .article-below[data-v-021971af] .article-rte h3,
  .article-main[data-v-021971af] .article-factbox h3,
  .article-main[data-v-021971af] .article-factbox-quotes h3,
  .article-main[data-v-021971af] .article-rte h3 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h3,
  .article-below[data-v-021971af] .article-factbox-quotes h3,
  .article-below[data-v-021971af] .article-rte h3,
  .article-main[data-v-021971af] .article-factbox h3,
  .article-main[data-v-021971af] .article-factbox-quotes h3,
  .article-main[data-v-021971af] .article-rte h3 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox h3,
  .article-below[data-v-021971af] .article-factbox-quotes h3,
  .article-below[data-v-021971af] .article-rte h3,
  .article-main[data-v-021971af] .article-factbox h3,
  .article-main[data-v-021971af] .article-factbox-quotes h3,
  .article-main[data-v-021971af] .article-rte h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-021971af] .article-factbox h4,
.article-below[data-v-021971af] .article-factbox-quotes h4,
.article-below[data-v-021971af] .article-rte h4,
.article-main[data-v-021971af] .article-factbox h4,
.article-main[data-v-021971af] .article-factbox-quotes h4,
.article-main[data-v-021971af] .article-rte h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h4,
  .article-below[data-v-021971af] .article-factbox-quotes h4,
  .article-below[data-v-021971af] .article-rte h4,
  .article-main[data-v-021971af] .article-factbox h4,
  .article-main[data-v-021971af] .article-factbox-quotes h4,
  .article-main[data-v-021971af] .article-rte h4 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h4,
  .article-below[data-v-021971af] .article-factbox-quotes h4,
  .article-below[data-v-021971af] .article-rte h4,
  .article-main[data-v-021971af] .article-factbox h4,
  .article-main[data-v-021971af] .article-factbox-quotes h4,
  .article-main[data-v-021971af] .article-rte h4 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox h4,
  .article-below[data-v-021971af] .article-factbox-quotes h4,
  .article-below[data-v-021971af] .article-rte h4,
  .article-main[data-v-021971af] .article-factbox h4,
  .article-main[data-v-021971af] .article-factbox-quotes h4,
  .article-main[data-v-021971af] .article-rte h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.article-below[data-v-021971af] .article-factbox h5,
.article-below[data-v-021971af] .article-factbox-quotes h5,
.article-below[data-v-021971af] .article-rte h5,
.article-main[data-v-021971af] .article-factbox h5,
.article-main[data-v-021971af] .article-factbox-quotes h5,
.article-main[data-v-021971af] .article-rte h5 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h5,
  .article-below[data-v-021971af] .article-factbox-quotes h5,
  .article-below[data-v-021971af] .article-rte h5,
  .article-main[data-v-021971af] .article-factbox h5,
  .article-main[data-v-021971af] .article-factbox-quotes h5,
  .article-main[data-v-021971af] .article-rte h5 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox h5,
  .article-below[data-v-021971af] .article-factbox-quotes h5,
  .article-below[data-v-021971af] .article-rte h5,
  .article-main[data-v-021971af] .article-factbox h5,
  .article-main[data-v-021971af] .article-factbox-quotes h5,
  .article-main[data-v-021971af] .article-rte h5 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox h5,
  .article-below[data-v-021971af] .article-factbox-quotes h5,
  .article-below[data-v-021971af] .article-rte h5,
  .article-main[data-v-021971af] .article-factbox h5,
  .article-main[data-v-021971af] .article-factbox-quotes h5,
  .article-main[data-v-021971af] .article-rte h5 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.article-below[data-v-021971af] .article-factbox em,
.article-below[data-v-021971af] .article-factbox em strong,
.article-below[data-v-021971af] .article-factbox-quotes em,
.article-below[data-v-021971af] .article-factbox-quotes em strong,
.article-below[data-v-021971af] .article-rte em,
.article-below[data-v-021971af] .article-rte em strong,
.article-main[data-v-021971af] .article-factbox em,
.article-main[data-v-021971af] .article-factbox em strong,
.article-main[data-v-021971af] .article-factbox-quotes em,
.article-main[data-v-021971af] .article-factbox-quotes em strong,
.article-main[data-v-021971af] .article-rte em,
.article-main[data-v-021971af] .article-rte em strong {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox strong,
  .article-below[data-v-021971af] .article-factbox-quotes strong,
  .article-below[data-v-021971af] .article-rte strong,
  .article-main[data-v-021971af] .article-factbox strong,
  .article-main[data-v-021971af] .article-factbox-quotes strong,
  .article-main[data-v-021971af] .article-rte strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox strong,
  .article-below[data-v-021971af] .article-factbox-quotes strong,
  .article-below[data-v-021971af] .article-rte strong,
  .article-main[data-v-021971af] .article-factbox strong,
  .article-main[data-v-021971af] .article-factbox-quotes strong,
  .article-main[data-v-021971af] .article-rte strong {
    font-weight: 700;
  }
}
.article-below[data-v-021971af] .article-factbox a,
.article-below[data-v-021971af] .article-factbox-quotes a,
.article-below[data-v-021971af] .article-rte a,
.article-main[data-v-021971af] .article-factbox a,
.article-main[data-v-021971af] .article-factbox-quotes a,
.article-main[data-v-021971af] .article-rte a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox a:hover,
  .article-below[data-v-021971af] .article-factbox-quotes a:hover,
  .article-below[data-v-021971af] .article-rte a:hover,
  .article-main[data-v-021971af] .article-factbox a:hover,
  .article-main[data-v-021971af] .article-factbox-quotes a:hover,
  .article-main[data-v-021971af] .article-rte a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.article-below[data-v-021971af] .article-factbox a:hover,
.article-below[data-v-021971af] .article-factbox-quotes a:hover,
.article-below[data-v-021971af] .article-rte a:hover,
.article-main[data-v-021971af] .article-factbox a:hover,
.article-main[data-v-021971af] .article-factbox-quotes a:hover,
.article-main[data-v-021971af] .article-rte a:hover {
  color: var(--accent-hover);
}
.article-below[data-v-021971af] .article-factbox a:after,
.article-below[data-v-021971af] .article-factbox-quotes a:after,
.article-below[data-v-021971af] .article-rte a:after,
.article-main[data-v-021971af] .article-factbox a:after,
.article-main[data-v-021971af] .article-factbox-quotes a:after,
.article-main[data-v-021971af] .article-rte a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-below[data-v-021971af] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-below[data-v-021971af] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-below[data-v-021971af] .article-rte a[href^="https://www.kurir.rs"]:after,.article-main[data-v-021971af] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-main[data-v-021971af] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-main[data-v-021971af] .article-rte a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.article-below[data-v-021971af] .article-factbox ol,
.article-below[data-v-021971af] .article-factbox ul,
.article-below[data-v-021971af] .article-factbox-quotes ol,
.article-below[data-v-021971af] .article-factbox-quotes ul,
.article-below[data-v-021971af] .article-rte ol,
.article-below[data-v-021971af] .article-rte ul,
.article-main[data-v-021971af] .article-factbox ol,
.article-main[data-v-021971af] .article-factbox ul,
.article-main[data-v-021971af] .article-factbox-quotes ol,
.article-main[data-v-021971af] .article-factbox-quotes ul,
.article-main[data-v-021971af] .article-rte ol,
.article-main[data-v-021971af] .article-rte ul {
  list-style-position: inside;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox ol,
  .article-below[data-v-021971af] .article-factbox ul,
  .article-below[data-v-021971af] .article-factbox-quotes ol,
  .article-below[data-v-021971af] .article-factbox-quotes ul,
  .article-below[data-v-021971af] .article-rte ol,
  .article-below[data-v-021971af] .article-rte ul,
  .article-main[data-v-021971af] .article-factbox ol,
  .article-main[data-v-021971af] .article-factbox ul,
  .article-main[data-v-021971af] .article-factbox-quotes ol,
  .article-main[data-v-021971af] .article-factbox-quotes ul,
  .article-main[data-v-021971af] .article-rte ol,
  .article-main[data-v-021971af] .article-rte ul {
    margin-bottom: 24px;
  }
}
.article-below[data-v-021971af] .article-factbox ol li,
.article-below[data-v-021971af] .article-factbox ul li,
.article-below[data-v-021971af] .article-factbox-quotes ol li,
.article-below[data-v-021971af] .article-factbox-quotes ul li,
.article-below[data-v-021971af] .article-rte ol li,
.article-below[data-v-021971af] .article-rte ul li,
.article-main[data-v-021971af] .article-factbox ol li,
.article-main[data-v-021971af] .article-factbox ul li,
.article-main[data-v-021971af] .article-factbox-quotes ol li,
.article-main[data-v-021971af] .article-factbox-quotes ul li,
.article-main[data-v-021971af] .article-rte ol li,
.article-main[data-v-021971af] .article-rte ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.article-below[data-v-021971af] .article-factbox ol li:last-of-type,
.article-below[data-v-021971af] .article-factbox ul li:last-of-type,
.article-below[data-v-021971af] .article-factbox-quotes ol li:last-of-type,
.article-below[data-v-021971af] .article-factbox-quotes ul li:last-of-type,
.article-below[data-v-021971af] .article-rte ol li:last-of-type,
.article-below[data-v-021971af] .article-rte ul li:last-of-type,
.article-main[data-v-021971af] .article-factbox ol li:last-of-type,
.article-main[data-v-021971af] .article-factbox ul li:last-of-type,
.article-main[data-v-021971af] .article-factbox-quotes ol li:last-of-type,
.article-main[data-v-021971af] .article-factbox-quotes ul li:last-of-type,
.article-main[data-v-021971af] .article-rte ol li:last-of-type,
.article-main[data-v-021971af] .article-rte ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox ol li,
  .article-below[data-v-021971af] .article-factbox ul li,
  .article-below[data-v-021971af] .article-factbox-quotes ol li,
  .article-below[data-v-021971af] .article-factbox-quotes ul li,
  .article-below[data-v-021971af] .article-rte ol li,
  .article-below[data-v-021971af] .article-rte ul li,
  .article-main[data-v-021971af] .article-factbox ol li,
  .article-main[data-v-021971af] .article-factbox ul li,
  .article-main[data-v-021971af] .article-factbox-quotes ol li,
  .article-main[data-v-021971af] .article-factbox-quotes ul li,
  .article-main[data-v-021971af] .article-rte ol li,
  .article-main[data-v-021971af] .article-rte ul li {
    margin-left: 34px;
  }
}
.article-below[data-v-021971af] .article-factbox ol,
.article-below[data-v-021971af] .article-factbox-quotes ol,
.article-below[data-v-021971af] .article-rte ol,
.article-main[data-v-021971af] .article-factbox ol,
.article-main[data-v-021971af] .article-factbox-quotes ol,
.article-main[data-v-021971af] .article-rte ol {
  counter-reset: item;
}
.article-below[data-v-021971af] .article-factbox ol li:before,
.article-below[data-v-021971af] .article-factbox-quotes ol li:before,
.article-below[data-v-021971af] .article-rte ol li:before,
.article-main[data-v-021971af] .article-factbox ol li:before,
.article-main[data-v-021971af] .article-factbox-quotes ol li:before,
.article-main[data-v-021971af] .article-rte ol li:before {
  color: var(--article-factbox-accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox ol li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-below[data-v-021971af] .article-rte ol li:before,
  .article-main[data-v-021971af] .article-factbox ol li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-main[data-v-021971af] .article-rte ol li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox ol li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-below[data-v-021971af] .article-rte ol li:before,
  .article-main[data-v-021971af] .article-factbox ol li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-main[data-v-021971af] .article-rte ol li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox ol li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-below[data-v-021971af] .article-rte ol li:before,
  .article-main[data-v-021971af] .article-factbox ol li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ol li:before,
  .article-main[data-v-021971af] .article-rte ol li:before {
    left: -34px;
  }
}
.article-below[data-v-021971af] .article-factbox ul li:before,
.article-below[data-v-021971af] .article-factbox-quotes ul li:before,
.article-below[data-v-021971af] .article-rte ul li:before,
.article-main[data-v-021971af] .article-factbox ul li:before,
.article-main[data-v-021971af] .article-factbox-quotes ul li:before,
.article-main[data-v-021971af] .article-rte ul li:before {
  color: var(--article-factbox-accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox ul li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-below[data-v-021971af] .article-rte ul li:before,
  .article-main[data-v-021971af] .article-factbox ul li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-main[data-v-021971af] .article-rte ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox ul li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-below[data-v-021971af] .article-rte ul li:before,
  .article-main[data-v-021971af] .article-factbox ul li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-main[data-v-021971af] .article-rte ul li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox ul li:before,
  .article-below[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-below[data-v-021971af] .article-rte ul li:before,
  .article-main[data-v-021971af] .article-factbox ul li:before,
  .article-main[data-v-021971af] .article-factbox-quotes ul li:before,
  .article-main[data-v-021971af] .article-rte ul li:before {
    left: -34px;
  }
}
.article-below[data-v-021971af] .article-factbox iframe,
.article-below[data-v-021971af] .article-factbox-quotes iframe,
.article-below[data-v-021971af] .article-rte iframe,
.article-main[data-v-021971af] .article-factbox iframe,
.article-main[data-v-021971af] .article-factbox-quotes iframe,
.article-main[data-v-021971af] .article-rte iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox iframe,
  .article-below[data-v-021971af] .article-factbox-quotes iframe,
  .article-below[data-v-021971af] .article-rte iframe,
  .article-main[data-v-021971af] .article-factbox iframe,
  .article-main[data-v-021971af] .article-factbox-quotes iframe,
  .article-main[data-v-021971af] .article-rte iframe {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-rte,
  .article-main[data-v-021971af] .article-rte {
    padding: 0;
  }
}
.article-below[data-v-021971af] .article-rte h2 + h3,
.article-below[data-v-021971af] .article-rte h2 + h4,
.article-below[data-v-021971af] .article-rte h2 + h5,
.article-below[data-v-021971af] .article-rte h3 + h4,
.article-below[data-v-021971af] .article-rte h3 + h5,
.article-below[data-v-021971af] .article-rte h4 + h5,
.article-main[data-v-021971af] .article-rte h2 + h3,
.article-main[data-v-021971af] .article-rte h2 + h4,
.article-main[data-v-021971af] .article-rte h2 + h5,
.article-main[data-v-021971af] .article-rte h3 + h4,
.article-main[data-v-021971af] .article-rte h3 + h5,
.article-main[data-v-021971af] .article-rte h4 + h5 {
  margin-top: -4px;
}
.article-below[data-v-021971af] .article-rte h2,
.article-below[data-v-021971af] .article-rte h3,
.article-below[data-v-021971af] .article-rte h4,
.article-below[data-v-021971af] .article-rte h5,
.article-below[data-v-021971af] .article-rte p,
.article-main[data-v-021971af] .article-rte h2,
.article-main[data-v-021971af] .article-rte h3,
.article-main[data-v-021971af] .article-rte h4,
.article-main[data-v-021971af] .article-rte h5,
.article-main[data-v-021971af] .article-rte p {
  color: var(--color-900);
  margin-bottom: 16px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-rte h2,
  .article-below[data-v-021971af] .article-rte h3,
  .article-below[data-v-021971af] .article-rte h4,
  .article-below[data-v-021971af] .article-rte h5,
  .article-below[data-v-021971af] .article-rte p,
  .article-main[data-v-021971af] .article-rte h2,
  .article-main[data-v-021971af] .article-rte h3,
  .article-main[data-v-021971af] .article-rte h4,
  .article-main[data-v-021971af] .article-rte h5,
  .article-main[data-v-021971af] .article-rte p {
    margin-bottom: 24px;
  }
}
.article-below[data-v-021971af] .article-rte em,
.article-below[data-v-021971af] .article-rte strong,
.article-main[data-v-021971af] .article-rte em,
.article-main[data-v-021971af] .article-rte strong {
  word-break: break-word;
}
.article-below[data-v-021971af] .article-rte em,
.article-below[data-v-021971af] .article-rte li,
.article-below[data-v-021971af] .article-rte p,
.article-below[data-v-021971af] .article-rte strong,
.article-main[data-v-021971af] .article-rte em,
.article-main[data-v-021971af] .article-rte li,
.article-main[data-v-021971af] .article-rte p,
.article-main[data-v-021971af] .article-rte strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-rte em,
  .article-below[data-v-021971af] .article-rte li,
  .article-below[data-v-021971af] .article-rte p,
  .article-below[data-v-021971af] .article-rte strong,
  .article-main[data-v-021971af] .article-rte em,
  .article-main[data-v-021971af] .article-rte li,
  .article-main[data-v-021971af] .article-rte p,
  .article-main[data-v-021971af] .article-rte strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-021971af] .article-rte p:empty,
.article-main[data-v-021971af] .article-rte p:empty {
  margin-bottom: 0;
}
.article-below[data-v-021971af] .article-factbox em,
.article-below[data-v-021971af] .article-factbox h2,
.article-below[data-v-021971af] .article-factbox h3,
.article-below[data-v-021971af] .article-factbox h4,
.article-below[data-v-021971af] .article-factbox h5,
.article-below[data-v-021971af] .article-factbox p,
.article-below[data-v-021971af] .article-factbox strong,
.article-below[data-v-021971af] .article-factbox-quotes em,
.article-below[data-v-021971af] .article-factbox-quotes h2,
.article-below[data-v-021971af] .article-factbox-quotes h3,
.article-below[data-v-021971af] .article-factbox-quotes h4,
.article-below[data-v-021971af] .article-factbox-quotes h5,
.article-below[data-v-021971af] .article-factbox-quotes p,
.article-below[data-v-021971af] .article-factbox-quotes strong,
.article-main[data-v-021971af] .article-factbox em,
.article-main[data-v-021971af] .article-factbox h2,
.article-main[data-v-021971af] .article-factbox h3,
.article-main[data-v-021971af] .article-factbox h4,
.article-main[data-v-021971af] .article-factbox h5,
.article-main[data-v-021971af] .article-factbox p,
.article-main[data-v-021971af] .article-factbox strong,
.article-main[data-v-021971af] .article-factbox-quotes em,
.article-main[data-v-021971af] .article-factbox-quotes h2,
.article-main[data-v-021971af] .article-factbox-quotes h3,
.article-main[data-v-021971af] .article-factbox-quotes h4,
.article-main[data-v-021971af] .article-factbox-quotes h5,
.article-main[data-v-021971af] .article-factbox-quotes p,
.article-main[data-v-021971af] .article-factbox-quotes strong {
  margin-bottom: 12px;
  word-break: break-word;
}
.article-below[data-v-021971af] .article-factbox ol,
.article-below[data-v-021971af] .article-factbox ul,
.article-below[data-v-021971af] .article-factbox-quotes ol,
.article-below[data-v-021971af] .article-factbox-quotes ul,
.article-main[data-v-021971af] .article-factbox ol,
.article-main[data-v-021971af] .article-factbox ul,
.article-main[data-v-021971af] .article-factbox-quotes ol,
.article-main[data-v-021971af] .article-factbox-quotes ul {
  margin-bottom: 12px;
}
.article-below[data-v-021971af] .article-factbox ol li,
.article-below[data-v-021971af] .article-factbox ul li,
.article-below[data-v-021971af] .article-factbox-quotes ol li,
.article-below[data-v-021971af] .article-factbox-quotes ul li,
.article-main[data-v-021971af] .article-factbox ol li,
.article-main[data-v-021971af] .article-factbox ul li,
.article-main[data-v-021971af] .article-factbox-quotes ol li,
.article-main[data-v-021971af] .article-factbox-quotes ul li {
  margin-bottom: 4px;
}
.article-below[data-v-021971af] .article-factbox .author-name,
.article-below[data-v-021971af] .article-factbox-quotes .author-name,
.article-main[data-v-021971af] .article-factbox .author-name,
.article-main[data-v-021971af] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox .author-name,
  .article-below[data-v-021971af] .article-factbox-quotes .author-name,
  .article-main[data-v-021971af] .article-factbox .author-name,
  .article-main[data-v-021971af] .article-factbox-quotes .author-name {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox .author-name,
  .article-below[data-v-021971af] .article-factbox-quotes .author-name,
  .article-main[data-v-021971af] .article-factbox .author-name,
  .article-main[data-v-021971af] .article-factbox-quotes .author-name {
    font-weight: 400;
  }
}
.article-below[data-v-021971af] .article-factbox .author-name:before,
.article-below[data-v-021971af] .article-factbox-quotes .author-name:before,
.article-main[data-v-021971af] .article-factbox .author-name:before,
.article-main[data-v-021971af] .article-factbox-quotes .author-name:before {
  content: "— ";
}
.article-below[data-v-021971af] .article-factbox,
.article-main[data-v-021971af] .article-factbox {
  background-color: var(--article-factbox-surface);
  margin: 0 -16px 16px;
  padding: 24px 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox,
  .article-main[data-v-021971af] .article-factbox {
    margin: 0 -16px 24px;
  }
}
.article-below[data-v-021971af] .article-factbox:after,
.article-below[data-v-021971af] .article-factbox:before,
.article-main[data-v-021971af] .article-factbox:after,
.article-main[data-v-021971af] .article-factbox:before {
  background: var(--accent-light);
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
.article-below[data-v-021971af] .article-factbox:after,
.article-main[data-v-021971af] .article-factbox:after {
  bottom: 0;
  top: auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox,
  .article-main[data-v-021971af] .article-factbox {
    margin: 0 -32px 24px;
    padding: 16px 32px 15px;
  }
}
.article-below[data-v-021971af] .article-factbox em,
.article-below[data-v-021971af] .article-factbox h2,
.article-below[data-v-021971af] .article-factbox h3,
.article-below[data-v-021971af] .article-factbox h4,
.article-below[data-v-021971af] .article-factbox h5,
.article-below[data-v-021971af] .article-factbox li,
.article-below[data-v-021971af] .article-factbox p,
.article-below[data-v-021971af] .article-factbox strong,
.article-main[data-v-021971af] .article-factbox em,
.article-main[data-v-021971af] .article-factbox h2,
.article-main[data-v-021971af] .article-factbox h3,
.article-main[data-v-021971af] .article-factbox h4,
.article-main[data-v-021971af] .article-factbox h5,
.article-main[data-v-021971af] .article-factbox li,
.article-main[data-v-021971af] .article-factbox p,
.article-main[data-v-021971af] .article-factbox strong {
  color: var(--color-900);
}
.article-below[data-v-021971af] .article-factbox a,
.article-main[data-v-021971af] .article-factbox a {
  background-image: linear-gradient(
    var(--article-factbox-link),
    var(--article-factbox-link)
  ) !important;
  color: var(--article-factbox-link) !important;
}
.article-below[data-v-021971af] .article-factbox a:hover,
.article-main[data-v-021971af] .article-factbox a:hover {
  color: var(--article-factbox-link-hover) !important;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox a:hover,
  .article-main[data-v-021971af] .article-factbox a:hover {
    background-image: linear-gradient(
      var(--article-factbox-link-hover),
      var(--article-factbox-link-hover)
    ) !important;
  }
}
.article-below[data-v-021971af] .article-factbox em,
.article-below[data-v-021971af] .article-factbox li,
.article-below[data-v-021971af] .article-factbox p,
.article-below[data-v-021971af] .article-factbox strong,
.article-main[data-v-021971af] .article-factbox em,
.article-main[data-v-021971af] .article-factbox li,
.article-main[data-v-021971af] .article-factbox p,
.article-main[data-v-021971af] .article-factbox strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox em,
  .article-below[data-v-021971af] .article-factbox li,
  .article-below[data-v-021971af] .article-factbox p,
  .article-below[data-v-021971af] .article-factbox strong,
  .article-main[data-v-021971af] .article-factbox em,
  .article-main[data-v-021971af] .article-factbox li,
  .article-main[data-v-021971af] .article-factbox p,
  .article-main[data-v-021971af] .article-factbox strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-021971af] .article-factbox .antrfile > strong,
.article-below[data-v-021971af] .article-factbox .standard > strong,
.article-main[data-v-021971af] .article-factbox .antrfile > strong,
.article-main[data-v-021971af] .article-factbox .standard > strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox .antrfile > strong,
  .article-below[data-v-021971af] .article-factbox .standard > strong,
  .article-main[data-v-021971af] .article-factbox .antrfile > strong,
  .article-main[data-v-021971af] .article-factbox .standard > strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-021971af] .article-factbox .antrfile > strong,
  .article-below[data-v-021971af] .article-factbox .standard > strong,
  .article-main[data-v-021971af] .article-factbox .antrfile > strong,
  .article-main[data-v-021971af] .article-factbox .standard > strong {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-factbox .antrfile > strong,
  .article-below[data-v-021971af] .article-factbox .standard > strong,
  .article-main[data-v-021971af] .article-factbox .antrfile > strong,
  .article-main[data-v-021971af] .article-factbox .standard > strong {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-021971af] .article-factbox-quotes .author-name,
.article-main[data-v-021971af] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
}
.article-below[data-v-021971af] .article-embed,
.article-main[data-v-021971af] .article-embed {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-embed,
  .article-main[data-v-021971af] .article-embed {
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-021971af] .article-embed iframe,
.article-main[data-v-021971af] .article-embed iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-embed iframe,
  .article-main[data-v-021971af] .article-embed iframe {
    max-width: 560px;
  }
}
.article-below[data-v-021971af] .article-embed iframe[src^="https://www.facebook.com/"],.article-main[data-v-021971af] .article-embed iframe[src^="https://www.facebook.com/"]
{
  background-color: #fff;
}
.article-below[data-v-021971af] .paywall,
.article-main[data-v-021971af] .paywall {
  display: none;
}
.article-main[data-v-021971af] .article-content {
  padding-top: 20px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-main[data-v-021971af] .article-content {
    padding-top: 15px;
  }
}
.article-main[data-v-021971af] .fb-video {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-main[data-v-021971af] .fb-video {
    left: 50%;
    margin-bottom: 24px;
    position: relative;
    transform: translate(-50%);
  }
}
.article-main[data-v-021971af] p > iframe[src*="youtube.com"] {
  margin: 0 -16px !important;
  max-width: calc(100% + 32px) !important;
}
@media screen and (min-width: 485px) {
  .article-main[data-v-021971af] p > iframe[src*="youtube.com"] {
    height: 272px !important;
    max-width: 484px !important;
    width: 484px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-021971af] p > iframe[src*="youtube.com"] {
    height: 387px !important;
    margin: 0 -24px !important;
    max-width: 688px !important;
    width: 688px !important;
  }
}
.article-main[data-v-021971af] div:has(> iframe[src*="dailymotion.com/embed"]) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .article-main[data-v-021971af]
    div:has(> iframe[src*="dailymotion.com/embed"]) {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-021971af] div > iframe[src*="giphy.com/embed"],
  .article-main[data-v-021971af] iframe[src*="dailymotion.com/embed"] {
    left: 50% !important;
    transform: translate(-50%);
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .is-main {
    margin-bottom: 4px;
  }
}
.article-below[data-v-021971af] .article-sidebar {
  margin-bottom: 0;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af] .article-sidebar {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-021971af]:last-of-type .is-main {
    margin-bottom: 0;
  }
}
.article-below[data-v-021971af]:last-of-type .article-sidebar {
  margin-bottom: 4px;
}
.static-document .breadcrumbs[data-v-021971af] {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs[data-v-021971af] {
    padding: 0 24px;
  }
}
.static-document .breadcrumbs-link[data-v-021971af] {
  background-image: none;
  background-position: unset;
  background-size: unset;
  color: var(--breadcrumbs-color-special);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0 4px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs-link[data-v-021971af] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .static-document .breadcrumbs-link[data-v-021971af]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.static-document .breadcrumbs-link[data-v-021971af]:first-child {
  margin-left: 0;
}
.static-document .breadcrumbs .icon-chevron--right[data-v-021971af] {
  color: var(--color-900);
}
.static-document .breadcrumbs-icon-container[data-v-021971af] {
  align-items: center;
  display: flex;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-b1272bda] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-b1272bda] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-b1272bda],
  .comment-reply-bubble[data-v-b1272bda] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-b1272bda],
  .comment-reply-bubble[data-v-b1272bda] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b1272bda] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b1272bda] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-below .article-lead[data-v-b1272bda],
  .article-main .article-lead[data-v-b1272bda] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below .article-lead[data-v-b1272bda],
  .article-main .article-lead[data-v-b1272bda] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b1272bda],
  .comment-title[data-v-b1272bda] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b1272bda],
  .comment-title[data-v-b1272bda] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-b1272bda] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-b1272bda] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-b1272bda] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-b1272bda] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-b1272bda] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-b1272bda] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-b1272bda] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-b1272bda] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-b1272bda] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-b1272bda] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-b1272bda] {
  margin-bottom: 16px;
}
.comment-header[data-v-b1272bda] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-b1272bda] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-b1272bda] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-b1272bda] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-b1272bda] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-b1272bda] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-b1272bda]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-b1272bda],
.comment-page .comment-header.is-sticky[data-v-b1272bda] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-b1272bda] {
  animation: slideInDown-b1272bda 0.32s ease-in-out;
}
@keyframes slideInDown-b1272bda {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b1272bda] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b1272bda] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b1272bda]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b1272bda]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b1272bda] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-b1272bda] {
  animation: slideOutUp-b1272bda 0.32s ease-in-out;
}
@keyframes slideOutUp-b1272bda {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-b1272bda] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-b1272bda] {
  margin-left: 8px;
}
.comment-title span[data-v-b1272bda] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-b1272bda] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-b1272bda] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-b1272bda] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-b1272bda]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-b1272bda] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-b1272bda] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-b1272bda] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-b1272bda] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-b1272bda] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-b1272bda],
.comment-page.post-fixed .comment-post-body[data-v-b1272bda] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-b1272bda] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-b1272bda] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-b1272bda] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-b1272bda] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-b1272bda] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-b1272bda] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-b1272bda] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-b1272bda] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-b1272bda] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-b1272bda],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-b1272bda] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-b1272bda] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-b1272bda] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-b1272bda],
.comment-page.post-fixed .comment-post-body.active[data-v-b1272bda] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-b1272bda],
  .comment-page.post-fixed .comment-post-body.active[data-v-b1272bda] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-b1272bda],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-b1272bda] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-b1272bda] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-b1272bda] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-b1272bda] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-b1272bda] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-b1272bda] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-b1272bda] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-b1272bda] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-b1272bda] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-b1272bda] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b1272bda] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-b1272bda]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-b1272bda]:focus,
.comment-input-field.textarea[data-v-b1272bda]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b1272bda]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-b1272bda] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-b1272bda] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b1272bda] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-b1272bda] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b1272bda] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b1272bda] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-b1272bda] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-b1272bda] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b1272bda]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-b1272bda] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-b1272bda],
.comment-send-btn.disabled .icon-send[data-v-b1272bda] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-b1272bda]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-b1272bda] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-b1272bda] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-b1272bda] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-b1272bda] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-b1272bda] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-b1272bda] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-b1272bda] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-b1272bda] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-b1272bda] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-b1272bda] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-b1272bda] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-b1272bda] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-b1272bda] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-b1272bda] {
  align-items: center;
  animation: blink-b1272bda 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-b1272bda {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-b1272bda] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-b1272bda] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-b1272bda] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-b1272bda] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-b1272bda] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-b1272bda] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-b1272bda]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-b1272bda] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-b1272bda] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-b1272bda] {
  margin: 0 0 0 -8px;
}
.article-below[data-v-b1272bda],
.article-main[data-v-b1272bda] {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda],
  .article-main[data-v-b1272bda] {
    flex-direction: row;
    max-width: unset;
    width: 100%;
  }
}
.article-below[data-v-b1272bda] .article-content,
.article-main[data-v-b1272bda] .article-content {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 0 16px;
}
@media (min-width: 429px) {
  .article-below[data-v-b1272bda] .article-content,
  .article-main[data-v-b1272bda] .article-content {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content,
  .article-main[data-v-b1272bda] .article-content {
    flex-basis: 100%;
    margin-right: 4px;
    max-width: 704px;
    padding: 0 32px;
  }
}
.article-below[data-v-b1272bda] .article-content.full-width,
.article-main[data-v-b1272bda] .article-content.full-width {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.full-width,
  .article-main[data-v-b1272bda] .article-content.full-width {
    margin-right: 0;
    max-width: unset;
    padding-top: 8px;
  }
}
.article-below[data-v-b1272bda] .article-content.full-width.all-comments-page,
.article-main[data-v-b1272bda] .article-content.full-width.all-comments-page {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.full-width.all-comments-page,
  .article-main[data-v-b1272bda] .article-content.full-width.all-comments-page {
    padding-top: 20px;
  }
}
.article-below[data-v-b1272bda]
  .article-content.full-width.all-comments-page
  .article-header,
.article-main[data-v-b1272bda]
  .article-content.full-width.all-comments-page
  .article-header {
  order: unset;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.full-width .article-tags,
  .article-main[data-v-b1272bda] .article-content.full-width .article-tags {
    height: auto;
    margin: 0 auto 16px;
    max-width: 640px;
    overflow-x: unset;
  }
}
.has-gallery-full-screen-active
  .article-below[data-v-b1272bda]
  .article-content,
.has-gallery-full-screen-active
  .article-main[data-v-b1272bda]
  .article-content {
  position: relative;
  z-index: 10000;
}
.article-below[data-v-b1272bda] .article-content .storytelling,
.article-main[data-v-b1272bda] .article-content .storytelling {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content .storytelling,
  .article-main[data-v-b1272bda] .article-content .storytelling {
    margin: 0 auto;
    max-width: 640px;
  }
}
.article-below[data-v-b1272bda]
  .article-content
  .storytelling
  .article-big-image,
.article-main[data-v-b1272bda]
  .article-content
  .storytelling
  .article-big-image {
  order: 1;
}
.article-below[data-v-b1272bda] .article-content .storytelling .article-header,
.article-main[data-v-b1272bda] .article-content .storytelling .article-header {
  order: 2;
}
.article-below[data-v-b1272bda] .article-content .storytelling .article-body,
.article-main[data-v-b1272bda] .article-content .storytelling .article-body {
  order: 3;
}
.article-below[data-v-b1272bda] .article-content .gallerystory,
.article-main[data-v-b1272bda] .article-content .gallerystory {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content .gallerystory,
  .article-main[data-v-b1272bda] .article-content .gallerystory {
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.is-storytelling,
  .article-main[data-v-b1272bda] .article-content.is-storytelling {
    margin: 4px auto;
    max-width: unset;
    width: 1008px;
  }
}
.article-below[data-v-b1272bda]
  .article-content.is-storytelling
  .card-engagement-bar,
.article-main[data-v-b1272bda]
  .article-content.is-storytelling
  .card-engagement-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 656px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.is-storytelling iframe,
  .article-main[data-v-b1272bda] .article-content.is-storytelling iframe {
    max-width: 656px;
  }
}
.article-below[data-v-b1272bda] .article-content.is-staticpage,
.article-main[data-v-b1272bda] .article-content.is-staticpage {
  padding: 20px 16px 1px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.is-staticpage,
  .article-main[data-v-b1272bda] .article-content.is-staticpage {
    margin: 4px auto;
    max-width: unset;
    padding: 24px 208px;
    width: 1024px;
  }
}
.article-below[data-v-b1272bda] .article-content.is-staticpage .static-title,
.article-main[data-v-b1272bda] .article-content.is-staticpage .static-title {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.is-staticpage .static-title,
  .article-main[data-v-b1272bda] .article-content.is-staticpage .static-title {
    font-size: 2.4375rem;
    line-height: 3rem;
    padding: 0 24px;
  }
}
.article-below[data-v-b1272bda] .article-content .is-how-to .textline h2,
.article-main[data-v-b1272bda] .article-content .is-how-to .textline h2 {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  padding: 0;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-content .is-how-to .textline h2,
  .article-main[data-v-b1272bda] .article-content .is-how-to .textline h2 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-content .is-how-to .textline h2,
  .article-main[data-v-b1272bda] .article-content .is-how-to .textline h2 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content .is-how-to .textline h2,
  .article-main[data-v-b1272bda] .article-content .is-how-to .textline h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-b1272bda] .article-content.all-comments-page,
.article-main[data-v-b1272bda] .article-content.all-comments-page {
  position: relative;
  z-index: 11;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-content.all-comments-page,
  .article-main[data-v-b1272bda] .article-content.all-comments-page {
    background-color: unset;
    box-shadow: unset;
    margin-bottom: 4px;
    padding: 0;
  }
}
.article-below[data-v-b1272bda]
  .article-content.all-comments-page
  .gallerystory,
.article-main[data-v-b1272bda]
  .article-content.all-comments-page
  .gallerystory {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda]
    .article-content.all-comments-page
    .is-comments-page,
  .article-main[data-v-b1272bda]
    .article-content.all-comments-page
    .is-comments-page {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling,
  .article-main[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling
    .full-width,
  .article-main[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling
    .full-width {
    background-color: var(--color-50);
    box-shadow: 0 1px 3px #00000021;
    padding: 16px 32px 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page,
  .article-main[data-v-b1272bda]
    .article-content.all-comments-page.is-storytelling
    .is-comments-page {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
  }
}
.article-below[data-v-b1272bda] .article-sidebar,
.article-main[data-v-b1272bda] .article-sidebar {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-sidebar,
  .article-main[data-v-b1272bda] .article-sidebar {
    flex-basis: 316px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: 4px;
    max-width: 316px;
    position: relative;
    width: 316px;
    z-index: 1;
  }
}
.article-below[data-v-b1272bda] .article-divider,
.article-main[data-v-b1272bda] .article-divider {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  width: 100%;
}
.article-below[data-v-b1272bda] .article-image img,
.article-main[data-v-b1272bda] .article-image img {
  display: block;
  width: 100%;
}
.article-below .article-lead[data-v-b1272bda],
.article-main .article-lead[data-v-b1272bda] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 16px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-below .article-lead[data-v-b1272bda],
  .article-main .article-lead[data-v-b1272bda] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.article-below[data-v-b1272bda] .article-factbox h2,
.article-below[data-v-b1272bda] .article-factbox-quotes h2,
.article-below[data-v-b1272bda] .article-rte h2,
.article-main[data-v-b1272bda] .article-factbox h2,
.article-main[data-v-b1272bda] .article-factbox-quotes h2,
.article-main[data-v-b1272bda] .article-rte h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h2,
  .article-below[data-v-b1272bda] .article-factbox-quotes h2,
  .article-below[data-v-b1272bda] .article-rte h2,
  .article-main[data-v-b1272bda] .article-factbox h2,
  .article-main[data-v-b1272bda] .article-factbox-quotes h2,
  .article-main[data-v-b1272bda] .article-rte h2 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h2,
  .article-below[data-v-b1272bda] .article-factbox-quotes h2,
  .article-below[data-v-b1272bda] .article-rte h2,
  .article-main[data-v-b1272bda] .article-factbox h2,
  .article-main[data-v-b1272bda] .article-factbox-quotes h2,
  .article-main[data-v-b1272bda] .article-rte h2 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox h2,
  .article-below[data-v-b1272bda] .article-factbox-quotes h2,
  .article-below[data-v-b1272bda] .article-rte h2,
  .article-main[data-v-b1272bda] .article-factbox h2,
  .article-main[data-v-b1272bda] .article-factbox-quotes h2,
  .article-main[data-v-b1272bda] .article-rte h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox h3,
.article-below[data-v-b1272bda] .article-factbox-quotes h3,
.article-below[data-v-b1272bda] .article-rte h3,
.article-main[data-v-b1272bda] .article-factbox h3,
.article-main[data-v-b1272bda] .article-factbox-quotes h3,
.article-main[data-v-b1272bda] .article-rte h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h3,
  .article-below[data-v-b1272bda] .article-factbox-quotes h3,
  .article-below[data-v-b1272bda] .article-rte h3,
  .article-main[data-v-b1272bda] .article-factbox h3,
  .article-main[data-v-b1272bda] .article-factbox-quotes h3,
  .article-main[data-v-b1272bda] .article-rte h3 {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h3,
  .article-below[data-v-b1272bda] .article-factbox-quotes h3,
  .article-below[data-v-b1272bda] .article-rte h3,
  .article-main[data-v-b1272bda] .article-factbox h3,
  .article-main[data-v-b1272bda] .article-factbox-quotes h3,
  .article-main[data-v-b1272bda] .article-rte h3 {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox h3,
  .article-below[data-v-b1272bda] .article-factbox-quotes h3,
  .article-below[data-v-b1272bda] .article-rte h3,
  .article-main[data-v-b1272bda] .article-factbox h3,
  .article-main[data-v-b1272bda] .article-factbox-quotes h3,
  .article-main[data-v-b1272bda] .article-rte h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox h4,
.article-below[data-v-b1272bda] .article-factbox-quotes h4,
.article-below[data-v-b1272bda] .article-rte h4,
.article-main[data-v-b1272bda] .article-factbox h4,
.article-main[data-v-b1272bda] .article-factbox-quotes h4,
.article-main[data-v-b1272bda] .article-rte h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h4,
  .article-below[data-v-b1272bda] .article-factbox-quotes h4,
  .article-below[data-v-b1272bda] .article-rte h4,
  .article-main[data-v-b1272bda] .article-factbox h4,
  .article-main[data-v-b1272bda] .article-factbox-quotes h4,
  .article-main[data-v-b1272bda] .article-rte h4 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h4,
  .article-below[data-v-b1272bda] .article-factbox-quotes h4,
  .article-below[data-v-b1272bda] .article-rte h4,
  .article-main[data-v-b1272bda] .article-factbox h4,
  .article-main[data-v-b1272bda] .article-factbox-quotes h4,
  .article-main[data-v-b1272bda] .article-rte h4 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox h4,
  .article-below[data-v-b1272bda] .article-factbox-quotes h4,
  .article-below[data-v-b1272bda] .article-rte h4,
  .article-main[data-v-b1272bda] .article-factbox h4,
  .article-main[data-v-b1272bda] .article-factbox-quotes h4,
  .article-main[data-v-b1272bda] .article-rte h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox h5,
.article-below[data-v-b1272bda] .article-factbox-quotes h5,
.article-below[data-v-b1272bda] .article-rte h5,
.article-main[data-v-b1272bda] .article-factbox h5,
.article-main[data-v-b1272bda] .article-factbox-quotes h5,
.article-main[data-v-b1272bda] .article-rte h5 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h5,
  .article-below[data-v-b1272bda] .article-factbox-quotes h5,
  .article-below[data-v-b1272bda] .article-rte h5,
  .article-main[data-v-b1272bda] .article-factbox h5,
  .article-main[data-v-b1272bda] .article-factbox-quotes h5,
  .article-main[data-v-b1272bda] .article-rte h5 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox h5,
  .article-below[data-v-b1272bda] .article-factbox-quotes h5,
  .article-below[data-v-b1272bda] .article-rte h5,
  .article-main[data-v-b1272bda] .article-factbox h5,
  .article-main[data-v-b1272bda] .article-factbox-quotes h5,
  .article-main[data-v-b1272bda] .article-rte h5 {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox h5,
  .article-below[data-v-b1272bda] .article-factbox-quotes h5,
  .article-below[data-v-b1272bda] .article-rte h5,
  .article-main[data-v-b1272bda] .article-factbox h5,
  .article-main[data-v-b1272bda] .article-factbox-quotes h5,
  .article-main[data-v-b1272bda] .article-rte h5 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox em,
.article-below[data-v-b1272bda] .article-factbox em strong,
.article-below[data-v-b1272bda] .article-factbox-quotes em,
.article-below[data-v-b1272bda] .article-factbox-quotes em strong,
.article-below[data-v-b1272bda] .article-rte em,
.article-below[data-v-b1272bda] .article-rte em strong,
.article-main[data-v-b1272bda] .article-factbox em,
.article-main[data-v-b1272bda] .article-factbox em strong,
.article-main[data-v-b1272bda] .article-factbox-quotes em,
.article-main[data-v-b1272bda] .article-factbox-quotes em strong,
.article-main[data-v-b1272bda] .article-rte em,
.article-main[data-v-b1272bda] .article-rte em strong {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox strong,
  .article-below[data-v-b1272bda] .article-factbox-quotes strong,
  .article-below[data-v-b1272bda] .article-rte strong,
  .article-main[data-v-b1272bda] .article-factbox strong,
  .article-main[data-v-b1272bda] .article-factbox-quotes strong,
  .article-main[data-v-b1272bda] .article-rte strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox strong,
  .article-below[data-v-b1272bda] .article-factbox-quotes strong,
  .article-below[data-v-b1272bda] .article-rte strong,
  .article-main[data-v-b1272bda] .article-factbox strong,
  .article-main[data-v-b1272bda] .article-factbox-quotes strong,
  .article-main[data-v-b1272bda] .article-rte strong {
    font-weight: 700;
  }
}
.article-below[data-v-b1272bda] .article-factbox a,
.article-below[data-v-b1272bda] .article-factbox-quotes a,
.article-below[data-v-b1272bda] .article-rte a,
.article-main[data-v-b1272bda] .article-factbox a,
.article-main[data-v-b1272bda] .article-factbox-quotes a,
.article-main[data-v-b1272bda] .article-rte a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox a:hover,
  .article-below[data-v-b1272bda] .article-factbox-quotes a:hover,
  .article-below[data-v-b1272bda] .article-rte a:hover,
  .article-main[data-v-b1272bda] .article-factbox a:hover,
  .article-main[data-v-b1272bda] .article-factbox-quotes a:hover,
  .article-main[data-v-b1272bda] .article-rte a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.article-below[data-v-b1272bda] .article-factbox a:hover,
.article-below[data-v-b1272bda] .article-factbox-quotes a:hover,
.article-below[data-v-b1272bda] .article-rte a:hover,
.article-main[data-v-b1272bda] .article-factbox a:hover,
.article-main[data-v-b1272bda] .article-factbox-quotes a:hover,
.article-main[data-v-b1272bda] .article-rte a:hover {
  color: var(--accent-hover);
}
.article-below[data-v-b1272bda] .article-factbox a:after,
.article-below[data-v-b1272bda] .article-factbox-quotes a:after,
.article-below[data-v-b1272bda] .article-rte a:after,
.article-main[data-v-b1272bda] .article-factbox a:after,
.article-main[data-v-b1272bda] .article-factbox-quotes a:after,
.article-main[data-v-b1272bda] .article-rte a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-below[data-v-b1272bda] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-below[data-v-b1272bda] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-below[data-v-b1272bda] .article-rte a[href^="https://www.kurir.rs"]:after,.article-main[data-v-b1272bda] .article-factbox a[href^="https://www.kurir.rs"]:after,.article-main[data-v-b1272bda] .article-factbox-quotes a[href^="https://www.kurir.rs"]:after,.article-main[data-v-b1272bda] .article-rte a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.article-below[data-v-b1272bda] .article-factbox ol,
.article-below[data-v-b1272bda] .article-factbox ul,
.article-below[data-v-b1272bda] .article-factbox-quotes ol,
.article-below[data-v-b1272bda] .article-factbox-quotes ul,
.article-below[data-v-b1272bda] .article-rte ol,
.article-below[data-v-b1272bda] .article-rte ul,
.article-main[data-v-b1272bda] .article-factbox ol,
.article-main[data-v-b1272bda] .article-factbox ul,
.article-main[data-v-b1272bda] .article-factbox-quotes ol,
.article-main[data-v-b1272bda] .article-factbox-quotes ul,
.article-main[data-v-b1272bda] .article-rte ol,
.article-main[data-v-b1272bda] .article-rte ul {
  list-style-position: inside;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox ol,
  .article-below[data-v-b1272bda] .article-factbox ul,
  .article-below[data-v-b1272bda] .article-factbox-quotes ol,
  .article-below[data-v-b1272bda] .article-factbox-quotes ul,
  .article-below[data-v-b1272bda] .article-rte ol,
  .article-below[data-v-b1272bda] .article-rte ul,
  .article-main[data-v-b1272bda] .article-factbox ol,
  .article-main[data-v-b1272bda] .article-factbox ul,
  .article-main[data-v-b1272bda] .article-factbox-quotes ol,
  .article-main[data-v-b1272bda] .article-factbox-quotes ul,
  .article-main[data-v-b1272bda] .article-rte ol,
  .article-main[data-v-b1272bda] .article-rte ul {
    margin-bottom: 24px;
  }
}
.article-below[data-v-b1272bda] .article-factbox ol li,
.article-below[data-v-b1272bda] .article-factbox ul li,
.article-below[data-v-b1272bda] .article-factbox-quotes ol li,
.article-below[data-v-b1272bda] .article-factbox-quotes ul li,
.article-below[data-v-b1272bda] .article-rte ol li,
.article-below[data-v-b1272bda] .article-rte ul li,
.article-main[data-v-b1272bda] .article-factbox ol li,
.article-main[data-v-b1272bda] .article-factbox ul li,
.article-main[data-v-b1272bda] .article-factbox-quotes ol li,
.article-main[data-v-b1272bda] .article-factbox-quotes ul li,
.article-main[data-v-b1272bda] .article-rte ol li,
.article-main[data-v-b1272bda] .article-rte ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.article-below[data-v-b1272bda] .article-factbox ol li:last-of-type,
.article-below[data-v-b1272bda] .article-factbox ul li:last-of-type,
.article-below[data-v-b1272bda] .article-factbox-quotes ol li:last-of-type,
.article-below[data-v-b1272bda] .article-factbox-quotes ul li:last-of-type,
.article-below[data-v-b1272bda] .article-rte ol li:last-of-type,
.article-below[data-v-b1272bda] .article-rte ul li:last-of-type,
.article-main[data-v-b1272bda] .article-factbox ol li:last-of-type,
.article-main[data-v-b1272bda] .article-factbox ul li:last-of-type,
.article-main[data-v-b1272bda] .article-factbox-quotes ol li:last-of-type,
.article-main[data-v-b1272bda] .article-factbox-quotes ul li:last-of-type,
.article-main[data-v-b1272bda] .article-rte ol li:last-of-type,
.article-main[data-v-b1272bda] .article-rte ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox ol li,
  .article-below[data-v-b1272bda] .article-factbox ul li,
  .article-below[data-v-b1272bda] .article-factbox-quotes ol li,
  .article-below[data-v-b1272bda] .article-factbox-quotes ul li,
  .article-below[data-v-b1272bda] .article-rte ol li,
  .article-below[data-v-b1272bda] .article-rte ul li,
  .article-main[data-v-b1272bda] .article-factbox ol li,
  .article-main[data-v-b1272bda] .article-factbox ul li,
  .article-main[data-v-b1272bda] .article-factbox-quotes ol li,
  .article-main[data-v-b1272bda] .article-factbox-quotes ul li,
  .article-main[data-v-b1272bda] .article-rte ol li,
  .article-main[data-v-b1272bda] .article-rte ul li {
    margin-left: 34px;
  }
}
.article-below[data-v-b1272bda] .article-factbox ol,
.article-below[data-v-b1272bda] .article-factbox-quotes ol,
.article-below[data-v-b1272bda] .article-rte ol,
.article-main[data-v-b1272bda] .article-factbox ol,
.article-main[data-v-b1272bda] .article-factbox-quotes ol,
.article-main[data-v-b1272bda] .article-rte ol {
  counter-reset: item;
}
.article-below[data-v-b1272bda] .article-factbox ol li:before,
.article-below[data-v-b1272bda] .article-factbox-quotes ol li:before,
.article-below[data-v-b1272bda] .article-rte ol li:before,
.article-main[data-v-b1272bda] .article-factbox ol li:before,
.article-main[data-v-b1272bda] .article-factbox-quotes ol li:before,
.article-main[data-v-b1272bda] .article-rte ol li:before {
  color: var(--article-factbox-accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox ol li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-below[data-v-b1272bda] .article-rte ol li:before,
  .article-main[data-v-b1272bda] .article-factbox ol li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-main[data-v-b1272bda] .article-rte ol li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox ol li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-below[data-v-b1272bda] .article-rte ol li:before,
  .article-main[data-v-b1272bda] .article-factbox ol li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-main[data-v-b1272bda] .article-rte ol li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox ol li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-below[data-v-b1272bda] .article-rte ol li:before,
  .article-main[data-v-b1272bda] .article-factbox ol li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ol li:before,
  .article-main[data-v-b1272bda] .article-rte ol li:before {
    left: -34px;
  }
}
.article-below[data-v-b1272bda] .article-factbox ul li:before,
.article-below[data-v-b1272bda] .article-factbox-quotes ul li:before,
.article-below[data-v-b1272bda] .article-rte ul li:before,
.article-main[data-v-b1272bda] .article-factbox ul li:before,
.article-main[data-v-b1272bda] .article-factbox-quotes ul li:before,
.article-main[data-v-b1272bda] .article-rte ul li:before {
  color: var(--article-factbox-accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox ul li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-below[data-v-b1272bda] .article-rte ul li:before,
  .article-main[data-v-b1272bda] .article-factbox ul li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-main[data-v-b1272bda] .article-rte ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox ul li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-below[data-v-b1272bda] .article-rte ul li:before,
  .article-main[data-v-b1272bda] .article-factbox ul li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-main[data-v-b1272bda] .article-rte ul li:before {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox ul li:before,
  .article-below[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-below[data-v-b1272bda] .article-rte ul li:before,
  .article-main[data-v-b1272bda] .article-factbox ul li:before,
  .article-main[data-v-b1272bda] .article-factbox-quotes ul li:before,
  .article-main[data-v-b1272bda] .article-rte ul li:before {
    left: -34px;
  }
}
.article-below[data-v-b1272bda] .article-factbox iframe,
.article-below[data-v-b1272bda] .article-factbox-quotes iframe,
.article-below[data-v-b1272bda] .article-rte iframe,
.article-main[data-v-b1272bda] .article-factbox iframe,
.article-main[data-v-b1272bda] .article-factbox-quotes iframe,
.article-main[data-v-b1272bda] .article-rte iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox iframe,
  .article-below[data-v-b1272bda] .article-factbox-quotes iframe,
  .article-below[data-v-b1272bda] .article-rte iframe,
  .article-main[data-v-b1272bda] .article-factbox iframe,
  .article-main[data-v-b1272bda] .article-factbox-quotes iframe,
  .article-main[data-v-b1272bda] .article-rte iframe {
    max-width: 560px;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-rte,
  .article-main[data-v-b1272bda] .article-rte {
    padding: 0;
  }
}
.article-below[data-v-b1272bda] .article-rte h2 + h3,
.article-below[data-v-b1272bda] .article-rte h2 + h4,
.article-below[data-v-b1272bda] .article-rte h2 + h5,
.article-below[data-v-b1272bda] .article-rte h3 + h4,
.article-below[data-v-b1272bda] .article-rte h3 + h5,
.article-below[data-v-b1272bda] .article-rte h4 + h5,
.article-main[data-v-b1272bda] .article-rte h2 + h3,
.article-main[data-v-b1272bda] .article-rte h2 + h4,
.article-main[data-v-b1272bda] .article-rte h2 + h5,
.article-main[data-v-b1272bda] .article-rte h3 + h4,
.article-main[data-v-b1272bda] .article-rte h3 + h5,
.article-main[data-v-b1272bda] .article-rte h4 + h5 {
  margin-top: -4px;
}
.article-below[data-v-b1272bda] .article-rte h2,
.article-below[data-v-b1272bda] .article-rte h3,
.article-below[data-v-b1272bda] .article-rte h4,
.article-below[data-v-b1272bda] .article-rte h5,
.article-below[data-v-b1272bda] .article-rte p,
.article-main[data-v-b1272bda] .article-rte h2,
.article-main[data-v-b1272bda] .article-rte h3,
.article-main[data-v-b1272bda] .article-rte h4,
.article-main[data-v-b1272bda] .article-rte h5,
.article-main[data-v-b1272bda] .article-rte p {
  color: var(--color-900);
  margin-bottom: 16px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-rte h2,
  .article-below[data-v-b1272bda] .article-rte h3,
  .article-below[data-v-b1272bda] .article-rte h4,
  .article-below[data-v-b1272bda] .article-rte h5,
  .article-below[data-v-b1272bda] .article-rte p,
  .article-main[data-v-b1272bda] .article-rte h2,
  .article-main[data-v-b1272bda] .article-rte h3,
  .article-main[data-v-b1272bda] .article-rte h4,
  .article-main[data-v-b1272bda] .article-rte h5,
  .article-main[data-v-b1272bda] .article-rte p {
    margin-bottom: 24px;
  }
}
.article-below[data-v-b1272bda] .article-rte em,
.article-below[data-v-b1272bda] .article-rte strong,
.article-main[data-v-b1272bda] .article-rte em,
.article-main[data-v-b1272bda] .article-rte strong {
  word-break: break-word;
}
.article-below[data-v-b1272bda] .article-rte em,
.article-below[data-v-b1272bda] .article-rte li,
.article-below[data-v-b1272bda] .article-rte p,
.article-below[data-v-b1272bda] .article-rte strong,
.article-main[data-v-b1272bda] .article-rte em,
.article-main[data-v-b1272bda] .article-rte li,
.article-main[data-v-b1272bda] .article-rte p,
.article-main[data-v-b1272bda] .article-rte strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-rte em,
  .article-below[data-v-b1272bda] .article-rte li,
  .article-below[data-v-b1272bda] .article-rte p,
  .article-below[data-v-b1272bda] .article-rte strong,
  .article-main[data-v-b1272bda] .article-rte em,
  .article-main[data-v-b1272bda] .article-rte li,
  .article-main[data-v-b1272bda] .article-rte p,
  .article-main[data-v-b1272bda] .article-rte strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-b1272bda] .article-rte p:empty,
.article-main[data-v-b1272bda] .article-rte p:empty {
  margin-bottom: 0;
}
.article-below[data-v-b1272bda] .article-factbox em,
.article-below[data-v-b1272bda] .article-factbox h2,
.article-below[data-v-b1272bda] .article-factbox h3,
.article-below[data-v-b1272bda] .article-factbox h4,
.article-below[data-v-b1272bda] .article-factbox h5,
.article-below[data-v-b1272bda] .article-factbox p,
.article-below[data-v-b1272bda] .article-factbox strong,
.article-below[data-v-b1272bda] .article-factbox-quotes em,
.article-below[data-v-b1272bda] .article-factbox-quotes h2,
.article-below[data-v-b1272bda] .article-factbox-quotes h3,
.article-below[data-v-b1272bda] .article-factbox-quotes h4,
.article-below[data-v-b1272bda] .article-factbox-quotes h5,
.article-below[data-v-b1272bda] .article-factbox-quotes p,
.article-below[data-v-b1272bda] .article-factbox-quotes strong,
.article-main[data-v-b1272bda] .article-factbox em,
.article-main[data-v-b1272bda] .article-factbox h2,
.article-main[data-v-b1272bda] .article-factbox h3,
.article-main[data-v-b1272bda] .article-factbox h4,
.article-main[data-v-b1272bda] .article-factbox h5,
.article-main[data-v-b1272bda] .article-factbox p,
.article-main[data-v-b1272bda] .article-factbox strong,
.article-main[data-v-b1272bda] .article-factbox-quotes em,
.article-main[data-v-b1272bda] .article-factbox-quotes h2,
.article-main[data-v-b1272bda] .article-factbox-quotes h3,
.article-main[data-v-b1272bda] .article-factbox-quotes h4,
.article-main[data-v-b1272bda] .article-factbox-quotes h5,
.article-main[data-v-b1272bda] .article-factbox-quotes p,
.article-main[data-v-b1272bda] .article-factbox-quotes strong {
  margin-bottom: 12px;
  word-break: break-word;
}
.article-below[data-v-b1272bda] .article-factbox ol,
.article-below[data-v-b1272bda] .article-factbox ul,
.article-below[data-v-b1272bda] .article-factbox-quotes ol,
.article-below[data-v-b1272bda] .article-factbox-quotes ul,
.article-main[data-v-b1272bda] .article-factbox ol,
.article-main[data-v-b1272bda] .article-factbox ul,
.article-main[data-v-b1272bda] .article-factbox-quotes ol,
.article-main[data-v-b1272bda] .article-factbox-quotes ul {
  margin-bottom: 12px;
}
.article-below[data-v-b1272bda] .article-factbox ol li,
.article-below[data-v-b1272bda] .article-factbox ul li,
.article-below[data-v-b1272bda] .article-factbox-quotes ol li,
.article-below[data-v-b1272bda] .article-factbox-quotes ul li,
.article-main[data-v-b1272bda] .article-factbox ol li,
.article-main[data-v-b1272bda] .article-factbox ul li,
.article-main[data-v-b1272bda] .article-factbox-quotes ol li,
.article-main[data-v-b1272bda] .article-factbox-quotes ul li {
  margin-bottom: 4px;
}
.article-below[data-v-b1272bda] .article-factbox .author-name,
.article-below[data-v-b1272bda] .article-factbox-quotes .author-name,
.article-main[data-v-b1272bda] .article-factbox .author-name,
.article-main[data-v-b1272bda] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox .author-name,
  .article-below[data-v-b1272bda] .article-factbox-quotes .author-name,
  .article-main[data-v-b1272bda] .article-factbox .author-name,
  .article-main[data-v-b1272bda] .article-factbox-quotes .author-name {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox .author-name,
  .article-below[data-v-b1272bda] .article-factbox-quotes .author-name,
  .article-main[data-v-b1272bda] .article-factbox .author-name,
  .article-main[data-v-b1272bda] .article-factbox-quotes .author-name {
    font-weight: 400;
  }
}
.article-below[data-v-b1272bda] .article-factbox .author-name:before,
.article-below[data-v-b1272bda] .article-factbox-quotes .author-name:before,
.article-main[data-v-b1272bda] .article-factbox .author-name:before,
.article-main[data-v-b1272bda] .article-factbox-quotes .author-name:before {
  content: "— ";
}
.article-below[data-v-b1272bda] .article-factbox,
.article-main[data-v-b1272bda] .article-factbox {
  background-color: var(--article-factbox-surface);
  margin: 0 -16px 16px;
  padding: 24px 32px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox,
  .article-main[data-v-b1272bda] .article-factbox {
    margin: 0 -16px 24px;
  }
}
.article-below[data-v-b1272bda] .article-factbox:after,
.article-below[data-v-b1272bda] .article-factbox:before,
.article-main[data-v-b1272bda] .article-factbox:after,
.article-main[data-v-b1272bda] .article-factbox:before {
  background: var(--accent-light);
  content: "";
  height: 4px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
.article-below[data-v-b1272bda] .article-factbox:after,
.article-main[data-v-b1272bda] .article-factbox:after {
  bottom: 0;
  top: auto;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox,
  .article-main[data-v-b1272bda] .article-factbox {
    margin: 0 -32px 24px;
    padding: 16px 32px 15px;
  }
}
.article-below[data-v-b1272bda] .article-factbox em,
.article-below[data-v-b1272bda] .article-factbox h2,
.article-below[data-v-b1272bda] .article-factbox h3,
.article-below[data-v-b1272bda] .article-factbox h4,
.article-below[data-v-b1272bda] .article-factbox h5,
.article-below[data-v-b1272bda] .article-factbox li,
.article-below[data-v-b1272bda] .article-factbox p,
.article-below[data-v-b1272bda] .article-factbox strong,
.article-main[data-v-b1272bda] .article-factbox em,
.article-main[data-v-b1272bda] .article-factbox h2,
.article-main[data-v-b1272bda] .article-factbox h3,
.article-main[data-v-b1272bda] .article-factbox h4,
.article-main[data-v-b1272bda] .article-factbox h5,
.article-main[data-v-b1272bda] .article-factbox li,
.article-main[data-v-b1272bda] .article-factbox p,
.article-main[data-v-b1272bda] .article-factbox strong {
  color: var(--color-900);
}
.article-below[data-v-b1272bda] .article-factbox a,
.article-main[data-v-b1272bda] .article-factbox a {
  background-image: linear-gradient(
    var(--article-factbox-link),
    var(--article-factbox-link)
  ) !important;
  color: var(--article-factbox-link) !important;
}
.article-below[data-v-b1272bda] .article-factbox a:hover,
.article-main[data-v-b1272bda] .article-factbox a:hover {
  color: var(--article-factbox-link-hover) !important;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox a:hover,
  .article-main[data-v-b1272bda] .article-factbox a:hover {
    background-image: linear-gradient(
      var(--article-factbox-link-hover),
      var(--article-factbox-link-hover)
    ) !important;
  }
}
.article-below[data-v-b1272bda] .article-factbox em,
.article-below[data-v-b1272bda] .article-factbox li,
.article-below[data-v-b1272bda] .article-factbox p,
.article-below[data-v-b1272bda] .article-factbox strong,
.article-main[data-v-b1272bda] .article-factbox em,
.article-main[data-v-b1272bda] .article-factbox li,
.article-main[data-v-b1272bda] .article-factbox p,
.article-main[data-v-b1272bda] .article-factbox strong {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox em,
  .article-below[data-v-b1272bda] .article-factbox li,
  .article-below[data-v-b1272bda] .article-factbox p,
  .article-below[data-v-b1272bda] .article-factbox strong,
  .article-main[data-v-b1272bda] .article-factbox em,
  .article-main[data-v-b1272bda] .article-factbox li,
  .article-main[data-v-b1272bda] .article-factbox p,
  .article-main[data-v-b1272bda] .article-factbox strong {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox .antrfile > strong,
.article-below[data-v-b1272bda] .article-factbox .standard > strong,
.article-main[data-v-b1272bda] .article-factbox .antrfile > strong,
.article-main[data-v-b1272bda] .article-factbox .standard > strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-below[data-v-b1272bda] .article-factbox .standard > strong,
  .article-main[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-main[data-v-b1272bda] .article-factbox .standard > strong {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-below[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-below[data-v-b1272bda] .article-factbox .standard > strong,
  .article-main[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-main[data-v-b1272bda] .article-factbox .standard > strong {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-below[data-v-b1272bda] .article-factbox .standard > strong,
  .article-main[data-v-b1272bda] .article-factbox .antrfile > strong,
  .article-main[data-v-b1272bda] .article-factbox .standard > strong {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.article-below[data-v-b1272bda] .article-factbox-quotes .author-name,
.article-main[data-v-b1272bda] .article-factbox-quotes .author-name {
  color: var(--article-quote-author);
}
.article-below[data-v-b1272bda] .article-embed,
.article-main[data-v-b1272bda] .article-embed {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-embed,
  .article-main[data-v-b1272bda] .article-embed {
    margin-bottom: 24px;
    padding: 0 24px;
  }
}
.article-below[data-v-b1272bda] .article-embed iframe,
.article-main[data-v-b1272bda] .article-embed iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-embed iframe,
  .article-main[data-v-b1272bda] .article-embed iframe {
    max-width: 560px;
  }
}
.article-below[data-v-b1272bda] .article-embed iframe[src^="https://www.facebook.com/"],.article-main[data-v-b1272bda] .article-embed iframe[src^="https://www.facebook.com/"]
{
  background-color: #fff;
}
.article-below[data-v-b1272bda] .paywall,
.article-main[data-v-b1272bda] .paywall {
  display: none;
}
.article-main[data-v-b1272bda] .article-content {
  padding-top: 20px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-main[data-v-b1272bda] .article-content {
    padding-top: 15px;
  }
}
.article-main[data-v-b1272bda] .fb-video {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-main[data-v-b1272bda] .fb-video {
    left: 50%;
    margin-bottom: 24px;
    position: relative;
    transform: translate(-50%);
  }
}
.article-main[data-v-b1272bda] p > iframe[src*="youtube.com"] {
  margin: 0 -16px !important;
  max-width: calc(100% + 32px) !important;
}
@media screen and (min-width: 485px) {
  .article-main[data-v-b1272bda] p > iframe[src*="youtube.com"] {
    height: 272px !important;
    max-width: 484px !important;
    width: 484px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-b1272bda] p > iframe[src*="youtube.com"] {
    height: 387px !important;
    margin: 0 -24px !important;
    max-width: 688px !important;
    width: 688px !important;
  }
}
.article-main[data-v-b1272bda] div:has(> iframe[src*="dailymotion.com/embed"]) {
  margin-bottom: 16px !important;
}
@media (min-width: 1024px) {
  .article-main[data-v-b1272bda]
    div:has(> iframe[src*="dailymotion.com/embed"]) {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) {
  .article-main[data-v-b1272bda] div > iframe[src*="giphy.com/embed"],
  .article-main[data-v-b1272bda] iframe[src*="dailymotion.com/embed"] {
    left: 50% !important;
    transform: translate(-50%);
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .is-main {
    margin-bottom: 4px;
  }
}
.article-below[data-v-b1272bda] .article-sidebar {
  margin-bottom: 0;
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda] .article-sidebar {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-below[data-v-b1272bda]:last-of-type .is-main {
    margin-bottom: 0;
  }
}
.article-below[data-v-b1272bda]:last-of-type .article-sidebar {
  margin-bottom: 4px;
}
.static-document .breadcrumbs[data-v-b1272bda] {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs[data-v-b1272bda] {
    padding: 0 24px;
  }
}
.static-document .breadcrumbs-link[data-v-b1272bda] {
  background-image: none;
  background-position: unset;
  background-size: unset;
  color: var(--breadcrumbs-color-special);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0 4px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .static-document .breadcrumbs-link[data-v-b1272bda] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
  .static-document .breadcrumbs-link[data-v-b1272bda]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.static-document .breadcrumbs-link[data-v-b1272bda]:first-child {
  margin-left: 0;
}
.static-document .breadcrumbs .icon-chevron--right[data-v-b1272bda] {
  color: var(--color-900);
}
.static-document .breadcrumbs-icon-container[data-v-b1272bda] {
  align-items: center;
  display: flex;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-195a3bcc] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-195a3bcc] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-195a3bcc],
  .comment-reply-bubble[data-v-195a3bcc] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-195a3bcc],
  .comment-reply-bubble[data-v-195a3bcc] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-195a3bcc] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-195a3bcc] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-195a3bcc],
  .comment-title[data-v-195a3bcc] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-195a3bcc],
  .comment-title[data-v-195a3bcc] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-195a3bcc] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-195a3bcc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-195a3bcc] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-195a3bcc] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-195a3bcc] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-195a3bcc] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-195a3bcc] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-195a3bcc] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-195a3bcc] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-195a3bcc] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-195a3bcc] {
  margin-bottom: 16px;
}
.comment-header[data-v-195a3bcc] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-195a3bcc] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-195a3bcc] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-195a3bcc] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-195a3bcc] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-195a3bcc] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-195a3bcc]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-195a3bcc],
.comment-page .comment-header.is-sticky[data-v-195a3bcc] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-195a3bcc] {
  animation: slideInDown-195a3bcc 0.32s ease-in-out;
}
@keyframes slideInDown-195a3bcc {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-195a3bcc] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-195a3bcc] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-195a3bcc]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-195a3bcc]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-195a3bcc] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-195a3bcc] {
  animation: slideOutUp-195a3bcc 0.32s ease-in-out;
}
@keyframes slideOutUp-195a3bcc {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-195a3bcc] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-195a3bcc] {
  margin-left: 8px;
}
.comment-title span[data-v-195a3bcc] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-195a3bcc] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-195a3bcc] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-195a3bcc] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-195a3bcc]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-195a3bcc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-195a3bcc] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-195a3bcc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-195a3bcc] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-195a3bcc] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-195a3bcc],
.comment-page.post-fixed .comment-post-body[data-v-195a3bcc] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-195a3bcc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-195a3bcc] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-195a3bcc] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-195a3bcc] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-195a3bcc] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-195a3bcc] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-195a3bcc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-195a3bcc] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-195a3bcc] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-195a3bcc],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-195a3bcc] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-195a3bcc] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-195a3bcc] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-195a3bcc],
.comment-page.post-fixed .comment-post-body.active[data-v-195a3bcc] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-195a3bcc],
  .comment-page.post-fixed .comment-post-body.active[data-v-195a3bcc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-195a3bcc],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-195a3bcc] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-195a3bcc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-195a3bcc] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-195a3bcc] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-195a3bcc] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-195a3bcc] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-195a3bcc] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-195a3bcc] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-195a3bcc] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-195a3bcc] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-195a3bcc] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-195a3bcc]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-195a3bcc]:focus,
.comment-input-field.textarea[data-v-195a3bcc]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-195a3bcc]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-195a3bcc] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-195a3bcc] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-195a3bcc] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-195a3bcc] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-195a3bcc] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-195a3bcc] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-195a3bcc] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-195a3bcc] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-195a3bcc]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-195a3bcc] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-195a3bcc],
.comment-send-btn.disabled .icon-send[data-v-195a3bcc] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-195a3bcc]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-195a3bcc] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-195a3bcc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-195a3bcc] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-195a3bcc] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-195a3bcc] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-195a3bcc] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-195a3bcc] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-195a3bcc] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-195a3bcc] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-195a3bcc] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-195a3bcc] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-195a3bcc] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-195a3bcc] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-195a3bcc] {
  align-items: center;
  animation: blink-195a3bcc 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-195a3bcc {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-195a3bcc] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-195a3bcc] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-195a3bcc] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-195a3bcc] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-195a3bcc] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-195a3bcc] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-195a3bcc]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-195a3bcc] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-195a3bcc] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-195a3bcc] {
  margin: 0 0 0 -8px;
}
.article-factbox-quotes[data-v-195a3bcc] {
  border-bottom: 4px solid var(--accent-light);
  border-top: 4px solid var(--accent-light);
  margin-bottom: 16px;
  padding: 19px 16px;
}
@media (min-width: 1024px) {
  .article-factbox-quotes[data-v-195a3bcc] {
    margin: 0 -16px 24px;
    padding: 19px 16px 18px;
    width: calc(100% + 32px);
  }
}
.article-factbox-quotes[data-v-195a3bcc] p {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 12px;
}
@supports (font-variation-settings: normal) {
  .article-factbox-quotes[data-v-195a3bcc] p {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-factbox-quotes[data-v-195a3bcc] p {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-factbox-quotes[data-v-195a3bcc] p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-563d0345] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-563d0345] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-563d0345],
  .comment-reply-bubble[data-v-563d0345] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-563d0345],
  .comment-reply-bubble[data-v-563d0345] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-563d0345] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-563d0345] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-563d0345],
  .comment-title[data-v-563d0345] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-563d0345],
  .comment-title[data-v-563d0345] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-563d0345] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-563d0345] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-563d0345] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-563d0345] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-563d0345] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-563d0345] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-563d0345] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-563d0345] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-563d0345] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-563d0345] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-563d0345] {
  margin-bottom: 16px;
}
.comment-header[data-v-563d0345] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-563d0345] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-563d0345] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-563d0345] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-563d0345] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-563d0345] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-563d0345]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-563d0345],
.comment-page .comment-header.is-sticky[data-v-563d0345] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-563d0345] {
  animation: slideInDown-563d0345 0.32s ease-in-out;
}
@keyframes slideInDown-563d0345 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-563d0345] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-563d0345] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-563d0345]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-563d0345]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-563d0345] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-563d0345] {
  animation: slideOutUp-563d0345 0.32s ease-in-out;
}
@keyframes slideOutUp-563d0345 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-563d0345] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-563d0345] {
  margin-left: 8px;
}
.comment-title span[data-v-563d0345] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-563d0345] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-563d0345] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-563d0345] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-563d0345]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-563d0345] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-563d0345] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-563d0345] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-563d0345] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-563d0345] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-563d0345],
.comment-page.post-fixed .comment-post-body[data-v-563d0345] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-563d0345] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-563d0345] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-563d0345] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-563d0345] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-563d0345] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-563d0345] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-563d0345] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-563d0345] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-563d0345] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-563d0345],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-563d0345] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-563d0345] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-563d0345] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-563d0345],
.comment-page.post-fixed .comment-post-body.active[data-v-563d0345] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-563d0345],
  .comment-page.post-fixed .comment-post-body.active[data-v-563d0345] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-563d0345],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-563d0345] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-563d0345] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-563d0345] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-563d0345] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-563d0345] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-563d0345] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-563d0345] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-563d0345] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-563d0345] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-563d0345] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-563d0345] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-563d0345]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-563d0345]:focus,
.comment-input-field.textarea[data-v-563d0345]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-563d0345]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-563d0345] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-563d0345] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-563d0345] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-563d0345] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-563d0345] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-563d0345] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-563d0345] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-563d0345] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-563d0345]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-563d0345] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-563d0345],
.comment-send-btn.disabled .icon-send[data-v-563d0345] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-563d0345]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-563d0345] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-563d0345] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-563d0345] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-563d0345] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-563d0345] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-563d0345] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-563d0345] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-563d0345] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-563d0345] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-563d0345] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-563d0345] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-563d0345] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-563d0345] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-563d0345] {
  align-items: center;
  animation: blink-563d0345 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-563d0345 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-563d0345] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-563d0345] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-563d0345] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-563d0345] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-563d0345] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-563d0345] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-563d0345]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-563d0345] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-563d0345] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-563d0345] {
  margin: 0 0 0 -8px;
}
.article-image[data-v-563d0345] {
  margin: 0 -16px 16px;
}
@media (min-width: 1024px) {
  .article-image[data-v-563d0345] {
    margin: 0 -24px 24px;
  }
}
.article-image__container[data-v-563d0345] {
  display: block;
  overflow: hidden;
  width: 100%;
}
.article-image__container img[data-v-563d0345] {
  display: block;
  height: auto;
  width: 100%;
}
.article-image__details[data-v-563d0345] {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-top: 8px;
  padding: 0 16px;
}
@supports (font-variation-settings: normal) {
  .article-image__details[data-v-563d0345] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-image__details[data-v-563d0345] {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .article-image__details[data-v-563d0345] {
    padding: 0 24px;
  }
}
.article-image__details span[data-v-563d0345] {
  color: var(--color-700);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-217d1382] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-217d1382] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-217d1382],
  .comment-reply-bubble[data-v-217d1382] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-217d1382],
  .comment-reply-bubble[data-v-217d1382] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-217d1382] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-217d1382] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-217d1382],
  .comment-title[data-v-217d1382] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-217d1382],
  .comment-title[data-v-217d1382] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-217d1382] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-217d1382] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-217d1382] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-217d1382] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-217d1382] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-217d1382] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-217d1382] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-217d1382] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-217d1382] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-217d1382] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-217d1382] {
  margin-bottom: 16px;
}
.comment-header[data-v-217d1382] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-217d1382] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-217d1382] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-217d1382] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-217d1382] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-217d1382] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-217d1382]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-217d1382],
.comment-page .comment-header.is-sticky[data-v-217d1382] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-217d1382] {
  animation: slideInDown-217d1382 0.32s ease-in-out;
}
@keyframes slideInDown-217d1382 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-217d1382] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-217d1382] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-217d1382]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-217d1382]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-217d1382] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-217d1382] {
  animation: slideOutUp-217d1382 0.32s ease-in-out;
}
@keyframes slideOutUp-217d1382 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-217d1382] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-217d1382] {
  margin-left: 8px;
}
.comment-title span[data-v-217d1382] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-217d1382] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-217d1382] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-217d1382] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-217d1382]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-217d1382] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-217d1382] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-217d1382] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-217d1382] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-217d1382] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-217d1382],
.comment-page.post-fixed .comment-post-body[data-v-217d1382] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-217d1382] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-217d1382] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-217d1382] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-217d1382] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-217d1382] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-217d1382] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-217d1382] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-217d1382] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-217d1382] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-217d1382],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-217d1382] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-217d1382] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-217d1382] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-217d1382],
.comment-page.post-fixed .comment-post-body.active[data-v-217d1382] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-217d1382],
  .comment-page.post-fixed .comment-post-body.active[data-v-217d1382] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-217d1382],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-217d1382] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-217d1382] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-217d1382] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-217d1382] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-217d1382] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-217d1382] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-217d1382] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-217d1382] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-217d1382] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-217d1382] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-217d1382] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-217d1382]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-217d1382]:focus,
.comment-input-field.textarea[data-v-217d1382]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-217d1382]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-217d1382] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-217d1382] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-217d1382] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-217d1382] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-217d1382] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-217d1382] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-217d1382] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-217d1382] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-217d1382]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-217d1382] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-217d1382],
.comment-send-btn.disabled .icon-send[data-v-217d1382] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-217d1382]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-217d1382] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-217d1382] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-217d1382] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-217d1382] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-217d1382] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-217d1382] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-217d1382] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-217d1382] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-217d1382] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-217d1382] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-217d1382] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-217d1382] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-217d1382] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-217d1382] {
  align-items: center;
  animation: blink-217d1382 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-217d1382 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-217d1382] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-217d1382] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-217d1382] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-217d1382] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-217d1382] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-217d1382] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-217d1382]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-217d1382] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-217d1382] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-217d1382] {
  margin: 0 0 0 -8px;
}
.lazy-component[data-v-217d1382] {
  min-height: 150px;
}
.lazy-component.loaded[data-v-217d1382] {
  min-height: unset;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-821c3cba] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-821c3cba] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-821c3cba],
  .comment-reply-bubble[data-v-821c3cba] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-821c3cba],
  .comment-reply-bubble[data-v-821c3cba] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-821c3cba] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-821c3cba] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-821c3cba],
  .comment-title[data-v-821c3cba] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-821c3cba],
  .comment-title[data-v-821c3cba] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-821c3cba] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-821c3cba] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-821c3cba] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-821c3cba] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-821c3cba] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-821c3cba] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-821c3cba] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-821c3cba] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-821c3cba] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-821c3cba] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-821c3cba] {
  margin-bottom: 16px;
}
.comment-header[data-v-821c3cba] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-821c3cba] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-821c3cba] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-821c3cba] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-821c3cba] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-821c3cba] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-821c3cba]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-821c3cba],
.comment-page .comment-header.is-sticky[data-v-821c3cba] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-821c3cba] {
  animation: slideInDown-821c3cba 0.32s ease-in-out;
}
@keyframes slideInDown-821c3cba {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-821c3cba] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-821c3cba] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-821c3cba]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-821c3cba]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-821c3cba] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-821c3cba] {
  animation: slideOutUp-821c3cba 0.32s ease-in-out;
}
@keyframes slideOutUp-821c3cba {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-821c3cba] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-821c3cba] {
  margin-left: 8px;
}
.comment-title span[data-v-821c3cba] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-821c3cba] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-821c3cba] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-821c3cba] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-821c3cba]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-821c3cba] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-821c3cba] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-821c3cba] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-821c3cba] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-821c3cba] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-821c3cba],
.comment-page.post-fixed .comment-post-body[data-v-821c3cba] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-821c3cba] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-821c3cba] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-821c3cba] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-821c3cba] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-821c3cba] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-821c3cba] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-821c3cba] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-821c3cba] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-821c3cba] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-821c3cba],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-821c3cba] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-821c3cba] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-821c3cba] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-821c3cba],
.comment-page.post-fixed .comment-post-body.active[data-v-821c3cba] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-821c3cba],
  .comment-page.post-fixed .comment-post-body.active[data-v-821c3cba] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-821c3cba],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-821c3cba] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-821c3cba] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-821c3cba] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-821c3cba] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-821c3cba] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-821c3cba] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-821c3cba] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-821c3cba] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-821c3cba] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-821c3cba] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-821c3cba] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-821c3cba]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-821c3cba]:focus,
.comment-input-field.textarea[data-v-821c3cba]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-821c3cba]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-821c3cba] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-821c3cba] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-821c3cba] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-821c3cba] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-821c3cba] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-821c3cba] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-821c3cba] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-821c3cba] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-821c3cba]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-821c3cba] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-821c3cba],
.comment-send-btn.disabled .icon-send[data-v-821c3cba] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-821c3cba]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-821c3cba] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-821c3cba] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-821c3cba] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-821c3cba] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-821c3cba] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-821c3cba] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-821c3cba] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-821c3cba] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-821c3cba] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-821c3cba] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-821c3cba] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-821c3cba] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-821c3cba] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-821c3cba] {
  align-items: center;
  animation: blink-821c3cba 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-821c3cba {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-821c3cba] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-821c3cba] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-821c3cba] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-821c3cba] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-821c3cba] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-821c3cba] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-821c3cba]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-821c3cba] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-821c3cba] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-821c3cba] {
  margin: 0 0 0 -8px;
}
div[data-v-821c3cba] iframe {
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-b2e6c563] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-b2e6c563] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-b2e6c563],
  .comment-reply-bubble[data-v-b2e6c563] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-b2e6c563],
  .comment-reply-bubble[data-v-b2e6c563] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b2e6c563] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b2e6c563] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b2e6c563],
  .comment-title[data-v-b2e6c563] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b2e6c563],
  .comment-title[data-v-b2e6c563] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-b2e6c563] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-b2e6c563] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-b2e6c563] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-b2e6c563] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-b2e6c563] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-b2e6c563] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-b2e6c563] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-b2e6c563] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-b2e6c563] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-b2e6c563] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-b2e6c563] {
  margin-bottom: 16px;
}
.comment-header[data-v-b2e6c563] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-b2e6c563] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-b2e6c563] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-b2e6c563] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-b2e6c563] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-b2e6c563] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-b2e6c563]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-b2e6c563],
.comment-page .comment-header.is-sticky[data-v-b2e6c563] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-b2e6c563] {
  animation: slideInDown-b2e6c563 0.32s ease-in-out;
}
@keyframes slideInDown-b2e6c563 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b2e6c563] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b2e6c563] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b2e6c563]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b2e6c563]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b2e6c563] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-b2e6c563] {
  animation: slideOutUp-b2e6c563 0.32s ease-in-out;
}
@keyframes slideOutUp-b2e6c563 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-b2e6c563] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-b2e6c563] {
  margin-left: 8px;
}
.comment-title span[data-v-b2e6c563] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-b2e6c563] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-b2e6c563] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-b2e6c563] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-b2e6c563]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-b2e6c563] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-b2e6c563] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-b2e6c563] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-b2e6c563] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-b2e6c563] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-b2e6c563],
.comment-page.post-fixed .comment-post-body[data-v-b2e6c563] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-b2e6c563] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-b2e6c563] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-b2e6c563] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-b2e6c563] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-b2e6c563] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-b2e6c563] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-b2e6c563] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-b2e6c563] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-b2e6c563] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-b2e6c563],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-b2e6c563] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-b2e6c563] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-b2e6c563] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-b2e6c563],
.comment-page.post-fixed .comment-post-body.active[data-v-b2e6c563] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-b2e6c563],
  .comment-page.post-fixed .comment-post-body.active[data-v-b2e6c563] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-b2e6c563],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-b2e6c563] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-b2e6c563] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-b2e6c563] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-b2e6c563] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-b2e6c563] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-b2e6c563] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-b2e6c563] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-b2e6c563] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-b2e6c563] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-b2e6c563] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b2e6c563] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-b2e6c563]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-b2e6c563]:focus,
.comment-input-field.textarea[data-v-b2e6c563]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b2e6c563]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-b2e6c563] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-b2e6c563] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b2e6c563] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-b2e6c563] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b2e6c563] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b2e6c563] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-b2e6c563] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-b2e6c563] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b2e6c563]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-b2e6c563] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-b2e6c563],
.comment-send-btn.disabled .icon-send[data-v-b2e6c563] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-b2e6c563]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-b2e6c563] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-b2e6c563] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-b2e6c563] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-b2e6c563] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-b2e6c563] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-b2e6c563] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-b2e6c563] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-b2e6c563] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-b2e6c563] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-b2e6c563] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-b2e6c563] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-b2e6c563] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-b2e6c563] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-b2e6c563] {
  align-items: center;
  animation: blink-b2e6c563 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-b2e6c563 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-b2e6c563] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-b2e6c563] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-b2e6c563] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-b2e6c563] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-b2e6c563] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-b2e6c563] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-b2e6c563]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-b2e6c563] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-b2e6c563] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-b2e6c563] {
  margin: 0 0 0 -8px;
}
.embed-videoPlayer[data-v-b2e6c563],
.embed-vimeo[data-v-b2e6c563],
.embed-youtube[data-v-b2e6c563] {
  margin: 0 -16px 24px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-b2e6c563],
  .embed-vimeo[data-v-b2e6c563],
  .embed-youtube[data-v-b2e6c563] {
    margin: 0 -24px 24px;
  }
}
.embed-videoPlayer__details[data-v-b2e6c563],
.embed-vimeo__details[data-v-b2e6c563],
.embed-youtube__details[data-v-b2e6c563] {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-top: 8px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-b2e6c563],
  .embed-vimeo__details[data-v-b2e6c563],
  .embed-youtube__details[data-v-b2e6c563] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-b2e6c563],
  .embed-vimeo__details[data-v-b2e6c563],
  .embed-youtube__details[data-v-b2e6c563] {
    font-weight: 400;
  }
}
.embed-videoPlayer__details span[data-v-b2e6c563],
.embed-vimeo__details span[data-v-b2e6c563],
.embed-youtube__details span[data-v-b2e6c563] {
  color: var(--color-700);
}
.embed-vimeo__container[data-v-b2e6c563],
.embed-youtube__container[data-v-b2e6c563] {
  clear: both;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.embed-vimeo__iframe-wrapper[data-v-b2e6c563],
.embed-youtube__iframe-wrapper[data-v-b2e6c563] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-vimeo__video[data-v-b2e6c563],
.embed-youtube__video[data-v-b2e6c563] {
  height: 100%;
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .embed-vimeo__video[data-v-b2e6c563],
  .embed-youtube__video[data-v-b2e6c563] {
    max-width: 100% !important;
  }
}
.embed-videoPlayer__container[data-v-b2e6c563] {
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.embed-videoPlayer__wrapper[data-v-b2e6c563] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-videoPlayer[data-v-b2e6c563],
.embed-vimeo[data-v-b2e6c563],
.embed-youtube[data-v-b2e6c563] {
  margin: 0 -16px 16px;
  padding: 0 0 8px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-b2e6c563],
  .embed-vimeo[data-v-b2e6c563],
  .embed-youtube[data-v-b2e6c563] {
    margin: 0 -32px 24px;
    padding: 8px;
  }
}
.embed-videoPlayer__container[data-v-b2e6c563],
.embed-vimeo__container[data-v-b2e6c563],
.embed-youtube__container[data-v-b2e6c563] {
  position: relative;
}
.embed-videoPlayer__details[data-v-b2e6c563],
.embed-vimeo__details[data-v-b2e6c563],
.embed-youtube__details[data-v-b2e6c563] {
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  padding: 0 16px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-b2e6c563],
  .embed-vimeo__details[data-v-b2e6c563],
  .embed-youtube__details[data-v-b2e6c563] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-b2e6c563],
  .embed-vimeo__details[data-v-b2e6c563],
  .embed-youtube__details[data-v-b2e6c563] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .embed-videoPlayer__details[data-v-b2e6c563],
  .embed-vimeo__details[data-v-b2e6c563],
  .embed-youtube__details[data-v-b2e6c563] {
    padding: 0 24px;
  }
}
.embed-videoPlayer__details span[data-v-b2e6c563],
.embed-vimeo__details span[data-v-b2e6c563],
.embed-youtube__details span[data-v-b2e6c563] {
  font-size: 0.8125rem;
  letter-spacing: normal;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-b2e6c563],
  .embed-vimeo__details span[data-v-b2e6c563],
  .embed-youtube__details span[data-v-b2e6c563] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-b2e6c563],
  .embed-vimeo__details span[data-v-b2e6c563],
  .embed-youtube__details span[data-v-b2e6c563] {
    font-weight: 400;
  }
}
.embed-videoPlayer .card-label-wrap[data-v-b2e6c563],
.embed-vimeo .card-label-wrap[data-v-b2e6c563],
.embed-youtube .card-label-wrap[data-v-b2e6c563] {
  align-items: center;
  background-color: var(--color-dark-50);
  border-radius: 0;
  bottom: 4px;
  color: var(--color-light-50);
  display: inline-flex;
  font-size: 0.6875rem;
  gap: 4px;
  height: 24px;
  justify-content: center;
  line-height: 0.875rem;
  min-width: 24px;
  padding: 1px 4px;
  position: absolute;
  right: 4px;
  text-transform: uppercase;
  z-index: 2;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-b2e6c563],
  .embed-vimeo .card-label-wrap[data-v-b2e6c563],
  .embed-youtube .card-label-wrap[data-v-b2e6c563] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-b2e6c563],
  .embed-vimeo .card-label-wrap[data-v-b2e6c563],
  .embed-youtube .card-label-wrap[data-v-b2e6c563] {
    font-weight: 500;
  }
}
.embed-videoPlayer[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-b2e6c563] div .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-b2e6c563] div .mov-big-play-button.vjs-big-play-button {
  align-items: center;
  background-color: var(--accent) !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: center;
  left: calc(50% - 20px) !important;
  line-height: 1.5rem;
  top: calc(50% - 20px) !important;
  width: 40px !important;
}
.embed-videoPlayer[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-vimeo[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-youtube[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button:before {
  align-items: center;
  color: var(--color-light-50);
  content: "";
  display: flex;
  font-family: icons;
  font-size: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
}
.embed-videoPlayer[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-vimeo[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-youtube[data-v-b2e6c563]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder {
  content: "" !important;
}
.embed-videoPlayer[data-v-b2e6c563]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-b2e6c563]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-b2e6c563]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button {
  display: none !important;
}
.embed-videoPlayer.dark[data-v-b2e6c563],
.embed-vimeo.dark[data-v-b2e6c563],
.embed-youtube.dark[data-v-b2e6c563] {
  background-color: var(--color-dark-50);
}
.embed-videoPlayer.light[data-v-b2e6c563],
.embed-vimeo.light[data-v-b2e6c563],
.embed-youtube.light[data-v-b2e6c563] {
  background-color: var(--color-light-50);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-cf46234c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-cf46234c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-cf46234c],
  .comment-reply-bubble[data-v-cf46234c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-cf46234c],
  .comment-reply-bubble[data-v-cf46234c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cf46234c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cf46234c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cf46234c],
  .comment-title[data-v-cf46234c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cf46234c],
  .comment-title[data-v-cf46234c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-cf46234c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-cf46234c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-cf46234c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-cf46234c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-cf46234c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-cf46234c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-cf46234c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-cf46234c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-cf46234c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-cf46234c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-cf46234c] {
  margin-bottom: 16px;
}
.comment-header[data-v-cf46234c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-cf46234c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-cf46234c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-cf46234c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-cf46234c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-cf46234c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-cf46234c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-cf46234c],
.comment-page .comment-header.is-sticky[data-v-cf46234c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-cf46234c] {
  animation: slideInDown-cf46234c 0.32s ease-in-out;
}
@keyframes slideInDown-cf46234c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cf46234c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf46234c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf46234c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cf46234c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf46234c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-cf46234c] {
  animation: slideOutUp-cf46234c 0.32s ease-in-out;
}
@keyframes slideOutUp-cf46234c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-cf46234c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-cf46234c] {
  margin-left: 8px;
}
.comment-title span[data-v-cf46234c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-cf46234c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-cf46234c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-cf46234c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-cf46234c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-cf46234c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-cf46234c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-cf46234c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-cf46234c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-cf46234c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-cf46234c],
.comment-page.post-fixed .comment-post-body[data-v-cf46234c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-cf46234c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-cf46234c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-cf46234c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-cf46234c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-cf46234c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-cf46234c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-cf46234c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-cf46234c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-cf46234c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-cf46234c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-cf46234c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-cf46234c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-cf46234c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-cf46234c],
.comment-page.post-fixed .comment-post-body.active[data-v-cf46234c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-cf46234c],
  .comment-page.post-fixed .comment-post-body.active[data-v-cf46234c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-cf46234c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-cf46234c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-cf46234c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-cf46234c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-cf46234c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-cf46234c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-cf46234c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-cf46234c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-cf46234c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-cf46234c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-cf46234c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cf46234c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-cf46234c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-cf46234c]:focus,
.comment-input-field.textarea[data-v-cf46234c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cf46234c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-cf46234c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-cf46234c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cf46234c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-cf46234c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cf46234c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cf46234c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-cf46234c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-cf46234c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cf46234c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-cf46234c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-cf46234c],
.comment-send-btn.disabled .icon-send[data-v-cf46234c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-cf46234c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-cf46234c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-cf46234c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-cf46234c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-cf46234c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-cf46234c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-cf46234c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-cf46234c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-cf46234c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-cf46234c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-cf46234c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-cf46234c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-cf46234c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-cf46234c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-cf46234c] {
  align-items: center;
  animation: blink-cf46234c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-cf46234c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-cf46234c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-cf46234c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-cf46234c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-cf46234c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-cf46234c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-cf46234c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-cf46234c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-cf46234c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-cf46234c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-cf46234c] {
  margin: 0 0 0 -8px;
}
.embed-videoPlayer[data-v-cf46234c],
.embed-vimeo[data-v-cf46234c],
.embed-youtube[data-v-cf46234c] {
  margin: 0 -16px 24px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-cf46234c],
  .embed-vimeo[data-v-cf46234c],
  .embed-youtube[data-v-cf46234c] {
    margin: 0 -24px 24px;
  }
}
.embed-videoPlayer__details[data-v-cf46234c],
.embed-vimeo__details[data-v-cf46234c],
.embed-youtube__details[data-v-cf46234c] {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-top: 8px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-cf46234c],
  .embed-vimeo__details[data-v-cf46234c],
  .embed-youtube__details[data-v-cf46234c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-cf46234c],
  .embed-vimeo__details[data-v-cf46234c],
  .embed-youtube__details[data-v-cf46234c] {
    font-weight: 400;
  }
}
.embed-videoPlayer__details span[data-v-cf46234c],
.embed-vimeo__details span[data-v-cf46234c],
.embed-youtube__details span[data-v-cf46234c] {
  color: var(--color-700);
}
.embed-vimeo__container[data-v-cf46234c],
.embed-youtube__container[data-v-cf46234c] {
  clear: both;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.embed-vimeo__iframe-wrapper[data-v-cf46234c],
.embed-youtube__iframe-wrapper[data-v-cf46234c] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-vimeo__video[data-v-cf46234c],
.embed-youtube__video[data-v-cf46234c] {
  height: 100%;
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .embed-vimeo__video[data-v-cf46234c],
  .embed-youtube__video[data-v-cf46234c] {
    max-width: 100% !important;
  }
}
.embed-videoPlayer__container[data-v-cf46234c] {
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.embed-videoPlayer__wrapper[data-v-cf46234c] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-videoPlayer[data-v-cf46234c],
.embed-vimeo[data-v-cf46234c],
.embed-youtube[data-v-cf46234c] {
  margin: 0 -16px 16px;
  padding: 0 0 8px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-cf46234c],
  .embed-vimeo[data-v-cf46234c],
  .embed-youtube[data-v-cf46234c] {
    margin: 0 -32px 24px;
    padding: 8px;
  }
}
.embed-videoPlayer__container[data-v-cf46234c],
.embed-vimeo__container[data-v-cf46234c],
.embed-youtube__container[data-v-cf46234c] {
  position: relative;
}
.embed-videoPlayer__details[data-v-cf46234c],
.embed-vimeo__details[data-v-cf46234c],
.embed-youtube__details[data-v-cf46234c] {
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  padding: 0 16px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-cf46234c],
  .embed-vimeo__details[data-v-cf46234c],
  .embed-youtube__details[data-v-cf46234c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-cf46234c],
  .embed-vimeo__details[data-v-cf46234c],
  .embed-youtube__details[data-v-cf46234c] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .embed-videoPlayer__details[data-v-cf46234c],
  .embed-vimeo__details[data-v-cf46234c],
  .embed-youtube__details[data-v-cf46234c] {
    padding: 0 24px;
  }
}
.embed-videoPlayer__details span[data-v-cf46234c],
.embed-vimeo__details span[data-v-cf46234c],
.embed-youtube__details span[data-v-cf46234c] {
  font-size: 0.8125rem;
  letter-spacing: normal;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-cf46234c],
  .embed-vimeo__details span[data-v-cf46234c],
  .embed-youtube__details span[data-v-cf46234c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-cf46234c],
  .embed-vimeo__details span[data-v-cf46234c],
  .embed-youtube__details span[data-v-cf46234c] {
    font-weight: 400;
  }
}
.embed-videoPlayer .card-label-wrap[data-v-cf46234c],
.embed-vimeo .card-label-wrap[data-v-cf46234c],
.embed-youtube .card-label-wrap[data-v-cf46234c] {
  align-items: center;
  background-color: var(--color-dark-50);
  border-radius: 0;
  bottom: 4px;
  color: var(--color-light-50);
  display: inline-flex;
  font-size: 0.6875rem;
  gap: 4px;
  height: 24px;
  justify-content: center;
  line-height: 0.875rem;
  min-width: 24px;
  padding: 1px 4px;
  position: absolute;
  right: 4px;
  text-transform: uppercase;
  z-index: 2;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-cf46234c],
  .embed-vimeo .card-label-wrap[data-v-cf46234c],
  .embed-youtube .card-label-wrap[data-v-cf46234c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-cf46234c],
  .embed-vimeo .card-label-wrap[data-v-cf46234c],
  .embed-youtube .card-label-wrap[data-v-cf46234c] {
    font-weight: 500;
  }
}
.embed-videoPlayer[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-cf46234c] div .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-cf46234c] div .mov-big-play-button.vjs-big-play-button {
  align-items: center;
  background-color: var(--accent) !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: center;
  left: calc(50% - 20px) !important;
  line-height: 1.5rem;
  top: calc(50% - 20px) !important;
  width: 40px !important;
}
.embed-videoPlayer[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-vimeo[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-youtube[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button:before {
  align-items: center;
  color: var(--color-light-50);
  content: "";
  display: flex;
  font-family: icons;
  font-size: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
}
.embed-videoPlayer[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-vimeo[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-youtube[data-v-cf46234c]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder {
  content: "" !important;
}
.embed-videoPlayer[data-v-cf46234c]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-cf46234c]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-cf46234c]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button {
  display: none !important;
}
.embed-videoPlayer.dark[data-v-cf46234c],
.embed-vimeo.dark[data-v-cf46234c],
.embed-youtube.dark[data-v-cf46234c] {
  background-color: var(--color-dark-50);
}
.embed-videoPlayer.light[data-v-cf46234c],
.embed-vimeo.light[data-v-cf46234c],
.embed-youtube.light[data-v-cf46234c] {
  background-color: var(--color-light-50);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-561a74b3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-561a74b3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-561a74b3],
  .comment-reply-bubble[data-v-561a74b3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-561a74b3],
  .comment-reply-bubble[data-v-561a74b3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-561a74b3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-561a74b3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-561a74b3],
  .comment-title[data-v-561a74b3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-561a74b3],
  .comment-title[data-v-561a74b3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-561a74b3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-561a74b3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-561a74b3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-561a74b3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-561a74b3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-561a74b3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-561a74b3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-561a74b3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-561a74b3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-561a74b3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-561a74b3] {
  margin-bottom: 16px;
}
.comment-header[data-v-561a74b3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-561a74b3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-561a74b3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-561a74b3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-561a74b3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-561a74b3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-561a74b3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-561a74b3],
.comment-page .comment-header.is-sticky[data-v-561a74b3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-561a74b3] {
  animation: slideInDown-561a74b3 0.32s ease-in-out;
}
@keyframes slideInDown-561a74b3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-561a74b3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-561a74b3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-561a74b3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-561a74b3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-561a74b3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-561a74b3] {
  animation: slideOutUp-561a74b3 0.32s ease-in-out;
}
@keyframes slideOutUp-561a74b3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-561a74b3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-561a74b3] {
  margin-left: 8px;
}
.comment-title span[data-v-561a74b3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-561a74b3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-561a74b3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-561a74b3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-561a74b3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-561a74b3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-561a74b3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-561a74b3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-561a74b3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-561a74b3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-561a74b3],
.comment-page.post-fixed .comment-post-body[data-v-561a74b3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-561a74b3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-561a74b3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-561a74b3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-561a74b3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-561a74b3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-561a74b3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-561a74b3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-561a74b3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-561a74b3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-561a74b3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-561a74b3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-561a74b3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-561a74b3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-561a74b3],
.comment-page.post-fixed .comment-post-body.active[data-v-561a74b3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-561a74b3],
  .comment-page.post-fixed .comment-post-body.active[data-v-561a74b3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-561a74b3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-561a74b3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-561a74b3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-561a74b3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-561a74b3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-561a74b3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-561a74b3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-561a74b3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-561a74b3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-561a74b3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-561a74b3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-561a74b3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-561a74b3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-561a74b3]:focus,
.comment-input-field.textarea[data-v-561a74b3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-561a74b3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-561a74b3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-561a74b3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-561a74b3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-561a74b3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-561a74b3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-561a74b3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-561a74b3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-561a74b3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-561a74b3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-561a74b3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-561a74b3],
.comment-send-btn.disabled .icon-send[data-v-561a74b3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-561a74b3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-561a74b3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-561a74b3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-561a74b3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-561a74b3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-561a74b3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-561a74b3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-561a74b3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-561a74b3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-561a74b3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-561a74b3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-561a74b3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-561a74b3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-561a74b3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-561a74b3] {
  align-items: center;
  animation: blink-561a74b3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-561a74b3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-561a74b3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-561a74b3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-561a74b3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-561a74b3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-561a74b3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-561a74b3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-561a74b3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-561a74b3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-561a74b3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-561a74b3] {
  margin: 0 0 0 -8px;
}
.embed-videoPlayer[data-v-561a74b3],
.embed-vimeo[data-v-561a74b3],
.embed-youtube[data-v-561a74b3] {
  margin: 0 -16px 24px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-561a74b3],
  .embed-vimeo[data-v-561a74b3],
  .embed-youtube[data-v-561a74b3] {
    margin: 0 -24px 24px;
  }
}
.embed-videoPlayer__details[data-v-561a74b3],
.embed-vimeo__details[data-v-561a74b3],
.embed-youtube__details[data-v-561a74b3] {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-top: 8px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-561a74b3],
  .embed-vimeo__details[data-v-561a74b3],
  .embed-youtube__details[data-v-561a74b3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-561a74b3],
  .embed-vimeo__details[data-v-561a74b3],
  .embed-youtube__details[data-v-561a74b3] {
    font-weight: 400;
  }
}
.embed-videoPlayer__details span[data-v-561a74b3],
.embed-vimeo__details span[data-v-561a74b3],
.embed-youtube__details span[data-v-561a74b3] {
  color: var(--color-700);
}
.embed-vimeo__container[data-v-561a74b3],
.embed-youtube__container[data-v-561a74b3] {
  clear: both;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.embed-vimeo__iframe-wrapper[data-v-561a74b3],
.embed-youtube__iframe-wrapper[data-v-561a74b3] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-vimeo__video[data-v-561a74b3],
.embed-youtube__video[data-v-561a74b3] {
  height: 100%;
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .embed-vimeo__video[data-v-561a74b3],
  .embed-youtube__video[data-v-561a74b3] {
    max-width: 100% !important;
  }
}
.embed-videoPlayer__container[data-v-561a74b3] {
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.embed-videoPlayer__wrapper[data-v-561a74b3] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embed-videoPlayer[data-v-561a74b3],
.embed-vimeo[data-v-561a74b3],
.embed-youtube[data-v-561a74b3] {
  margin: 0 -16px 16px;
  padding: 0 0 8px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer[data-v-561a74b3],
  .embed-vimeo[data-v-561a74b3],
  .embed-youtube[data-v-561a74b3] {
    margin: 0 -32px 24px;
    padding: 8px;
  }
}
.embed-videoPlayer__container[data-v-561a74b3],
.embed-vimeo__container[data-v-561a74b3],
.embed-youtube__container[data-v-561a74b3] {
  position: relative;
}
.embed-videoPlayer__details[data-v-561a74b3],
.embed-vimeo__details[data-v-561a74b3],
.embed-youtube__details[data-v-561a74b3] {
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  padding: 0 16px;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-561a74b3],
  .embed-vimeo__details[data-v-561a74b3],
  .embed-youtube__details[data-v-561a74b3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details[data-v-561a74b3],
  .embed-vimeo__details[data-v-561a74b3],
  .embed-youtube__details[data-v-561a74b3] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .embed-videoPlayer__details[data-v-561a74b3],
  .embed-vimeo__details[data-v-561a74b3],
  .embed-youtube__details[data-v-561a74b3] {
    padding: 0 24px;
  }
}
.embed-videoPlayer__details span[data-v-561a74b3],
.embed-vimeo__details span[data-v-561a74b3],
.embed-youtube__details span[data-v-561a74b3] {
  font-size: 0.8125rem;
  letter-spacing: normal;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-561a74b3],
  .embed-vimeo__details span[data-v-561a74b3],
  .embed-youtube__details span[data-v-561a74b3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer__details span[data-v-561a74b3],
  .embed-vimeo__details span[data-v-561a74b3],
  .embed-youtube__details span[data-v-561a74b3] {
    font-weight: 400;
  }
}
.embed-videoPlayer .card-label-wrap[data-v-561a74b3],
.embed-vimeo .card-label-wrap[data-v-561a74b3],
.embed-youtube .card-label-wrap[data-v-561a74b3] {
  align-items: center;
  background-color: var(--color-dark-50);
  border-radius: 0;
  bottom: 4px;
  color: var(--color-light-50);
  display: inline-flex;
  font-size: 0.6875rem;
  gap: 4px;
  height: 24px;
  justify-content: center;
  line-height: 0.875rem;
  min-width: 24px;
  padding: 1px 4px;
  position: absolute;
  right: 4px;
  text-transform: uppercase;
  z-index: 2;
}
@supports (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-561a74b3],
  .embed-vimeo .card-label-wrap[data-v-561a74b3],
  .embed-youtube .card-label-wrap[data-v-561a74b3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .embed-videoPlayer .card-label-wrap[data-v-561a74b3],
  .embed-vimeo .card-label-wrap[data-v-561a74b3],
  .embed-youtube .card-label-wrap[data-v-561a74b3] {
    font-weight: 500;
  }
}
.embed-videoPlayer[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-561a74b3] div .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-561a74b3] div .mov-big-play-button.vjs-big-play-button {
  align-items: center;
  background-color: var(--accent) !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: center;
  left: calc(50% - 20px) !important;
  line-height: 1.5rem;
  top: calc(50% - 20px) !important;
  width: 40px !important;
}
.embed-videoPlayer[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-vimeo[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button:before,
.embed-youtube[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button:before {
  align-items: center;
  color: var(--color-light-50);
  content: "";
  display: flex;
  font-family: icons;
  font-size: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
}
.embed-videoPlayer[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-vimeo[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder,
.embed-youtube[data-v-561a74b3]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder {
  content: "" !important;
}
.embed-videoPlayer[data-v-561a74b3]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-vimeo[data-v-561a74b3]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button,
.embed-youtube[data-v-561a74b3]
  div
  .vjs-has-started
  .mov-big-play-button.vjs-big-play-button {
  display: none !important;
}
.embed-videoPlayer.dark[data-v-561a74b3],
.embed-vimeo.dark[data-v-561a74b3],
.embed-youtube.dark[data-v-561a74b3] {
  background-color: var(--color-dark-50);
}
.embed-videoPlayer.light[data-v-561a74b3],
.embed-vimeo.light[data-v-561a74b3],
.embed-youtube.light[data-v-561a74b3] {
  background-color: var(--color-light-50);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-40a04738],
  .single-image__copy[data-v-40a04738],
  .single-image__desc[data-v-40a04738] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-40a04738],
  .single-image__copy[data-v-40a04738],
  .single-image__desc[data-v-40a04738] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-40a04738],
  .comment-reply-bubble[data-v-40a04738],
  .single-image__count[data-v-40a04738] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-40a04738],
  .comment-reply-bubble[data-v-40a04738],
  .single-image__count[data-v-40a04738] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-40a04738] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-40a04738] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-40a04738],
  .comment-title[data-v-40a04738] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-40a04738],
  .comment-title[data-v-40a04738] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-40a04738] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-40a04738] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-40a04738] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-40a04738] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-40a04738] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-40a04738] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-40a04738] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-40a04738] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-40a04738] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-40a04738] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-40a04738] {
  margin-bottom: 16px;
}
.comment-header[data-v-40a04738] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-40a04738] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-40a04738] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-40a04738] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-40a04738] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-40a04738] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-40a04738]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-40a04738],
.comment-page .comment-header.is-sticky[data-v-40a04738] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-40a04738] {
  animation: slideInDown-40a04738 0.32s ease-in-out;
}
@keyframes slideInDown-40a04738 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-40a04738] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-40a04738] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-40a04738]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-40a04738]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-40a04738] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-40a04738] {
  animation: slideOutUp-40a04738 0.32s ease-in-out;
}
@keyframes slideOutUp-40a04738 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-40a04738] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-40a04738] {
  margin-left: 8px;
}
.comment-title span[data-v-40a04738] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-40a04738] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-40a04738] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-40a04738] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-40a04738]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-40a04738] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-40a04738] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-40a04738] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-40a04738] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-40a04738] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-40a04738],
.comment-page.post-fixed .comment-post-body[data-v-40a04738] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-40a04738] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-40a04738] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-40a04738] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-40a04738] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-40a04738] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-40a04738] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-40a04738] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-40a04738] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-40a04738] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-40a04738],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-40a04738] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-40a04738] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-40a04738] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-40a04738],
.comment-page.post-fixed .comment-post-body.active[data-v-40a04738] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-40a04738],
  .comment-page.post-fixed .comment-post-body.active[data-v-40a04738] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-40a04738],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-40a04738] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-40a04738] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-40a04738] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-40a04738] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-40a04738] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-40a04738] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-40a04738] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-40a04738] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-40a04738] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-40a04738] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-40a04738] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-40a04738]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-40a04738]:focus,
.comment-input-field.textarea[data-v-40a04738]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-40a04738]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-40a04738] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-40a04738] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-40a04738] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-40a04738] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-40a04738] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-40a04738] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-40a04738] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-40a04738] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-40a04738]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-40a04738] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-40a04738],
.comment-send-btn.disabled .icon-send[data-v-40a04738] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-40a04738]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-40a04738] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-40a04738] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-40a04738] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-40a04738] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-40a04738] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-40a04738] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-40a04738] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-40a04738] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-40a04738] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-40a04738] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-40a04738] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-40a04738] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-40a04738] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-40a04738] {
  align-items: center;
  animation: blink-40a04738 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-40a04738 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-40a04738] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-40a04738] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-40a04738] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-40a04738] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-40a04738] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-40a04738] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-40a04738]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-40a04738] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-40a04738] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-40a04738] {
  margin: 0 0 0 -8px;
}
@media (min-width: 1024px) {
  .story-in-pictures-images[data-v-40a04738] {
    margin-top: 24px;
  }
}
.single-image[data-v-40a04738] {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .single-image[data-v-40a04738] {
    margin-bottom: 32px;
  }
}
.single-image figure[data-v-40a04738] {
  display: flex;
  margin: 0 -16px 8px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .single-image figure[data-v-40a04738] {
    border-radius: 3px;
    box-shadow: 0 0 0 1px var(--color-300);
    margin: 0 0 12px;
    overflow: hidden;
    width: 100%;
  }
}
.single-image figure[data-v-40a04738] img {
  display: block;
}
.single-image figure[data-v-40a04738] img,
.single-image figure[data-v-40a04738] picture {
  width: 100%;
}
@media (min-width: 1024px) {
  .single-image figure[data-v-40a04738] img,
  .single-image figure[data-v-40a04738] picture {
    width: 100%;
  }
}
.single-image__extra[data-v-40a04738] {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .single-image__extra[data-v-40a04738] {
    padding: 0 24px;
  }
}
.single-image__count[data-v-40a04738] {
  background-color: var(--accent);
  border-radius: 2px;
  color: #f4f2f5;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  margin-right: 8px;
  padding: 5px;
}
.single-image__copy[data-v-40a04738] {
  color: var(--color-500);
  font-size: 0.8125rem;
  line-height: 1rem;
}
.single-image__desc[data-v-40a04738] {
  color: var(--color-900);
  display: block;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .single-image__desc[data-v-40a04738] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    padding: 0 24px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5b27c808] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5b27c808] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5b27c808],
  .comment-reply-bubble[data-v-5b27c808] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5b27c808],
  .comment-reply-bubble[data-v-5b27c808] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5b27c808] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5b27c808] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5b27c808],
  .comment-title[data-v-5b27c808] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5b27c808],
  .comment-title[data-v-5b27c808] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5b27c808] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5b27c808] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5b27c808] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5b27c808] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5b27c808] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5b27c808] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5b27c808] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5b27c808] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5b27c808] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5b27c808] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5b27c808] {
  margin-bottom: 16px;
}
.comment-header[data-v-5b27c808] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5b27c808] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5b27c808] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5b27c808] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5b27c808] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5b27c808] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5b27c808]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5b27c808],
.comment-page .comment-header.is-sticky[data-v-5b27c808] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5b27c808] {
  animation: slideInDown-5b27c808 0.32s ease-in-out;
}
@keyframes slideInDown-5b27c808 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5b27c808] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b27c808] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b27c808]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5b27c808]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5b27c808] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5b27c808] {
  animation: slideOutUp-5b27c808 0.32s ease-in-out;
}
@keyframes slideOutUp-5b27c808 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5b27c808] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5b27c808] {
  margin-left: 8px;
}
.comment-title span[data-v-5b27c808] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5b27c808] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5b27c808] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5b27c808] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5b27c808]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5b27c808] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5b27c808] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5b27c808] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5b27c808] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5b27c808] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5b27c808],
.comment-page.post-fixed .comment-post-body[data-v-5b27c808] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5b27c808] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5b27c808] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5b27c808] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5b27c808] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5b27c808] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5b27c808] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5b27c808] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5b27c808] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5b27c808] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5b27c808],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5b27c808] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5b27c808] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5b27c808] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5b27c808],
.comment-page.post-fixed .comment-post-body.active[data-v-5b27c808] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5b27c808],
  .comment-page.post-fixed .comment-post-body.active[data-v-5b27c808] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5b27c808],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5b27c808] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5b27c808] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5b27c808] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5b27c808] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5b27c808] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5b27c808] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5b27c808] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5b27c808] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5b27c808] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5b27c808] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5b27c808] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5b27c808]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5b27c808]:focus,
.comment-input-field.textarea[data-v-5b27c808]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5b27c808]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5b27c808] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5b27c808] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5b27c808] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5b27c808] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5b27c808] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5b27c808] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5b27c808] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5b27c808] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5b27c808]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5b27c808] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5b27c808],
.comment-send-btn.disabled .icon-send[data-v-5b27c808] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5b27c808]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5b27c808] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5b27c808] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5b27c808] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5b27c808] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5b27c808] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5b27c808] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5b27c808] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5b27c808] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5b27c808] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5b27c808] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5b27c808] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5b27c808] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5b27c808] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5b27c808] {
  align-items: center;
  animation: blink-5b27c808 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5b27c808 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5b27c808] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5b27c808] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5b27c808] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5b27c808] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5b27c808] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5b27c808] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5b27c808]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5b27c808] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5b27c808] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5b27c808] {
  margin: 0 0 0 -8px;
}
.gallery-block[data-v-5b27c808] {
  display: flex;
}
@media (min-width: 1024px) {
  .gallery-block[data-v-5b27c808]:hover {
    cursor: pointer;
  }
}
.gallery-block[data-v-5b27c808]:active {
  transform: scale(0.96) !important;
}
.gallery-block__right[data-v-5b27c808] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}
.gallery-block__small[data-v-5b27c808] {
  flex-grow: 1;
  flex-shrink: 1;
}
@supports not (aspect-ratio: 108/100) {
  .gallery-block__small[data-v-5b27c808] {
    height: 0;
  }
}
.gallery-block__large[data-v-5b27c808] {
  position: relative;
}
.gallery-block__large .card-label[data-v-5b27c808] {
  align-items: center;
  background-color: var(--multimediaindicator-background);
  border-radius: 0;
  bottom: 4px;
  color: var(--color-900);
  display: inline-flex;
  font-size: 0.6875rem;
  height: 24px;
  justify-content: center;
  line-height: 0.875rem;
  padding: 4px;
  position: absolute;
  right: 4px;
}
@supports (font-variation-settings: normal) {
  .gallery-block__large .card-label[data-v-5b27c808] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .gallery-block__large .card-label[data-v-5b27c808] {
    font-weight: 500;
  }
}
.gallery-block__large .card-label [class^="icon-"][data-v-5b27c808] {
  margin-right: 4px;
}
.gallery-block figure[data-v-5b27c808] {
  border-radius: 0;
  overflow: hidden;
}
.gallery-block img[data-v-5b27c808] {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}
.gallery-block .btn[data-v-5b27c808] {
  background-color: var(--accent);
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .gallery-block .btn[data-v-5b27c808]:hover {
    background-color: var(--accent-hover);
  }
}
.article-gallery[data-v-5b27c808] {
  background-color: var(--color-50);
  display: block;
  margin: 0 -16px 16px;
  padding: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .article-gallery[data-v-5b27c808] {
    margin: 0 -32px 24px;
  }
}
.article-gallery .gallery-block[data-v-5b27c808] {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block[data-v-5b27c808] {
    flex-direction: row;
  }
}
.article-gallery .gallery-block[data-v-5b27c808]:active {
  transform: scale(0.99) !important;
}
.article-gallery .gallery-block figure[data-v-5b27c808] {
  border-radius: 0;
  overflow: hidden;
  position: relative;
}
.article-gallery .gallery-block figure[data-v-5b27c808] img,
.article-gallery .gallery-block figure[data-v-5b27c808] picture {
  aspect-ratio: inherit;
  display: inline-block;
  height: 100%;
  max-width: unset;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}
.article-gallery .gallery-block__small[data-v-5b27c808] {
  align-self: stretch;
  aspect-ratio: 122/81;
  flex-basis: 122px;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 0;
  margin-right: 4px;
}
@supports not (aspect-ratio: 122/81) {
  .article-gallery .gallery-block__small[data-v-5b27c808] {
    height: 0;
    padding-top: 150.6172839506%;
  }
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__small[data-v-5b27c808] {
    aspect-ratio: 226/150;
    flex-basis: unset;
    flex-grow: unset;
    flex-shrink: unset;
    margin-bottom: 4px;
    margin-right: 0;
  }
}
@supports not (aspect-ratio: 226/150) {
  @media (min-width: 1024px) {
    .article-gallery .gallery-block__small[data-v-5b27c808] {
      height: 0;
      padding-top: 150.6666666667%;
    }
  }
}
.article-gallery .gallery-block__small[data-v-5b27c808]:last-child {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__small[data-v-5b27c808]:last-child {
    margin-bottom: 0;
  }
}
@supports not (aspect-ratio: 108/100) {
  .article-gallery .gallery-block__small img[data-v-5b27c808] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.article-gallery .gallery-block__large[data-v-5b27c808] {
  aspect-ratio: 374/249;
  margin-bottom: 4px;
  margin-right: 0;
  width: 100%;
}
@supports not (aspect-ratio: 374/249) {
  .article-gallery .gallery-block__large[data-v-5b27c808] {
    height: 0;
    margin-bottom: 4px;
    margin-right: 0;
    padding-top: 66.577540107%;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__large[data-v-5b27c808] {
    aspect-ratio: 1/1;
    margin-bottom: 0;
    margin-right: 2px;
    width: 458px;
  }
  @supports not (aspect-ratio: 1/1) {
    .article-gallery .gallery-block__large[data-v-5b27c808] {
      padding-top: 100%;
    }
  }
}
@supports not (aspect-ratio: 1/1) {
  .article-gallery .gallery-block__large img[data-v-5b27c808] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__large[data-v-5b27c808] {
    margin-right: 2px;
  }
}
.article-gallery .gallery-block__right[data-v-5b27c808] {
  align-items: stretch;
  flex-basis: 100%;
  flex-direction: row;
  width: 100%;
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__right[data-v-5b27c808] {
    flex-basis: 226px;
    flex-direction: column;
    margin-left: 2px;
    width: 226px;
  }
}
.article-gallery .gallery-block__desc[data-v-5b27c808] {
  color: var(--color-900);
  display: block;
  font-size: 0.8125rem;
  line-height: 1rem;
  margin-left: 8px;
  margin-top: 8px;
}
@supports (font-variation-settings: normal) {
  .article-gallery .gallery-block__desc[data-v-5b27c808] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-gallery .gallery-block__desc[data-v-5b27c808] {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .article-gallery .gallery-block__desc[data-v-5b27c808] {
    margin-left: 24px;
    padding: 0;
  }
}
.article-gallery .gallery-block__desc span[data-v-5b27c808] {
  color: var(--color-700);
}
.article-gallery .gallery-block[data-v-5b27c808] [class^="icon-"] {
  font-size: 1rem;
  margin-right: 2px;
}
.article-gallery .btn[data-v-5b27c808] {
  color: var(--color-light-50);
  height: 100%;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .article-gallery .btn[data-v-5b27c808] {
    height: 100%;
    width: 100%;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ba6471b4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ba6471b4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ba6471b4],
  .comment-reply-bubble[data-v-ba6471b4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ba6471b4],
  .comment-reply-bubble[data-v-ba6471b4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ba6471b4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ba6471b4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ba6471b4],
  .comment-title[data-v-ba6471b4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ba6471b4],
  .comment-title[data-v-ba6471b4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ba6471b4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ba6471b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ba6471b4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ba6471b4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ba6471b4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ba6471b4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ba6471b4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ba6471b4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ba6471b4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ba6471b4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ba6471b4] {
  margin-bottom: 16px;
}
.comment-header[data-v-ba6471b4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ba6471b4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ba6471b4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ba6471b4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ba6471b4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ba6471b4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ba6471b4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ba6471b4],
.comment-page .comment-header.is-sticky[data-v-ba6471b4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ba6471b4] {
  animation: slideInDown-ba6471b4 0.32s ease-in-out;
}
@keyframes slideInDown-ba6471b4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ba6471b4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ba6471b4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ba6471b4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ba6471b4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ba6471b4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ba6471b4] {
  animation: slideOutUp-ba6471b4 0.32s ease-in-out;
}
@keyframes slideOutUp-ba6471b4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ba6471b4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ba6471b4] {
  margin-left: 8px;
}
.comment-title span[data-v-ba6471b4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ba6471b4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ba6471b4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ba6471b4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ba6471b4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ba6471b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ba6471b4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ba6471b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ba6471b4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ba6471b4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ba6471b4],
.comment-page.post-fixed .comment-post-body[data-v-ba6471b4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ba6471b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ba6471b4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ba6471b4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ba6471b4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ba6471b4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ba6471b4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ba6471b4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ba6471b4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ba6471b4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ba6471b4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ba6471b4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ba6471b4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ba6471b4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ba6471b4],
.comment-page.post-fixed .comment-post-body.active[data-v-ba6471b4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ba6471b4],
  .comment-page.post-fixed .comment-post-body.active[data-v-ba6471b4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ba6471b4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ba6471b4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ba6471b4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ba6471b4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ba6471b4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ba6471b4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ba6471b4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ba6471b4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ba6471b4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ba6471b4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ba6471b4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ba6471b4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ba6471b4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ba6471b4]:focus,
.comment-input-field.textarea[data-v-ba6471b4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ba6471b4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ba6471b4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ba6471b4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ba6471b4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ba6471b4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ba6471b4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ba6471b4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ba6471b4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ba6471b4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ba6471b4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ba6471b4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ba6471b4],
.comment-send-btn.disabled .icon-send[data-v-ba6471b4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ba6471b4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ba6471b4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ba6471b4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ba6471b4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ba6471b4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ba6471b4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ba6471b4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ba6471b4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ba6471b4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ba6471b4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ba6471b4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ba6471b4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ba6471b4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ba6471b4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ba6471b4] {
  align-items: center;
  animation: blink-ba6471b4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ba6471b4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ba6471b4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ba6471b4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ba6471b4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ba6471b4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ba6471b4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ba6471b4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ba6471b4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ba6471b4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ba6471b4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ba6471b4] {
  margin: 0 0 0 -8px;
}
.poll[data-v-ba6471b4] {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.poll .hide[data-v-ba6471b4] {
  display: none;
}
.poll-rte[data-v-ba6471b4] {
  margin-bottom: 16px;
  padding: 0;
}
@media (min-width: 1024px) {
  .poll-rte[data-v-ba6471b4] {
    margin-bottom: 24px;
  }
}
.poll-label[data-v-ba6471b4] {
  align-items: center;
  background-color: var(--section-default);
  border-radius: 0;
  color: var(--color-light-50);
  display: inline-flex;
  font-size: 0.6875rem;
  justify-content: center;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 12px;
  padding: 1px 4px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .poll-label[data-v-ba6471b4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .poll-label[data-v-ba6471b4] {
    font-weight: 800;
  }
}
.poll-info[data-v-ba6471b4] {
  color: var(--color-700);
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-top: 12px;
}
@supports (font-variation-settings: normal) {
  .poll-info[data-v-ba6471b4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .poll-info[data-v-ba6471b4] {
    font-weight: 500;
  }
}
.poll-question[data-v-ba6471b4] {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
}
@supports (font-variation-settings: normal) {
  .poll-question[data-v-ba6471b4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .poll-question[data-v-ba6471b4] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .poll-question[data-v-ba6471b4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.poll-answer[data-v-ba6471b4] {
  background-color: var(--color-100);
  border-radius: 0;
  color: var(--color-900);
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-bottom: 12px;
  min-height: 36px;
  overflow: hidden;
  padding: 9px 8px 10px;
  position: relative;
  transition: all 0.2s;
}
@supports (font-variation-settings: normal) {
  .poll-answer[data-v-ba6471b4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .poll-answer[data-v-ba6471b4] {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .poll-answer[data-v-ba6471b4]:hover {
    background-color: var(--color-200);
  }
}
.poll-answer.is-disabled[data-v-ba6471b4] {
  cursor: revert;
}
@media (min-width: 1024px) {
  .poll-answer.is-disabled[data-v-ba6471b4]:hover {
    background-color: var(--color-100);
  }
}
.poll-answer[data-v-ba6471b4]:last-of-type {
  margin-bottom: 0;
}
.show-results .poll-answer[data-v-ba6471b4] {
  align-items: center;
  display: flex;
  margin-top: 12px;
}
.poll-answer-content[data-v-ba6471b4] {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}
.poll-answer-text[data-v-ba6471b4] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding-right: 60px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .poll-answer-text[data-v-ba6471b4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .poll-answer-text[data-v-ba6471b4] {
    font-weight: 400;
  }
}
.poll-input[data-v-ba6471b4] {
  height: calc(100% + 19px);
  left: -8px;
  position: absolute;
  top: -9px;
  width: calc(100% + 16px);
}
.poll-radio[data-v-ba6471b4] {
  display: none;
}
.poll-radio:checked + .poll-radio-custom[data-v-ba6471b4] {
  background-color: var(--accent-32);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.poll-button-initial[data-v-ba6471b4] {
  display: flex;
  justify-content: flex-start;
}
.poll-submit-btn[data-v-ba6471b4] {
  border: none;
  margin-right: 12px;
}
.poll-submit-btn[data-v-ba6471b4]:disabled {
  background-color: var(--unhealthy);
}
.poll-result[data-v-ba6471b4] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.show-results .poll-result[data-v-ba6471b4] {
  opacity: 1;
}
.poll[data-v-ba6471b4] .poll-result-bar {
  background-color: var(--accent);
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
}
.poll[data-v-ba6471b4] .poll-result-animation {
  animation: fadeOutLeft-ba6471b4 0.33s;
  animation-fill-mode: both;
}
@keyframes fadeOutLeft-ba6471b4 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeInLeft-ba6471b4 {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.poll[data-v-ba6471b4] .poll-count-info {
  position: absolute;
  right: 8px;
  top: calc(50% - 9px);
}
@supports (font-variation-settings: normal) {
  .poll[data-v-ba6471b4] .poll-count-info {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .poll[data-v-ba6471b4] .poll-count-info {
    font-weight: 700;
  }
}
.poll[data-v-ba6471b4] .poll-count-animation {
  animation: fadeOutRight-ba6471b4 0.33s;
  animation-fill-mode: both;
}
@keyframes fadeOutRight-ba6471b4 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeInRight-ba6471b4 {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.poll.show-results[data-v-ba6471b4] .poll-count-animation {
  animation: fadeInRight-ba6471b4 1s;
  animation-fill-mode: both;
}
.poll.show-results[data-v-ba6471b4] .poll-result-animation {
  animation: fadeInLeft-ba6471b4 1s;
  animation-fill-mode: both;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1faa6516] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1faa6516] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1faa6516],
  .comment-reply-bubble[data-v-1faa6516] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1faa6516],
  .comment-reply-bubble[data-v-1faa6516] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1faa6516] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1faa6516] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1faa6516],
  .comment-title[data-v-1faa6516] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1faa6516],
  .comment-title[data-v-1faa6516] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1faa6516] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1faa6516] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1faa6516] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1faa6516] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1faa6516] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1faa6516] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1faa6516] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1faa6516] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1faa6516] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1faa6516] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1faa6516] {
  margin-bottom: 16px;
}
.comment-header[data-v-1faa6516] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1faa6516] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1faa6516] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1faa6516] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1faa6516] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1faa6516] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1faa6516]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1faa6516],
.comment-page .comment-header.is-sticky[data-v-1faa6516] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1faa6516] {
  animation: slideInDown-1faa6516 0.32s ease-in-out;
}
@keyframes slideInDown-1faa6516 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1faa6516] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1faa6516] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1faa6516]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1faa6516]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1faa6516] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1faa6516] {
  animation: slideOutUp-1faa6516 0.32s ease-in-out;
}
@keyframes slideOutUp-1faa6516 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1faa6516] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1faa6516] {
  margin-left: 8px;
}
.comment-title span[data-v-1faa6516] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1faa6516] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1faa6516] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1faa6516] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1faa6516]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1faa6516] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1faa6516] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1faa6516] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1faa6516] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1faa6516] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1faa6516],
.comment-page.post-fixed .comment-post-body[data-v-1faa6516] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1faa6516] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1faa6516] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1faa6516] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1faa6516] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1faa6516] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1faa6516] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1faa6516] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1faa6516] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1faa6516] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1faa6516],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1faa6516] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1faa6516] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1faa6516] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1faa6516],
.comment-page.post-fixed .comment-post-body.active[data-v-1faa6516] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1faa6516],
  .comment-page.post-fixed .comment-post-body.active[data-v-1faa6516] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1faa6516],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1faa6516] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1faa6516] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1faa6516] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1faa6516] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1faa6516] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1faa6516] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1faa6516] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1faa6516] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1faa6516] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1faa6516] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1faa6516] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1faa6516]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1faa6516]:focus,
.comment-input-field.textarea[data-v-1faa6516]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1faa6516]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1faa6516] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1faa6516] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1faa6516] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1faa6516] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1faa6516] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1faa6516] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1faa6516] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1faa6516] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1faa6516]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1faa6516] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1faa6516],
.comment-send-btn.disabled .icon-send[data-v-1faa6516] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1faa6516]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1faa6516] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1faa6516] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1faa6516] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1faa6516] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1faa6516] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1faa6516] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1faa6516] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1faa6516] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1faa6516] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1faa6516] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1faa6516] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1faa6516] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1faa6516] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1faa6516] {
  align-items: center;
  animation: blink-1faa6516 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1faa6516 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1faa6516] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1faa6516] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1faa6516] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1faa6516] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1faa6516] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1faa6516] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1faa6516]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1faa6516] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1faa6516] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1faa6516] {
  margin: 0 0 0 -8px;
}
.article-download__file[data-v-1faa6516] {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-download__file[data-v-1faa6516] {
    margin-bottom: 24px;
  }
}
.article-download__file-link[data-v-1faa6516] {
  align-items: center;
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 0;
  color: var(--color-900);
  display: inline-flex;
  font-size: 0.875rem;
  justify-content: flex-start;
  min-height: 40px;
  padding: 6px 22px 6px 10px;
  transition: all 0.2s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .article-download__file-link[data-v-1faa6516] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-download__file-link[data-v-1faa6516] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .article-download__file-link[data-v-1faa6516]:hover {
    background-color: var(--color-100);
  }
}
.article-download__file-name[data-v-1faa6516] {
  padding: 4px 0 3px;
}
.article-download__file-icon[data-v-1faa6516] {
  font-size: 1.5rem;
  margin-right: 12px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-97854787] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-97854787] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-97854787],
  .comment-reply-bubble[data-v-97854787] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-97854787],
  .comment-reply-bubble[data-v-97854787] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-97854787] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-97854787] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-97854787],
  .comment-title[data-v-97854787] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-97854787],
  .comment-title[data-v-97854787] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-97854787] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-97854787] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-97854787] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-97854787] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-97854787] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-97854787] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-97854787] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-97854787] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-97854787] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-97854787] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-97854787] {
  margin-bottom: 16px;
}
.comment-header[data-v-97854787] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-97854787] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-97854787] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-97854787] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-97854787] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-97854787] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-97854787]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-97854787],
.comment-page .comment-header.is-sticky[data-v-97854787] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-97854787] {
  animation: slideInDown-97854787 0.32s ease-in-out;
}
@keyframes slideInDown-97854787 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-97854787] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-97854787] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-97854787]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-97854787]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-97854787] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-97854787] {
  animation: slideOutUp-97854787 0.32s ease-in-out;
}
@keyframes slideOutUp-97854787 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-97854787] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-97854787] {
  margin-left: 8px;
}
.comment-title span[data-v-97854787] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-97854787] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-97854787] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-97854787] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-97854787]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-97854787] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-97854787] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-97854787] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-97854787] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-97854787] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-97854787],
.comment-page.post-fixed .comment-post-body[data-v-97854787] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-97854787] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-97854787] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-97854787] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-97854787] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-97854787] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-97854787] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-97854787] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-97854787] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-97854787] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-97854787],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-97854787] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-97854787] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-97854787] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-97854787],
.comment-page.post-fixed .comment-post-body.active[data-v-97854787] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-97854787],
  .comment-page.post-fixed .comment-post-body.active[data-v-97854787] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-97854787],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-97854787] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-97854787] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-97854787] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-97854787] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-97854787] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-97854787] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-97854787] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-97854787] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-97854787] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-97854787] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-97854787] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-97854787]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-97854787]:focus,
.comment-input-field.textarea[data-v-97854787]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-97854787]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-97854787] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-97854787] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-97854787] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-97854787] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-97854787] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-97854787] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-97854787] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-97854787] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-97854787]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-97854787] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-97854787],
.comment-send-btn.disabled .icon-send[data-v-97854787] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-97854787]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-97854787] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-97854787] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-97854787] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-97854787] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-97854787] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-97854787] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-97854787] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-97854787] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-97854787] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-97854787] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-97854787] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-97854787] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-97854787] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-97854787] {
  align-items: center;
  animation: blink-97854787 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-97854787 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-97854787] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-97854787] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-97854787] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-97854787] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-97854787] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-97854787] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-97854787]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-97854787] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-97854787] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-97854787] {
  margin: 0 0 0 -8px;
}
.page-break-wrapper[data-v-97854787] {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-break-wrapper[data-v-97854787] {
    flex-direction: row;
    gap: 20px;
    justify-content: center;
  }
}
.page-break-wrapper .page-break-next[data-v-97854787],
.page-break-wrapper .page-break-previous[data-v-97854787] {
  align-items: center;
  border-radius: 0;
  display: flex;
  font-size: 0.875rem;
  height: 40px;
  justify-content: center;
  margin-bottom: 16px;
  text-align: center;
  transition: all 0.2s;
}
@supports (font-variation-settings: normal) {
  .page-break-wrapper .page-break-next[data-v-97854787],
  .page-break-wrapper .page-break-previous[data-v-97854787] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .page-break-wrapper .page-break-next[data-v-97854787],
  .page-break-wrapper .page-break-previous[data-v-97854787] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .page-break-wrapper .page-break-next[data-v-97854787],
  .page-break-wrapper .page-break-previous[data-v-97854787] {
    margin-bottom: 24px;
  }
}
.page-break-wrapper .page-break-next[data-v-97854787] {
  background-color: var(--accent-alt);
  color: var(--color-50);
}
@media (min-width: 1024px) {
  .page-break-wrapper .page-break-next[data-v-97854787] {
    width: 159px;
  }
  .page-break-wrapper .page-break-next[data-v-97854787]:hover {
    background-color: var(--accent-alt-hover);
  }
}
.page-break-wrapper .page-break-previous[data-v-97854787] {
  border: 2px solid var(--color-300);
  color: var(--color-900);
  position: relative;
}
@media (min-width: 1024px) {
  .page-break-wrapper .page-break-previous[data-v-97854787]:hover {
    background-color: var(--color-100);
  }
  .page-break-wrapper .page-break-previous span[data-v-97854787] {
    margin: 0 12px;
  }
  .page-break-wrapper .page-break-previous[data-v-97854787] {
    width: 189px;
  }
}
.page-break-wrapper .page-break-previous .icon-chevron--left[data-v-97854787] {
  font-size: 1.5rem;
  left: 12px;
  position: absolute;
}
@media (min-width: 1024px) {
  .page-break-wrapper
    .page-break-previous
    .icon-chevron--left[data-v-97854787] {
    position: static;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4580b24b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4580b24b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4580b24b],
  .comment-reply-bubble[data-v-4580b24b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4580b24b],
  .comment-reply-bubble[data-v-4580b24b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4580b24b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4580b24b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4580b24b],
  .comment-title[data-v-4580b24b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4580b24b],
  .comment-title[data-v-4580b24b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4580b24b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4580b24b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4580b24b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4580b24b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4580b24b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4580b24b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4580b24b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4580b24b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4580b24b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4580b24b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4580b24b] {
  margin-bottom: 16px;
}
.comment-header[data-v-4580b24b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4580b24b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4580b24b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4580b24b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4580b24b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4580b24b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4580b24b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4580b24b],
.comment-page .comment-header.is-sticky[data-v-4580b24b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4580b24b] {
  animation: slideInDown-4580b24b 0.32s ease-in-out;
}
@keyframes slideInDown-4580b24b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4580b24b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4580b24b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4580b24b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4580b24b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4580b24b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4580b24b] {
  animation: slideOutUp-4580b24b 0.32s ease-in-out;
}
@keyframes slideOutUp-4580b24b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4580b24b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4580b24b] {
  margin-left: 8px;
}
.comment-title span[data-v-4580b24b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4580b24b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4580b24b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4580b24b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4580b24b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4580b24b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4580b24b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4580b24b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4580b24b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4580b24b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4580b24b],
.comment-page.post-fixed .comment-post-body[data-v-4580b24b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4580b24b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4580b24b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4580b24b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4580b24b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4580b24b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4580b24b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4580b24b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4580b24b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4580b24b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4580b24b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4580b24b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4580b24b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4580b24b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4580b24b],
.comment-page.post-fixed .comment-post-body.active[data-v-4580b24b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4580b24b],
  .comment-page.post-fixed .comment-post-body.active[data-v-4580b24b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4580b24b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4580b24b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4580b24b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4580b24b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4580b24b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4580b24b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4580b24b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4580b24b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4580b24b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4580b24b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4580b24b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4580b24b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4580b24b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4580b24b]:focus,
.comment-input-field.textarea[data-v-4580b24b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4580b24b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4580b24b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4580b24b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4580b24b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4580b24b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4580b24b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4580b24b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4580b24b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4580b24b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4580b24b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4580b24b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4580b24b],
.comment-send-btn.disabled .icon-send[data-v-4580b24b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4580b24b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4580b24b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4580b24b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4580b24b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4580b24b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4580b24b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4580b24b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4580b24b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4580b24b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4580b24b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4580b24b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4580b24b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4580b24b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4580b24b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4580b24b] {
  align-items: center;
  animation: blink-4580b24b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4580b24b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4580b24b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4580b24b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4580b24b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4580b24b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4580b24b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4580b24b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4580b24b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4580b24b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4580b24b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4580b24b] {
  margin: 0 0 0 -8px;
}
.story-update[data-v-4580b24b] {
  position: relative;
  z-index: 0;
}
.has-gallery-full-screen-active .story-update[data-v-4580b24b] {
  z-index: unset;
}
.story-update-time[data-v-4580b24b] {
  color: var(--color-500);
  display: block;
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin-bottom: 8px;
  padding: 0 24px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .story-update-time[data-v-4580b24b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .story-update-time[data-v-4580b24b] {
    font-weight: 600;
  }
}
.is-how-to .story-update-time[data-v-4580b24b] {
  display: none;
}
.is-developing-story .story-update-time[data-v-4580b24b] {
  display: inline-block;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  top: -6px;
}
.story-update-step[data-v-4580b24b] {
  background: var(--accent);
  border-radius: 3px;
  color: var(--color-50);
  display: inline-block;
  font-size: 0.8125rem;
  line-height: normal;
  margin-bottom: 16px;
  padding: 8px;
}
@supports (font-variation-settings: normal) {
  .story-update-step[data-v-4580b24b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .story-update-step[data-v-4580b24b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .story-update-step[data-v-4580b24b] {
    margin: 0 24px 16px;
  }
}
.story-update-step[data-v-4580b24b]:after {
  background: var(--color-200);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 100%;
  z-index: -1;
}
@media (min-width: 1024px) {
  .story-update-step[data-v-4580b24b]:after {
    left: 24px;
    right: 24px;
    width: calc(100% - 48px);
  }
}
.story-update-anchor[data-v-4580b24b] {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  float: right;
  font-size: 1.4375rem;
  height: 32px;
  justify-content: center;
  transition: all 0.2s;
  width: 32px;
}
@media (min-width: 1024px) {
  .story-update-anchor[data-v-4580b24b]:hover {
    background-color: var(--color-200);
  }
}
.story-update-anchor-target[data-v-4580b24b] {
  position: relative;
  top: -179px;
}
@media (min-width: 1024px) {
  .story-update-anchor-target[data-v-4580b24b] {
    top: -191px;
  }
}
.story-update[data-v-4580b24b] .article-rte .empty {
  margin-bottom: 0;
}
.is-developing-story .story-update[data-v-4580b24b] {
  margin-left: -16px;
  padding: 20px 16px 0;
  width: calc(100% + 32px);
}
.is-developing-story .story-update[data-v-4580b24b]:last-child {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] {
    margin: 0 -32px;
    padding: 24px 32px 0;
    width: calc(100% + 64px);
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte {
  padding: 0;
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte:last-child {
  border-bottom: 1px solid var(--color-200);
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte h2,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h3,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h4,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h5,
.is-developing-story .story-update[data-v-4580b24b] .article-rte ol,
.is-developing-story .story-update[data-v-4580b24b] .article-rte p,
.is-developing-story .story-update[data-v-4580b24b] .article-rte ul {
  margin-bottom: 16px;
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte h2:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h3:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h4:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte h5:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte ol:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte p:empty,
.is-developing-story .story-update[data-v-4580b24b] .article-rte ul:empty {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .article-rte h2,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte h3,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte h4,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte h5,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte ol,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte p,
  .is-developing-story .story-update[data-v-4580b24b] .article-rte ul {
    margin-bottom: 24px;
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte h2 {
  margin-bottom: 12px;
}
.is-developing-story .story-update[data-v-4580b24b] .article-rte h2:last-child {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .is-developing-story
    .story-update[data-v-4580b24b]
    .article-rte
    h2:last-child {
    margin-bottom: 24px;
  }
}
.is-developing-story
  .story-update[data-v-4580b24b]
  .article-rte
  div
  > a[href*="sofascore.com"] {
  display: inline-block;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .is-developing-story
    .story-update[data-v-4580b24b]
    .article-rte
    div
    > a[href*="sofascore.com"] {
    margin-bottom: 24px;
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-image,
.is-developing-story .story-update[data-v-4580b24b] .embed-video {
  margin: 0 0 20px;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .article-image,
  .is-developing-story .story-update[data-v-4580b24b] .embed-video {
    margin: 0 -24px 24px;
    width: calc(100% + 48px);
  }
}
.is-developing-story .story-update[data-v-4580b24b] .embed-videoPlayer,
.is-developing-story .story-update[data-v-4580b24b] .embed-vimeo,
.is-developing-story .story-update[data-v-4580b24b] .embed-youtube {
  margin: 0 -16px 16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .embed-videoPlayer,
  .is-developing-story .story-update[data-v-4580b24b] .embed-vimeo,
  .is-developing-story .story-update[data-v-4580b24b] .embed-youtube {
    margin: 0 -8px 24px;
    width: calc(100% + 16px);
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-image__details {
  padding: 0;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .article-image__details {
    padding: 0 24px;
  }
}
.is-developing-story .story-update[data-v-4580b24b] .embed-videoPlayer__details,
.is-developing-story .story-update[data-v-4580b24b] .embed-vimeo__details {
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .is-developing-story
    .story-update[data-v-4580b24b]
    .embed-videoPlayer__details,
  .is-developing-story .story-update[data-v-4580b24b] .embed-vimeo__details {
    padding: 0 24px;
  }
}
.is-developing-story
  .story-update[data-v-4580b24b]
  .article-rte
  p
  > iframe[src*="youtube.com"] {
  margin: 0 !important;
  max-width: 100% !important;
}
@media (min-width: 1024px) {
  .is-developing-story
    .story-update[data-v-4580b24b]
    .article-rte
    p
    > iframe[src*="youtube.com"] {
    margin: 0 -24px 24px !important;
    max-width: calc(100% + 48px) !important;
  }
}
.is-developing-story
  .story-update[data-v-4580b24b]
  .related-news__shop-widget
  .slider-card-wrapper {
  padding: 16px 0 20px;
}
.is-developing-story
  .story-update[data-v-4580b24b]
  .related-news-shop
  .related-news-shop__divider {
  margin: 20px 0;
}
@media (min-width: 1024px) {
  .is-developing-story
    .story-update[data-v-4580b24b]
    .related-news-shop
    .related-news-shop__divider {
    margin: 24px 0;
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-download__file,
.is-developing-story .story-update[data-v-4580b24b] .article-embed,
.is-developing-story .story-update[data-v-4580b24b] .fb-video,
.is-developing-story .story-update[data-v-4580b24b] .poll-rte {
  margin: 0 0 20px;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .article-download__file,
  .is-developing-story .story-update[data-v-4580b24b] .article-embed,
  .is-developing-story .story-update[data-v-4580b24b] .fb-video,
  .is-developing-story .story-update[data-v-4580b24b] .poll-rte {
    margin: 0 0 24px;
  }
}
.is-developing-story .story-update[data-v-4580b24b] .article-factbox,
.is-developing-story .story-update[data-v-4580b24b] .article-factbox-quotes,
.is-developing-story .story-update[data-v-4580b24b] .related-news__wrap {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .is-developing-story .story-update[data-v-4580b24b] .article-factbox,
  .is-developing-story .story-update[data-v-4580b24b] .article-factbox-quotes,
  .is-developing-story .story-update[data-v-4580b24b] .related-news__wrap {
    margin-bottom: 24px;
  }
}
.story-update.isHighlight[data-v-4580b24b] {
  background-color: var(--color-100);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .question-answer-text,
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image-source,
  .quiz[data-v-dfd9083e] .quiz-content .quiz-text p {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .question-answer-text,
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image-source,
  .quiz[data-v-dfd9083e] .quiz-content .quiz-text p {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-dfd9083e],
  .comment-reply-bubble[data-v-dfd9083e] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-dfd9083e],
  .comment-reply-bubble[data-v-dfd9083e] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .quiz-title {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .quiz-title {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .quiz[data-v-dfd9083e] .quiz-btn {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .quiz[data-v-dfd9083e] .quiz-btn {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dfd9083e],
  .comment-title[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .quiz-bullet span {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dfd9083e],
  .comment-title[data-v-dfd9083e],
  .quiz[data-v-dfd9083e] .quiz-content .quiz-bullet span {
    font-weight: 800;
  }
}
.comment-teaser[data-v-dfd9083e] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-dfd9083e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-dfd9083e] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-dfd9083e] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-dfd9083e] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-dfd9083e] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-dfd9083e] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-dfd9083e] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-dfd9083e] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-dfd9083e] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-dfd9083e] {
  margin-bottom: 16px;
}
.comment-header[data-v-dfd9083e] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-dfd9083e] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-dfd9083e] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-dfd9083e] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-dfd9083e] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-dfd9083e] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-dfd9083e]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-dfd9083e],
.comment-page .comment-header.is-sticky[data-v-dfd9083e] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-dfd9083e] {
  animation: slideInDown-dfd9083e 0.32s ease-in-out;
}
@keyframes slideInDown-dfd9083e {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dfd9083e] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfd9083e] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfd9083e]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dfd9083e]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfd9083e] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-dfd9083e] {
  animation: slideOutUp-dfd9083e 0.32s ease-in-out;
}
@keyframes slideOutUp-dfd9083e {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-dfd9083e] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-dfd9083e] {
  margin-left: 8px;
}
.comment-title span[data-v-dfd9083e] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-dfd9083e] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-dfd9083e] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-dfd9083e] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-dfd9083e]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-dfd9083e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-dfd9083e] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-dfd9083e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-dfd9083e] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-dfd9083e] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-dfd9083e],
.comment-page.post-fixed .comment-post-body[data-v-dfd9083e] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-dfd9083e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-dfd9083e] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-dfd9083e] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-dfd9083e] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-dfd9083e] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-dfd9083e] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-dfd9083e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-dfd9083e] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-dfd9083e] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-dfd9083e],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-dfd9083e] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-dfd9083e] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-dfd9083e] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-dfd9083e],
.comment-page.post-fixed .comment-post-body.active[data-v-dfd9083e] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-dfd9083e],
  .comment-page.post-fixed .comment-post-body.active[data-v-dfd9083e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-dfd9083e],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-dfd9083e] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-dfd9083e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-dfd9083e] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-dfd9083e] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-dfd9083e] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-dfd9083e] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-dfd9083e] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-dfd9083e] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-dfd9083e] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-dfd9083e] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dfd9083e] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-dfd9083e]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-dfd9083e]:focus,
.comment-input-field.textarea[data-v-dfd9083e]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dfd9083e]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-dfd9083e] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-dfd9083e] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dfd9083e] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-dfd9083e] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dfd9083e] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dfd9083e] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-dfd9083e] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-dfd9083e] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dfd9083e]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-dfd9083e] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-dfd9083e],
.comment-send-btn.disabled .icon-send[data-v-dfd9083e] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-dfd9083e]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-dfd9083e] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-dfd9083e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-dfd9083e] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-dfd9083e] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-dfd9083e] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-dfd9083e] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-dfd9083e] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-dfd9083e] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-dfd9083e] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-dfd9083e] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-dfd9083e] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-dfd9083e] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-dfd9083e] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-dfd9083e] {
  align-items: center;
  animation: blink-dfd9083e 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-dfd9083e {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-dfd9083e] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-dfd9083e] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-dfd9083e] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-dfd9083e] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-dfd9083e] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-dfd9083e] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-dfd9083e]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-dfd9083e] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-dfd9083e] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-dfd9083e] {
  margin: 0 0 0 -8px;
}
.quiz[data-v-dfd9083e] {
  padding-bottom: 16px;
  position: relative;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] {
    padding-bottom: 24px;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .hide {
  display: none;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-wrapper {
  padding: 0;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-bullet {
  margin-bottom: 16px;
  position: relative;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-bullet:after {
  background-color: var(--color-200);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-bullet span {
  background-color: var(--accent);
  border-radius: 0;
  color: var(--color-50);
  display: inline-block;
  font-size: 0.8125rem;
  padding: 8px;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-title {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-title {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-image {
  margin: 0 -16px 16px;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image {
    margin: 0 -24px 24px;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-image img {
  aspect-ratio: 360/240;
  display: block;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image img {
    aspect-ratio: 592/395;
    border-radius: 0;
  }
}
@supports not (aspect-ratio: 1/1) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image img {
    height: 0;
    padding-top: 66.6666666667%;
  }
  @media (min-width: 1024px) {
    .quiz[data-v-dfd9083e] .quiz-content .quiz-image img {
      padding-top: 66.722972973%;
    }
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-image-source {
  color: var(--color-900);
  font-size: 0.8125rem;
  line-height: 1rem;
  padding: 8px 16px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-image-source {
    padding: 8px 24px 0;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-image-source span {
  color: var(--color-700);
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-text p {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin-bottom: 24px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-text p {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-text p:last-child {
  margin-bottom: 0;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-score {
  padding: 0;
}
@media (min-width: 429px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-score .quiz-image {
    border-radius: 0;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-answer {
  display: block;
  margin: 24px 0 0;
  width: 100%;
}
.quiz[data-v-dfd9083e] .quiz-content .quiz-answer .quiz-title {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .quiz-answer .quiz-title {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer {
  background-color: var(--color-100);
  border-radius: 0;
  margin-top: 12px;
  padding: 7px 36px 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .question-answer {
    margin-top: 12px;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer:first-of-type {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .question-answer:hover {
    background-color: var(--color-200);
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer-content {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.wrong {
  background-color: var(--unhealthy-for-sensitive-groups);
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .question-answer.wrong:hover {
    background-color: var(--unhealthy-for-sensitive-groups);
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.correct {
  background-color: var(--good);
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .question-answer.correct:hover {
    background-color: var(--good);
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.correct:after,
.quiz[data-v-dfd9083e] .quiz-content .question-answer.wrong:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  height: 32px;
  padding: 8px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 32px;
  speak: never;
  color: var(--unhealthy-for-sensitive-groups-sec);
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .question-answer.correct:hover,
  .quiz[data-v-dfd9083e] .quiz-content .question-answer.wrong:hover {
    cursor: auto;
  }
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.correct:after {
  color: var(--good-sec);
  content: "";
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer-text {
  color: var(--color-900);
  display: block;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  word-break: break-word;
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.has-image {
  padding: 2px;
  text-align: center;
  width: calc(50% - 6px);
}
.quiz[data-v-dfd9083e]
  .quiz-content
  .question-answer.has-image:nth-child(-n + 2) {
  margin-top: 0;
}
.quiz[data-v-dfd9083e]
  .quiz-content
  .question-answer.has-image
  .question-answer-text {
  padding: 7px 6px 4px;
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.has-image.correct:after,
.quiz[data-v-dfd9083e] .quiz-content .question-answer.has-image.wrong:after {
  background-color: var(--unhealthy-for-sensitive-groups);
  border-radius: 100%;
  overflow: hidden;
  right: 6px;
  top: 6px;
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer.has-image.correct:after {
  background-color: var(--good);
}
.quiz[data-v-dfd9083e] .quiz-content .question-answer-image img {
  aspect-ratio: 1/1;
  border-radius: 0;
  display: block;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .disabled .question-answer:hover {
    background-color: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e]
    .quiz-content
    .disabled
    .question-answer.correct:hover {
    background-color: var(--good);
  }
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-content .disabled .question-answer.wrong:hover {
    background-color: var(--unhealthy-for-sensitive-groups);
  }
}
.quiz[data-v-dfd9083e] .quiz-content .sponsor-container {
  margin: 0 0 24px;
  padding: 0;
}
.quiz[data-v-dfd9083e] .quiz-input {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.quiz[data-v-dfd9083e] .quiz-input input {
  height: 100%;
  opacity: 0;
  width: 100%;
  z-index: 1;
}
.quiz[data-v-dfd9083e] .quiz-input input:disabled {
  cursor: unset !important;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-input input:hover {
    cursor: pointer;
  }
}
.quiz[data-v-dfd9083e] .quiz-btn {
  background-color: var(--accent);
  border-radius: 0;
  color: var(--color-50);
  display: block;
  font-size: 0.875rem;
  margin-top: 24px;
  padding: 11px 11px 12px;
  text-align: center;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-btn {
    display: inline-block;
    left: 50%;
    padding: 11px 24px 12px;
    position: relative;
    transform: translate(-50%);
    width: auto;
  }
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-btn:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.quiz[data-v-dfd9083e] .quiz-btn.disabled {
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .quiz[data-v-dfd9083e] .quiz-btn.disabled {
    background-color: var(--accent-alt);
    cursor: context-menu !important;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-cec88e90] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-cec88e90] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-cec88e90],
  .comment-reply-bubble[data-v-cec88e90] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-cec88e90],
  .comment-reply-bubble[data-v-cec88e90] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cec88e90],
  .newsletter-header-form__submit[data-v-cec88e90] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cec88e90],
  .newsletter-header-form__submit[data-v-cec88e90] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cec88e90],
  .comment-title[data-v-cec88e90] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cec88e90],
  .comment-title[data-v-cec88e90] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-cec88e90] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-cec88e90] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-cec88e90] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-cec88e90] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-cec88e90] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-cec88e90] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-cec88e90] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-cec88e90] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-cec88e90] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-cec88e90] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-cec88e90] {
  margin-bottom: 16px;
}
.comment-header[data-v-cec88e90] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-cec88e90] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-cec88e90] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-cec88e90] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-cec88e90] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-cec88e90] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-cec88e90]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-cec88e90],
.comment-page .comment-header.is-sticky[data-v-cec88e90] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-cec88e90] {
  animation: slideInDown-cec88e90 0.32s ease-in-out;
}
@keyframes slideInDown-cec88e90 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cec88e90] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cec88e90] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cec88e90]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cec88e90]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cec88e90] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-cec88e90] {
  animation: slideOutUp-cec88e90 0.32s ease-in-out;
}
@keyframes slideOutUp-cec88e90 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-cec88e90] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-cec88e90] {
  margin-left: 8px;
}
.comment-title span[data-v-cec88e90] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-cec88e90] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-cec88e90] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-cec88e90] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-cec88e90]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-cec88e90] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-cec88e90] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-cec88e90] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-cec88e90] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-cec88e90] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-cec88e90],
.comment-page.post-fixed .comment-post-body[data-v-cec88e90] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-cec88e90] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-cec88e90] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-cec88e90] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-cec88e90] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-cec88e90] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-cec88e90] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-cec88e90] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-cec88e90] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-cec88e90] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-cec88e90],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-cec88e90] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-cec88e90] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-cec88e90] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-cec88e90],
.comment-page.post-fixed .comment-post-body.active[data-v-cec88e90] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-cec88e90],
  .comment-page.post-fixed .comment-post-body.active[data-v-cec88e90] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-cec88e90],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-cec88e90] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-cec88e90] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-cec88e90] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-cec88e90] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-cec88e90] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-cec88e90] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-cec88e90] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-cec88e90] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-cec88e90] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-cec88e90] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cec88e90] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-cec88e90]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-cec88e90]:focus,
.comment-input-field.textarea[data-v-cec88e90]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cec88e90]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-cec88e90] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-cec88e90] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cec88e90] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-cec88e90] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cec88e90] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cec88e90] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-cec88e90] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-cec88e90] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cec88e90]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-cec88e90] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-cec88e90],
.comment-send-btn.disabled .icon-send[data-v-cec88e90] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-cec88e90]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-cec88e90] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-cec88e90] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-cec88e90] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-cec88e90] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-cec88e90] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-cec88e90] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-cec88e90] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-cec88e90] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-cec88e90] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-cec88e90] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-cec88e90] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-cec88e90] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-cec88e90] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-cec88e90] {
  align-items: center;
  animation: blink-cec88e90 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-cec88e90 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-cec88e90] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-cec88e90] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-cec88e90] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-cec88e90] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-cec88e90] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-cec88e90] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-cec88e90]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-cec88e90] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-cec88e90] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-cec88e90] {
  margin: 0 0 0 -8px;
}
.newsletter-header-form[data-v-cec88e90] {
  display: flex;
  flex-wrap: wrap;
  height: 48px;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.newsletter-header-form.isExpanded[data-v-cec88e90] {
  height: 172px;
}
@media (min-width: 1024px) {
  .newsletter-header-form.isExpanded[data-v-cec88e90] {
    height: 96px;
  }
}
.newsletter-header-form .form-textbox[data-v-cec88e90] {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .newsletter-header-form .form-textbox[data-v-cec88e90] {
    margin-bottom: 20px;
    width: calc(100% - 148px);
  }
}
.newsletter-header-form .form-textbox[data-v-cec88e90]:focus-within:after {
  background-color: var(--color-900);
}
.newsletter-header-form .form-checkbox[data-v-cec88e90] {
  display: flex;
  margin-bottom: 16px;
  order: 2;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .newsletter-header-form .form-checkbox[data-v-cec88e90] {
    margin-bottom: 4px;
    order: unset;
    width: calc(100% - 148px);
  }
  .newsletter-header-form .form-checkbox[data-v-cec88e90]:hover {
    cursor: pointer;
  }
}
.newsletter-header-form .form-checkbox .checkbox[data-v-cec88e90] {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-100) no-repeat center/24px;
  border: 2px solid var(--color-300);
  border-radius: 0;
  display: flex;
  flex-basis: 24px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  outline: none;
  transition: all 0.2s;
  width: 24px;
}
.newsletter-header-form .form-checkbox .checkbox[data-v-cec88e90]:checked {
  border: 2px solid #0000;
}
.dark
  .newsletter-header-form
  .form-checkbox
  .checkbox[data-v-cec88e90]:checked {
  background: var(--accent) url(../index/kurir-checkmark-icon-dark.svg)
    no-repeat center/24px;
}
.light
  .newsletter-header-form
  .form-checkbox
  .checkbox[data-v-cec88e90]:checked {
  background: var(--accent) url(../index/kurir-checkmark-icon-light.svg)
    no-repeat center/24px;
}
@media (min-width: 1024px) {
  .newsletter-header-form .form-checkbox .checkbox[data-v-cec88e90]:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
  .newsletter-header-form
    .form-checkbox
    .checkbox[data-v-cec88e90]:hover:checked {
    background-color: var(--checkbox-hover);
  }
}
.newsletter-header-form .form-checkbox .form-label[data-v-cec88e90] {
  color: var(--color-900);
  font-size: 0.875rem;
  left: unset;
  line-height: 1.375rem;
  position: relative;
  top: unset;
}
@supports (font-variation-settings: normal) {
  .newsletter-header-form .form-checkbox .form-label[data-v-cec88e90] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .newsletter-header-form .form-checkbox .form-label[data-v-cec88e90] {
    font-weight: 500;
  }
}
.newsletter-header-form .form-checkbox a[data-v-cec88e90] {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-900);
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .newsletter-header-form .form-checkbox a[data-v-cec88e90]:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
    color: var(--accent-hover);
  }
}
.newsletter-header-form__submit[data-v-cec88e90] {
  background-color: var(--accent);
  border: none;
  color: var(--color-light-50);
  cursor: pointer;
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 0.875rem;
  height: 40px;
  line-height: 1.0625rem;
  order: 3;
  outline: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .newsletter-header-form__submit[data-v-cec88e90] {
    flex-basis: 140px;
    height: 48px;
    margin-bottom: 0;
    margin-left: 8px;
    order: unset;
  }
}
.newsletter-header-form__submit[data-v-cec88e90]:disabled {
  opacity: 0.42;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .newsletter-header-form__submit[data-v-cec88e90]:hover {
    background-color: var(--accent-hover);
  }
}
.newsletter-header-form .subscribe__btn[data-v-cec88e90] {
  align-items: center;
  background-color: var(--color-light-50);
  border: 2px solid var(--color-light-300);
  color: var(--color-light-900);
  cursor: pointer;
  display: flex;
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-stretch: normal;
  height: 40px;
  justify-content: center;
  padding: 8px 24px 8px 12px;
  text-align: left;
}
@supports (font-variation-settings: normal) {
  .newsletter-header-form .subscribe__btn[data-v-cec88e90] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .newsletter-header-form .subscribe__btn[data-v-cec88e90] {
    font-weight: 600;
  }
}
.newsletter-header-form .subscribe__btn-check[data-v-cec88e90],
.newsletter-header-form .subscribe__btn-plus[data-v-cec88e90] {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  width: 24px;
}
.newsletter-header-form .subscribe__btn-check[data-v-cec88e90] {
  color: var(--color-50);
  font-size: 21px;
}
.newsletter-header-form .subscribe__btn[data-v-cec88e90]:disabled {
  background-color: var(--accent);
  border: none;
  color: var(--color-50);
  pointer-events: none;
}
.newsletter-header-form .spinner-container[data-v-cec88e90],
.newsletter-header-form .subscribe-btn__wrapper[data-v-cec88e90] {
  align-items: center;
  display: flex;
  height: 48px;
}
.newsletter-header-form .spinner-container[data-v-cec88e90] {
  border-radius: 50%;
  color: var(--nav-extra-icon);
  margin-right: 8px;
  position: relative;
  transition: all 0.15s;
  width: 48px;
}
.newsletter-header-form .spinner-container[data-v-cec88e90] .spinner:before {
  left: 0;
  top: 12px;
}
@supports (font-variation-settings: normal) {
  .article-header-how-to .article-header-steps[data-v-26cbca41],
  .article-header-how-to .article-header-time[data-v-26cbca41],
  .comment-input-field[data-v-26cbca41] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-how-to .article-header-steps[data-v-26cbca41],
  .article-header-how-to .article-header-time[data-v-26cbca41],
  .comment-input-field[data-v-26cbca41] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-26cbca41],
  .comment-reply-bubble[data-v-26cbca41] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-26cbca41],
  .comment-reply-bubble[data-v-26cbca41] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .article-header-title[data-v-26cbca41],
  .comment-no-comment-info[data-v-26cbca41] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-title[data-v-26cbca41],
  .comment-no-comment-info[data-v-26cbca41] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-header-lead[data-v-26cbca41] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-lead[data-v-26cbca41] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-26cbca41],
  .comment-title[data-v-26cbca41] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-26cbca41],
  .comment-title[data-v-26cbca41] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-26cbca41] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-26cbca41] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-26cbca41] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-26cbca41] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-26cbca41] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-26cbca41] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-26cbca41] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-26cbca41] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-26cbca41] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-26cbca41] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-26cbca41] {
  margin-bottom: 16px;
}
.comment-header[data-v-26cbca41] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-26cbca41] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-26cbca41] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-26cbca41] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-26cbca41] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-26cbca41] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-26cbca41]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-26cbca41],
.comment-page .comment-header.is-sticky[data-v-26cbca41] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-26cbca41] {
  animation: slideInDown-26cbca41 0.32s ease-in-out;
}
@keyframes slideInDown-26cbca41 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-26cbca41] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-26cbca41] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-26cbca41]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-26cbca41]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-26cbca41] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-26cbca41] {
  animation: slideOutUp-26cbca41 0.32s ease-in-out;
}
@keyframes slideOutUp-26cbca41 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-26cbca41] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-26cbca41] {
  margin-left: 8px;
}
.comment-title span[data-v-26cbca41] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-26cbca41] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-26cbca41] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-26cbca41] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-26cbca41]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-26cbca41] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-26cbca41] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-26cbca41] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-26cbca41] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-26cbca41] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-26cbca41],
.comment-page.post-fixed .comment-post-body[data-v-26cbca41] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-26cbca41] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-26cbca41] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-26cbca41] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-26cbca41] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-26cbca41] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-26cbca41] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-26cbca41] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-26cbca41] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-26cbca41] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-26cbca41],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-26cbca41] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-26cbca41] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-26cbca41] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-26cbca41],
.comment-page.post-fixed .comment-post-body.active[data-v-26cbca41] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-26cbca41],
  .comment-page.post-fixed .comment-post-body.active[data-v-26cbca41] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-26cbca41],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-26cbca41] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-26cbca41] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-26cbca41] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-26cbca41] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-26cbca41] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-26cbca41] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-26cbca41] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-26cbca41] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-26cbca41] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-26cbca41] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-26cbca41] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-26cbca41]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-26cbca41]:focus,
.comment-input-field.textarea[data-v-26cbca41]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-26cbca41]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-26cbca41] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-26cbca41] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-26cbca41] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-26cbca41] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-26cbca41] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-26cbca41] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-26cbca41] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-26cbca41] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-26cbca41]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-26cbca41] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-26cbca41],
.comment-send-btn.disabled .icon-send[data-v-26cbca41] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-26cbca41]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-26cbca41] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-26cbca41] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-26cbca41] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-26cbca41] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-26cbca41] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-26cbca41] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-26cbca41] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-26cbca41] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-26cbca41] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-26cbca41] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-26cbca41] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-26cbca41] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-26cbca41] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-26cbca41] {
  align-items: center;
  animation: blink-26cbca41 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-26cbca41 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-26cbca41] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-26cbca41] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-26cbca41] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-26cbca41] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-26cbca41] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-26cbca41] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-26cbca41]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-26cbca41] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-26cbca41] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-26cbca41] {
  margin: 0 0 0 -8px;
}
.article-header[data-v-26cbca41] {
  margin-bottom: 16px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-header[data-v-26cbca41] {
    margin-bottom: 24px;
  }
}
.article-main .article-header .article-divider[data-v-26cbca41] {
  background-color: var(--color-200);
  display: block;
  height: 0;
  margin: 16px 0 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .article-main .article-header .article-divider[data-v-26cbca41] {
    height: 1px;
    margin: 15px 0 20px;
  }
}
.article-header-wrap[data-v-26cbca41] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article-header-container[data-v-26cbca41] {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}
@media (min-width: 429px) {
  .article-header-container[data-v-26cbca41] {
    max-width: 428px;
  }
}
.article-header-title[data-v-26cbca41] {
  color: var(--article-title);
  font-size: 1.375rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .article-header-title[data-v-26cbca41] {
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}
.article-header-author-share[data-v-26cbca41] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .article-header-author-share[data-v-26cbca41] {
    margin-top: 20px;
  }
}
.article-header-author-share.has-engagement-bar-left
  .article-engagement-bar[data-v-26cbca41] {
  margin-left: 0;
}
.article-header-author-share.has-engagement-bar-left
  .article-engagement-bar[data-v-26cbca41]:before {
  display: none;
}
.article-header-author-date[data-v-26cbca41] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}
.article-header-author-date.has-author-image[data-v-26cbca41] {
  padding-left: 32px;
}
.article-header-author-date .author-list[data-v-26cbca41] {
  display: flex;
  flex-wrap: wrap;
}
.article-header-author-date
  .author-list
  + .article-header-date[data-v-26cbca41] {
  margin-top: 4px;
}
.article-header-author-date .author[data-v-26cbca41] {
  display: block;
}
.article-header-author__container[data-v-26cbca41] {
  align-items: center;
  display: flex;
  margin: 20px 0 16px;
}
.article-header-date[data-v-26cbca41] {
  align-items: center;
  color: var(--article-header-intro-comma-timestamp);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
@media (min-width: 1024px) {
  .article-header-date[data-v-26cbca41] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
.article-header-how-to[data-v-26cbca41] {
  margin-top: 16px;
}
.article-header-how-to .article-header-steps[data-v-26cbca41],
.article-header-how-to .article-header-time[data-v-26cbca41] {
  color: var(--article-title);
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.5rem;
  position: relative;
}
.article-header-steps[data-v-26cbca41]:after,
.article-header-steps[data-v-26cbca41]:before,
.article-header-time[data-v-26cbca41]:after,
.article-header-time[data-v-26cbca41]:before {
  font-family: icons;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-header-steps[data-v-26cbca41] {
  padding-left: 20px;
}
.article-header-steps[data-v-26cbca41]:before {
  content: "";
}
.article-header-time[data-v-26cbca41] {
  padding-left: 20px;
}
.article-header-time[data-v-26cbca41]:after {
  content: "";
}
.article-header-how-to .article-header-time[data-v-26cbca41] {
  margin-left: 12px;
  padding-left: 33px;
}
.article-header-how-to .article-header-time[data-v-26cbca41]:before {
  background-color: #ffffff1f;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  width: 1px;
}
.article-header-how-to .article-header-time[data-v-26cbca41]:after {
  left: 13px;
}
.article-header-labels[data-v-26cbca41] {
  position: relative;
}
.article-header-lead[data-v-26cbca41] {
  color: var(--article-lead);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .article-header-lead[data-v-26cbca41] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 24px;
  }
}
.article-header[data-v-26cbca41] .article-engagement-bar {
  align-items: center;
  background-color: unset;
  border-radius: 0;
  box-shadow: unset;
  display: flex;
  margin: 0 0 0 8px;
  padding: 0;
  position: relative;
  width: auto;
}
.article-header[data-v-26cbca41] .article-engagement-bar:before {
  background-color: var(--engagement-divider);
  content: "";
  display: block;
  height: 24px;
  left: -8px;
  margin: 0 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.article-header[data-v-26cbca41] .article-engagement-bar .comment-action-copy {
  display: none;
}
@media (min-width: 1024px) {
  .article-header[data-v-26cbca41]
    .article-engagement-bar
    .comment-action-copy {
    display: inline-block;
    margin-left: 4px;
  }
}
.article-header[data-v-26cbca41] .card-engagement-bar__left {
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .article-header[data-v-26cbca41] .card-engagement-bar__left {
    flex-grow: 0;
  }
}
.article-header[data-v-26cbca41] .card-labels:after {
  display: none;
}
.article-header[data-v-26cbca41] .breadcrumbs .breadcrumbs-link {
  margin: 0 4px;
}
.article-header[data-v-26cbca41] .breadcrumbs .breadcrumbs-link:first-child {
  margin-left: 0;
}
.article-header[data-v-26cbca41] .breadcrumbs .icon-chevron--right {
  font-size: 0.75rem;
}
.article-header-labels + .article-header-title[data-v-26cbca41] {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .article-header-labels + .article-header-title[data-v-26cbca41] {
    margin-top: 10px;
  }
}
.article-divider + .article-header-labels[data-v-26cbca41] {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .newsletter-header[data-v-26cbca41] {
    margin-bottom: 20px;
  }
}
.newsletter-header .breadcrumbs-wrap[data-v-26cbca41] {
  margin-bottom: 20px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .newsletter-header .breadcrumbs-wrap[data-v-26cbca41] {
    margin-bottom: 15px;
  }
}
.newsletter-header .breadcrumbs-wrap[data-v-26cbca41] .breadcrumbs {
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .newsletter-header .article-header-image[data-v-26cbca41] {
    margin: 0 -24px;
    width: calc(100% + 48px);
  }
}
.newsletter-header .article-header-image[data-v-26cbca41] img {
  display: block;
  width: 100%;
}
.newsletter-header .article-header-title[data-v-26cbca41] {
  margin-top: 20px;
}
.newsletter-header .article-header-lead[data-v-26cbca41] {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .newsletter-header .article-header-lead[data-v-26cbca41] {
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.newsletter-header[data-v-26cbca41] .card-label-wrap {
  align-items: unset;
  justify-content: unset;
  margin-bottom: 0;
  margin-top: 20px;
}
.newsletter-header .article-header-subscribe__btn[data-v-26cbca41] {
  align-items: center;
  background-color: var(--color-light-50);
  border: 2px solid var(--color-light-300);
  border-radius: 3px;
  color: var(--color-light-900);
  display: flex;
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 14px;
  font-stretch: normal;
  height: 40px;
  justify-content: center;
  padding: 8px 24px 8px 12px;
  text-align: left;
}
@supports (font-variation-settings: normal) {
  .newsletter-header .article-header-subscribe__btn[data-v-26cbca41] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .newsletter-header .article-header-subscribe__btn[data-v-26cbca41] {
    font-weight: 600;
  }
}
.newsletter-header .article-header-subscribe__btn-check[data-v-26cbca41],
.newsletter-header .article-header-subscribe__btn-plus[data-v-26cbca41] {
  align-items: center;
  display: flex;
  font-size: 1.25rem;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  width: 24px;
}
.newsletter-header .article-header-subscribe__btn-plus[data-v-26cbca41] {
  font-size: 1.25rem;
}
.newsletter-header .article-header-subscribe__btn-check[data-v-26cbca41] {
  color: var(--accent-alt-dark);
  font-size: 22px;
}
.newsletter-header .article-header-subscribe__btn[data-v-26cbca41]:disabled {
  background-color: initial;
  border: none;
  color: var(--color-dark-900);
  padding: 8px 0;
  pointer-events: none;
}
.newsletter-header .spinner-container[data-v-26cbca41],
.newsletter-header .subscribe-btn__wrapper[data-v-26cbca41] {
  align-items: center;
  display: flex;
  height: 48px;
}
.newsletter-header .spinner-container[data-v-26cbca41] {
  border-radius: 50%;
  color: var(--nav-extra-icon);
  margin-right: 8px;
  position: relative;
  transition: all 0.15s;
  width: 48px;
}
.newsletter-header .spinner-container[data-v-26cbca41] .spinner:before {
  left: 0;
  top: 12px;
}
.newsletter-header .card-label-wrap.is-secondary[data-v-26cbca41] {
  color: var(--accent);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ea866f12] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ea866f12] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ea866f12],
  .comment-reply-bubble[data-v-ea866f12] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ea866f12],
  .comment-reply-bubble[data-v-ea866f12] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ea866f12] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ea866f12] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ea866f12],
  .comment-title[data-v-ea866f12] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ea866f12],
  .comment-title[data-v-ea866f12] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ea866f12] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ea866f12] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ea866f12] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ea866f12] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ea866f12] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ea866f12] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ea866f12] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ea866f12] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ea866f12] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ea866f12] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ea866f12] {
  margin-bottom: 16px;
}
.comment-header[data-v-ea866f12] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ea866f12] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ea866f12] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ea866f12] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ea866f12] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ea866f12] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ea866f12]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ea866f12],
.comment-page .comment-header.is-sticky[data-v-ea866f12] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ea866f12] {
  animation: slideInDown-ea866f12 0.32s ease-in-out;
}
@keyframes slideInDown-ea866f12 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ea866f12] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ea866f12] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ea866f12]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ea866f12]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ea866f12] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ea866f12] {
  animation: slideOutUp-ea866f12 0.32s ease-in-out;
}
@keyframes slideOutUp-ea866f12 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ea866f12] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ea866f12] {
  margin-left: 8px;
}
.comment-title span[data-v-ea866f12] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ea866f12] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ea866f12] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ea866f12] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ea866f12]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ea866f12] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ea866f12] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ea866f12] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ea866f12] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ea866f12] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ea866f12],
.comment-page.post-fixed .comment-post-body[data-v-ea866f12] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ea866f12] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ea866f12] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ea866f12] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ea866f12] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ea866f12] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ea866f12] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ea866f12] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ea866f12] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ea866f12] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ea866f12],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ea866f12] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ea866f12] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ea866f12] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ea866f12],
.comment-page.post-fixed .comment-post-body.active[data-v-ea866f12] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ea866f12],
  .comment-page.post-fixed .comment-post-body.active[data-v-ea866f12] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ea866f12],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ea866f12] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ea866f12] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ea866f12] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ea866f12] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ea866f12] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ea866f12] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ea866f12] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ea866f12] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ea866f12] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ea866f12] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ea866f12] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ea866f12]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ea866f12]:focus,
.comment-input-field.textarea[data-v-ea866f12]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ea866f12]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ea866f12] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ea866f12] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ea866f12] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ea866f12] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ea866f12] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ea866f12] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ea866f12] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ea866f12] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ea866f12]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ea866f12] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ea866f12],
.comment-send-btn.disabled .icon-send[data-v-ea866f12] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ea866f12]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ea866f12] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ea866f12] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ea866f12] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ea866f12] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ea866f12] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ea866f12] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ea866f12] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ea866f12] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ea866f12] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ea866f12] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ea866f12] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ea866f12] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ea866f12] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ea866f12] {
  align-items: center;
  animation: blink-ea866f12 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ea866f12 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ea866f12] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ea866f12] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ea866f12] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ea866f12] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ea866f12] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ea866f12] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ea866f12]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ea866f12] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ea866f12] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ea866f12] {
  margin: 0 0 0 -8px;
}
.list-header-simple[data-v-ea866f12] {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px;
  position: relative;
}
.list-header-simple[data-v-ea866f12]:after {
  background-color: var(--color-200);
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  margin: 8px 0;
  position: absolute;
  width: calc(100% - 16px);
}
.list-header-simple__title[data-v-ea866f12] {
  color: var(--color-900);
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: 1rem;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .list-header-simple__title[data-v-ea866f12] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .list-header-simple__title[data-v-ea866f12] {
    font-weight: 800;
  }
}
.list-header-simple__icon[data-v-ea866f12] {
  align-items: center;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.list-header-simple__icon [class^="icon-"][data-v-ea866f12] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .list-header-simple__icon[data-v-ea866f12]:hover {
    background-color: var(--color-200);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-8f3125e9],
  .newsletter-info[data-v-8f3125e9] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-8f3125e9],
  .newsletter-info[data-v-8f3125e9] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-8f3125e9],
  .comment-reply-bubble[data-v-8f3125e9] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-8f3125e9],
  .comment-reply-bubble[data-v-8f3125e9] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8f3125e9] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8f3125e9] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8f3125e9],
  .comment-title[data-v-8f3125e9] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8f3125e9],
  .comment-title[data-v-8f3125e9] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-8f3125e9] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-8f3125e9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-8f3125e9] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-8f3125e9] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-8f3125e9] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-8f3125e9] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-8f3125e9] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-8f3125e9] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-8f3125e9] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-8f3125e9] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-8f3125e9] {
  margin-bottom: 16px;
}
.comment-header[data-v-8f3125e9] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-8f3125e9] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-8f3125e9] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-8f3125e9] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-8f3125e9] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-8f3125e9] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-8f3125e9]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-8f3125e9],
.comment-page .comment-header.is-sticky[data-v-8f3125e9] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-8f3125e9] {
  animation: slideInDown-8f3125e9 0.32s ease-in-out;
}
@keyframes slideInDown-8f3125e9 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8f3125e9] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8f3125e9] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8f3125e9]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8f3125e9]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8f3125e9] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-8f3125e9] {
  animation: slideOutUp-8f3125e9 0.32s ease-in-out;
}
@keyframes slideOutUp-8f3125e9 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-8f3125e9] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-8f3125e9] {
  margin-left: 8px;
}
.comment-title span[data-v-8f3125e9] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-8f3125e9] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-8f3125e9] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-8f3125e9] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-8f3125e9]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-8f3125e9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-8f3125e9] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-8f3125e9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-8f3125e9] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-8f3125e9] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-8f3125e9],
.comment-page.post-fixed .comment-post-body[data-v-8f3125e9] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-8f3125e9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-8f3125e9] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-8f3125e9] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-8f3125e9] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-8f3125e9] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-8f3125e9] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-8f3125e9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-8f3125e9] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-8f3125e9] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-8f3125e9],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-8f3125e9] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-8f3125e9] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-8f3125e9] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-8f3125e9],
.comment-page.post-fixed .comment-post-body.active[data-v-8f3125e9] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-8f3125e9],
  .comment-page.post-fixed .comment-post-body.active[data-v-8f3125e9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-8f3125e9],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-8f3125e9] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-8f3125e9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-8f3125e9] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-8f3125e9] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-8f3125e9] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-8f3125e9] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-8f3125e9] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-8f3125e9] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-8f3125e9] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-8f3125e9] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8f3125e9] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-8f3125e9]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-8f3125e9]:focus,
.comment-input-field.textarea[data-v-8f3125e9]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8f3125e9]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-8f3125e9] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-8f3125e9] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8f3125e9] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-8f3125e9] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8f3125e9] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8f3125e9] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-8f3125e9] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-8f3125e9] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8f3125e9]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-8f3125e9] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-8f3125e9],
.comment-send-btn.disabled .icon-send[data-v-8f3125e9] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-8f3125e9]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-8f3125e9] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-8f3125e9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-8f3125e9] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-8f3125e9] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-8f3125e9] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-8f3125e9] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-8f3125e9] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-8f3125e9] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-8f3125e9] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-8f3125e9] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-8f3125e9] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-8f3125e9] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-8f3125e9] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-8f3125e9] {
  align-items: center;
  animation: blink-8f3125e9 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-8f3125e9 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-8f3125e9] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-8f3125e9] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-8f3125e9] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-8f3125e9] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-8f3125e9] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-8f3125e9] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-8f3125e9]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-8f3125e9] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-8f3125e9] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-8f3125e9] {
  margin: 0 0 0 -8px;
}
[data-v-8f3125e9] .list-header-simple {
  padding: 8px 0;
}
.newsletter-info[data-v-8f3125e9] {
  color: var(--color-900);
  word-break: break-word;
}
.newsletter-info[data-v-8f3125e9] p {
  font-size: 1.0625rem;
  line-height: 1.59;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .newsletter-info[data-v-8f3125e9] p {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    margin-bottom: 24px;
  }
}
.list-header-simple[data-v-8f3125e9]:after {
  width: 100%;
}
.newsletter-body-main[data-v-8f3125e9] {
  margin: 0 -8px;
}
.newsletter-body-main img[data-v-8f3125e9] {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .newsletter-body-main[data-v-8f3125e9] {
    margin: 0 -32px;
  }
}
.newsletter-body-footer[data-v-8f3125e9] {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 24px 0;
}
@media (min-width: 1024px) {
  .newsletter-body-footer[data-v-8f3125e9] {
    justify-content: flex-start;
  }
}
.newsletter-body-footer__text[data-v-8f3125e9] {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
.card-engagement-bar[data-v-8f3125e9] {
  width: auto;
}
[data-v-8f3125e9]
  .card-engagement-bar
  .card-engagement-bar__right.disabled-comments
  .tooltip-box {
  left: auto;
  right: 0;
}
@media (min-width: 1024px) {
  [data-v-8f3125e9]
    .card-engagement-bar
    .card-engagement-bar__right.disabled-comments
    .tooltip-box {
    left: unset;
    right: 0;
    transform: translateY(-100%) translate(43%);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7bcb24e4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7bcb24e4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7bcb24e4],
  .comment-reply-bubble[data-v-7bcb24e4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7bcb24e4],
  .comment-reply-bubble[data-v-7bcb24e4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7bcb24e4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7bcb24e4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7bcb24e4],
  .comment-title[data-v-7bcb24e4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7bcb24e4],
  .comment-title[data-v-7bcb24e4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7bcb24e4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7bcb24e4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7bcb24e4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7bcb24e4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7bcb24e4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7bcb24e4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7bcb24e4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7bcb24e4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7bcb24e4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7bcb24e4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7bcb24e4] {
  margin-bottom: 16px;
}
.comment-header[data-v-7bcb24e4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7bcb24e4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7bcb24e4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7bcb24e4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7bcb24e4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7bcb24e4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7bcb24e4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7bcb24e4],
.comment-page .comment-header.is-sticky[data-v-7bcb24e4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7bcb24e4] {
  animation: slideInDown-7bcb24e4 0.32s ease-in-out;
}
@keyframes slideInDown-7bcb24e4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7bcb24e4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7bcb24e4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7bcb24e4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7bcb24e4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7bcb24e4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7bcb24e4] {
  animation: slideOutUp-7bcb24e4 0.32s ease-in-out;
}
@keyframes slideOutUp-7bcb24e4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7bcb24e4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7bcb24e4] {
  margin-left: 8px;
}
.comment-title span[data-v-7bcb24e4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7bcb24e4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7bcb24e4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7bcb24e4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7bcb24e4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7bcb24e4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7bcb24e4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7bcb24e4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7bcb24e4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7bcb24e4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7bcb24e4],
.comment-page.post-fixed .comment-post-body[data-v-7bcb24e4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7bcb24e4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7bcb24e4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7bcb24e4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7bcb24e4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7bcb24e4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7bcb24e4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7bcb24e4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7bcb24e4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7bcb24e4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7bcb24e4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7bcb24e4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7bcb24e4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7bcb24e4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7bcb24e4],
.comment-page.post-fixed .comment-post-body.active[data-v-7bcb24e4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7bcb24e4],
  .comment-page.post-fixed .comment-post-body.active[data-v-7bcb24e4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7bcb24e4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7bcb24e4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7bcb24e4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7bcb24e4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7bcb24e4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7bcb24e4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7bcb24e4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7bcb24e4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7bcb24e4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7bcb24e4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7bcb24e4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7bcb24e4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7bcb24e4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7bcb24e4]:focus,
.comment-input-field.textarea[data-v-7bcb24e4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7bcb24e4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7bcb24e4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7bcb24e4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7bcb24e4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7bcb24e4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7bcb24e4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7bcb24e4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7bcb24e4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7bcb24e4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7bcb24e4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7bcb24e4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7bcb24e4],
.comment-send-btn.disabled .icon-send[data-v-7bcb24e4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7bcb24e4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7bcb24e4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7bcb24e4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7bcb24e4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7bcb24e4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7bcb24e4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7bcb24e4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7bcb24e4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7bcb24e4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7bcb24e4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7bcb24e4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7bcb24e4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7bcb24e4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7bcb24e4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7bcb24e4] {
  align-items: center;
  animation: blink-7bcb24e4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7bcb24e4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7bcb24e4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7bcb24e4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7bcb24e4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7bcb24e4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7bcb24e4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7bcb24e4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7bcb24e4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7bcb24e4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7bcb24e4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7bcb24e4] {
  margin: 0 0 0 -8px;
}
.image-label-wrap[data-v-7bcb24e4] {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  font-size: 0.6875rem;
  gap: 4px;
  height: 20px;
  justify-content: center;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin: 0 4px 0 0;
  min-width: 20px;
  padding: 1px 3px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .image-label-wrap[data-v-7bcb24e4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .image-label-wrap[data-v-7bcb24e4] {
    font-weight: 800;
  }
}
.in-grid .image-label-wrap[data-v-7bcb24e4] {
  height: 24px;
  min-width: 24px;
  padding: 1px 5px;
}
@media (min-width: 1024px) {
  .image-label-wrap[data-v-7bcb24e4] {
    height: 24px;
    min-width: 24px;
    padding: 1px 5px;
  }
}
.image-label-wrap[data-v-7bcb24e4]:last-of-type {
  margin-right: 0;
}
.image-label-wrap.is-photo[data-v-7bcb24e4] {
  background-color: var(--color-50);
  color: var(--color-900);
  width: 20px;
}
.in-grid .image-label-wrap.is-photo[data-v-7bcb24e4] {
  width: 24px;
}
@media (min-width: 1024px) {
  .image-label-wrap.is-photo[data-v-7bcb24e4] {
    width: 24px;
  }
}
.image-label-wrap.is-photo[data-v-7bcb24e4] [class^="icon-"] {
  margin-right: 0;
}
.image-label-wrap.is-photo .icon-camera[data-v-7bcb24e4]:before {
  display: block;
  font-size: 0.875rem;
  height: 14px;
  width: 14px;
}
.in-grid .image-label-wrap.is-photo .icon-camera[data-v-7bcb24e4]:before {
  font-size: 1rem;
  height: 16px;
  width: 16px;
}
@media (min-width: 1024px) {
  .image-label-wrap.is-photo .icon-camera[data-v-7bcb24e4]:before {
    font-size: 1rem;
    height: 16px;
    width: 16px;
  }
}
.image-label-wrap.is-video[data-v-7bcb24e4] {
  background-color: var(--video-indication-surface);
  color: var(--video-indication-elements);
  line-height: 1rem;
  width: 16px;
}
@supports (font-variation-settings: normal) {
  .image-label-wrap.is-video[data-v-7bcb24e4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .image-label-wrap.is-video[data-v-7bcb24e4] {
    font-weight: 600;
  }
}
.in-grid .image-label-wrap.is-video[data-v-7bcb24e4] {
  width: 24px;
}
@media (min-width: 1024px) {
  .image-label-wrap.is-video[data-v-7bcb24e4] {
    width: 24px;
  }
}
.image-label-wrap.is-video .icon-play[data-v-7bcb24e4]:before {
  display: block;
  font-size: 0.875rem;
  height: 14px;
  width: 14px;
}
.in-grid .image-label-wrap.is-video .icon-play[data-v-7bcb24e4]:before {
  font-size: 1rem;
  height: 16px;
  width: 16px;
}
@media (min-width: 1024px) {
  .image-label-wrap.is-video .icon-play[data-v-7bcb24e4]:before {
    font-size: 1rem;
    height: 16px;
    width: 16px;
  }
}
.image-label-wrap.is-breaking-news[data-v-7bcb24e4] {
  background-color: var(--accent);
  color: var(--color-light-50);
  height: 24px;
  letter-spacing: 0.6px;
  overflow: hidden;
  padding-left: 24px;
  padding-right: 8px;
}
.image-label-wrap.is-breaking-news[data-v-7bcb24e4] .circle {
  background-color: var(--color-light-50);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-bfe3fef1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-bfe3fef1] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-bfe3fef1],
  .comment-reply-bubble[data-v-bfe3fef1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-bfe3fef1],
  .comment-reply-bubble[data-v-bfe3fef1] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-bfe3fef1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-bfe3fef1] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-bfe3fef1],
  .comment-title[data-v-bfe3fef1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-bfe3fef1],
  .comment-title[data-v-bfe3fef1] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-bfe3fef1] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-bfe3fef1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-bfe3fef1] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-bfe3fef1] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-bfe3fef1] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-bfe3fef1] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-bfe3fef1] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-bfe3fef1] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-bfe3fef1] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-bfe3fef1] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-bfe3fef1] {
  margin-bottom: 16px;
}
.comment-header[data-v-bfe3fef1] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-bfe3fef1] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-bfe3fef1] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-bfe3fef1] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-bfe3fef1] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-bfe3fef1] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-bfe3fef1]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-bfe3fef1],
.comment-page .comment-header.is-sticky[data-v-bfe3fef1] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-bfe3fef1] {
  animation: slideInDown-bfe3fef1 0.32s ease-in-out;
}
@keyframes slideInDown-bfe3fef1 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-bfe3fef1] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-bfe3fef1] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-bfe3fef1]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-bfe3fef1]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-bfe3fef1] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-bfe3fef1] {
  animation: slideOutUp-bfe3fef1 0.32s ease-in-out;
}
@keyframes slideOutUp-bfe3fef1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-bfe3fef1] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-bfe3fef1] {
  margin-left: 8px;
}
.comment-title span[data-v-bfe3fef1] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-bfe3fef1] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-bfe3fef1] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-bfe3fef1] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-bfe3fef1]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-bfe3fef1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-bfe3fef1] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-bfe3fef1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-bfe3fef1] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-bfe3fef1] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-bfe3fef1],
.comment-page.post-fixed .comment-post-body[data-v-bfe3fef1] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-bfe3fef1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-bfe3fef1] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-bfe3fef1] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-bfe3fef1] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-bfe3fef1] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-bfe3fef1] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-bfe3fef1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-bfe3fef1] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-bfe3fef1] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-bfe3fef1],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-bfe3fef1] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-bfe3fef1] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-bfe3fef1] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-bfe3fef1],
.comment-page.post-fixed .comment-post-body.active[data-v-bfe3fef1] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-bfe3fef1],
  .comment-page.post-fixed .comment-post-body.active[data-v-bfe3fef1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-bfe3fef1],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-bfe3fef1] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-bfe3fef1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-bfe3fef1] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-bfe3fef1] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-bfe3fef1] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-bfe3fef1] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-bfe3fef1] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-bfe3fef1] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-bfe3fef1] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-bfe3fef1] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-bfe3fef1] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-bfe3fef1]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-bfe3fef1]:focus,
.comment-input-field.textarea[data-v-bfe3fef1]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-bfe3fef1]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-bfe3fef1] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-bfe3fef1] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-bfe3fef1] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-bfe3fef1] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-bfe3fef1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-bfe3fef1] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-bfe3fef1] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-bfe3fef1] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-bfe3fef1]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-bfe3fef1] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-bfe3fef1],
.comment-send-btn.disabled .icon-send[data-v-bfe3fef1] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-bfe3fef1]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-bfe3fef1] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-bfe3fef1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-bfe3fef1] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-bfe3fef1] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-bfe3fef1] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-bfe3fef1] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-bfe3fef1] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-bfe3fef1] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-bfe3fef1] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-bfe3fef1] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-bfe3fef1] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-bfe3fef1] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-bfe3fef1] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-bfe3fef1] {
  align-items: center;
  animation: blink-bfe3fef1 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-bfe3fef1 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-bfe3fef1] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-bfe3fef1] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-bfe3fef1] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-bfe3fef1] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-bfe3fef1] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-bfe3fef1] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-bfe3fef1]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-bfe3fef1] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-bfe3fef1] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-bfe3fef1] {
  margin: 0 0 0 -8px;
}
.card-multimedia[data-v-bfe3fef1] {
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.multimedia-icon-wrapper[data-v-bfe3fef1] {
  bottom: 4px;
  position: absolute;
  right: 4px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3207e617] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3207e617] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3207e617],
  .comment-reply-bubble[data-v-3207e617] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3207e617],
  .comment-reply-bubble[data-v-3207e617] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3207e617] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3207e617] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3207e617],
  .comment-title[data-v-3207e617] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3207e617],
  .comment-title[data-v-3207e617] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3207e617] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3207e617] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3207e617] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3207e617] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3207e617] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3207e617] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3207e617] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3207e617] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3207e617] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3207e617] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3207e617] {
  margin-bottom: 16px;
}
.comment-header[data-v-3207e617] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3207e617] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3207e617] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3207e617] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3207e617] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3207e617] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3207e617]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3207e617],
.comment-page .comment-header.is-sticky[data-v-3207e617] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3207e617] {
  animation: slideInDown-3207e617 0.32s ease-in-out;
}
@keyframes slideInDown-3207e617 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3207e617] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3207e617] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3207e617]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3207e617]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3207e617] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3207e617] {
  animation: slideOutUp-3207e617 0.32s ease-in-out;
}
@keyframes slideOutUp-3207e617 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3207e617] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3207e617] {
  margin-left: 8px;
}
.comment-title span[data-v-3207e617] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3207e617] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3207e617] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3207e617] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3207e617]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3207e617] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3207e617] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3207e617] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3207e617] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3207e617] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3207e617],
.comment-page.post-fixed .comment-post-body[data-v-3207e617] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3207e617] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3207e617] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3207e617] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3207e617] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3207e617] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3207e617] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3207e617] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3207e617] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3207e617] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3207e617],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3207e617] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3207e617] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3207e617] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3207e617],
.comment-page.post-fixed .comment-post-body.active[data-v-3207e617] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3207e617],
  .comment-page.post-fixed .comment-post-body.active[data-v-3207e617] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3207e617],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3207e617] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3207e617] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3207e617] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3207e617] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3207e617] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3207e617] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3207e617] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3207e617] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3207e617] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3207e617] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3207e617] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3207e617]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3207e617]:focus,
.comment-input-field.textarea[data-v-3207e617]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3207e617]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3207e617] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3207e617] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3207e617] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3207e617] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3207e617] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3207e617] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3207e617] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3207e617] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3207e617]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3207e617] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3207e617],
.comment-send-btn.disabled .icon-send[data-v-3207e617] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3207e617]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3207e617] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3207e617] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3207e617] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3207e617] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3207e617] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3207e617] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3207e617] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3207e617] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3207e617] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3207e617] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3207e617] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3207e617] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3207e617] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3207e617] {
  align-items: center;
  animation: blink-3207e617 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3207e617 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3207e617] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3207e617] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3207e617] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3207e617] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3207e617] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3207e617] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3207e617]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3207e617] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3207e617] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3207e617] {
  margin: 0 0 0 -8px;
}
.card-link[data-v-3207e617] {
  display: block;
}
.card-c[data-v-3207e617] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  width: 100%;
}
.card-c.in-grid[data-v-3207e617] {
  height: 100%;
}
.content-wrapper[data-v-3207e617] {
  display: flex;
  flex-direction: row;
}
.in-grid .content-wrapper[data-v-3207e617] {
  flex-direction: column;
  justify-content: stretch;
}
@media (min-width: 1024px) {
  .in-grid .content-wrapper[data-v-3207e617] {
    height: 100%;
  }
  .is-narrow-card .content-wrapper[data-v-3207e617] {
    flex-direction: column;
  }
}
.card-image[data-v-3207e617] {
  aspect-ratio: 1/1;
  height: 108px;
  min-width: 108px;
  overflow: hidden;
  width: 108px;
}
@media (min-width: 1024px) {
  .card-image[data-v-3207e617] {
    aspect-ratio: 3/2;
    height: 72px;
  }
}
.card-image[data-v-3207e617] picture img,
.card-image[data-v-3207e617] picture {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .in-feed .card-image[data-v-3207e617] {
    aspect-ratio: 3/2;
    height: 100%;
    min-width: 200px;
    order: 1;
    width: 200px;
  }
  .in-sidebar .card-image[data-v-3207e617] {
    order: 2;
  }
}
.in-grid .card-image[data-v-3207e617] {
  aspect-ratio: 3/2;
  height: unset;
  margin-bottom: 8px;
  order: 1;
  width: 100%;
}
.is-narrow-card .card-image[data-v-3207e617] {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .is-narrow-card .card-image[data-v-3207e617] {
    aspect-ratio: 16/9;
    height: unset;
    margin-bottom: 8px;
    order: 1;
    width: 100%;
  }
}
.in-feed:not(.in-grid) .card-image[data-v-3207e617] {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .in-feed:not(.in-grid) .card-image[data-v-3207e617] {
    margin-bottom: 0;
  }
}
.in-sidebar .card-image[data-v-3207e617] {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .in-sidebar .card-image[data-v-3207e617] {
    margin-bottom: 0;
  }
}
.card-image.no-engagement-bar[data-v-3207e617],
.is-narrow-card .card-image.no-engagement-bar[data-v-3207e617],
.is-narrow-card .no-engagement-bar .card-image[data-v-3207e617],
.no-engagement-bar .card-image[data-v-3207e617] {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .is-narrow-card .card-image.no-engagement-bar[data-v-3207e617],
  .is-narrow-card .no-engagement-bar .card-image[data-v-3207e617] {
    margin-bottom: 8px;
  }
}
.in-grid .card-image.no-engagement-bar[data-v-3207e617],
.in-grid .no-engagement-bar .card-image[data-v-3207e617] {
  margin-bottom: 8px;
}
.card-labels[data-v-3207e617] {
  overflow: hidden;
  position: relative;
}
.card-labels.top-labels[data-v-3207e617] {
  display: none;
}
@media (min-width: 1024px) {
  .card-labels.top-labels[data-v-3207e617] {
    display: none;
  }
  .in-sidebar .card-labels.top-labels[data-v-3207e617] {
    display: block;
  }
}
.in-grid .card-labels.top-labels[data-v-3207e617] {
  display: none;
}
@media (min-width: 1024px) {
  .is-narrow-card .card-labels.top-labels[data-v-3207e617] {
    display: none;
  }
}
.card-labels.in-content[data-v-3207e617],
.in-grid .card-labels.in-content[data-v-3207e617] {
  display: block;
}
.main-6-news
  .box-container.is-split
  .in-grid
  .card-labels.in-content[data-v-3207e617] {
  display: none;
}
@media (min-width: 1024px) {
  .card-labels.in-content[data-v-3207e617],
  .is-narrow-card .card-labels.in-content[data-v-3207e617],
  .main-6-news
    .box-container.is-split
    .in-grid
    .card-labels.in-content[data-v-3207e617] {
    display: block;
  }
  .in-sidebar .card-labels.in-content[data-v-3207e617] {
    display: none;
  }
}
.card-content[data-v-3207e617] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  order: 2;
  overflow: hidden;
  padding-left: 8px;
}
.in-grid .card-content[data-v-3207e617] {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .card-content[data-v-3207e617] {
    padding-left: 8px;
  }
  .in-sidebar .card-content[data-v-3207e617] {
    order: 1;
    padding-left: 0;
    padding-right: 8px;
  }
  .in-grid .card-content[data-v-3207e617],
  .is-narrow-card .card-content[data-v-3207e617] {
    padding-left: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .in-grid .card-content[data-v-3207e617],
  .is-narrow-card .card-content[data-v-3207e617] {
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .in-grid .card-content[data-v-3207e617] {
    flex-grow: 2;
  }
}
.in-grid .card-content[data-v-3207e617] {
  order: 2;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .is-narrow-card .card-content[data-v-3207e617] {
    order: 2;
  }
}
.title[data-v-3207e617] {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: var(--color-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  margin: 0 0 4px;
  overflow: hidden;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .title[data-v-3207e617] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-3207e617] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .title[data-v-3207e617] {
    font-size: 0.875rem;
    letter-spacing: unset;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}
.no-engagement-bar .title[data-v-3207e617],
.title.no-engagement-bar[data-v-3207e617] {
  margin-bottom: 0;
}
.sponsor-wrapper[data-v-3207e617] {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .sponsor-wrapper[data-v-3207e617] {
    margin-bottom: 8px;
  }
}
.sponsored[data-v-3207e617] {
  color: var(--color-600);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .sponsored[data-v-3207e617] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .sponsored[data-v-3207e617] {
    font-weight: 600;
  }
}
.sponsor-name[data-v-3207e617] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-transform: none;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .sponsor-name[data-v-3207e617] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .sponsor-name[data-v-3207e617] {
    font-weight: 500;
  }
}
.engagement-bar[data-v-3207e617] {
  margin-top: auto;
  width: 100%;
}
.engagement-bar.in-content[data-v-3207e617] {
  display: none;
}
@media (min-width: 1024px) {
  .engagement-bar.in-content[data-v-3207e617] {
    display: block;
  }
  .is-sidebar .engagement-bar.in-content[data-v-3207e617] {
    display: none;
  }
}
.engagement-bar.below-content[data-v-3207e617] {
  display: block;
}
@media (min-width: 1024px) {
  .engagement-bar.below-content[data-v-3207e617] {
    display: none;
  }
  .is-sidebar .engagement-bar.below-content[data-v-3207e617] {
    display: block;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-b15ea800] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-b15ea800] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-b15ea800],
  .comment-reply-bubble[data-v-b15ea800] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-b15ea800],
  .comment-reply-bubble[data-v-b15ea800] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b15ea800] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b15ea800] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b15ea800],
  .comment-title[data-v-b15ea800] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b15ea800],
  .comment-title[data-v-b15ea800] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-b15ea800] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-b15ea800] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-b15ea800] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-b15ea800] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-b15ea800] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-b15ea800] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-b15ea800] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-b15ea800] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-b15ea800] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-b15ea800] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-b15ea800] {
  margin-bottom: 16px;
}
.comment-header[data-v-b15ea800] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-b15ea800] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-b15ea800] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-b15ea800] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-b15ea800] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-b15ea800] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-b15ea800]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-b15ea800],
.comment-page .comment-header.is-sticky[data-v-b15ea800] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-b15ea800] {
  animation: slideInDown-b15ea800 0.32s ease-in-out;
}
@keyframes slideInDown-b15ea800 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b15ea800] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b15ea800] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b15ea800]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b15ea800]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b15ea800] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-b15ea800] {
  animation: slideOutUp-b15ea800 0.32s ease-in-out;
}
@keyframes slideOutUp-b15ea800 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-b15ea800] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-b15ea800] {
  margin-left: 8px;
}
.comment-title span[data-v-b15ea800] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-b15ea800] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-b15ea800] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-b15ea800] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-b15ea800]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-b15ea800] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-b15ea800] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-b15ea800] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-b15ea800] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-b15ea800] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-b15ea800],
.comment-page.post-fixed .comment-post-body[data-v-b15ea800] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-b15ea800] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-b15ea800] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-b15ea800] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-b15ea800] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-b15ea800] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-b15ea800] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-b15ea800] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-b15ea800] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-b15ea800] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-b15ea800],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-b15ea800] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-b15ea800] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-b15ea800] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-b15ea800],
.comment-page.post-fixed .comment-post-body.active[data-v-b15ea800] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-b15ea800],
  .comment-page.post-fixed .comment-post-body.active[data-v-b15ea800] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-b15ea800],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-b15ea800] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-b15ea800] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-b15ea800] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-b15ea800] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-b15ea800] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-b15ea800] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-b15ea800] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-b15ea800] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-b15ea800] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-b15ea800] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b15ea800] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-b15ea800]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-b15ea800]:focus,
.comment-input-field.textarea[data-v-b15ea800]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b15ea800]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-b15ea800] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-b15ea800] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b15ea800] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-b15ea800] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b15ea800] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b15ea800] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-b15ea800] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-b15ea800] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b15ea800]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-b15ea800] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-b15ea800],
.comment-send-btn.disabled .icon-send[data-v-b15ea800] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-b15ea800]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-b15ea800] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-b15ea800] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-b15ea800] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-b15ea800] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-b15ea800] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-b15ea800] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-b15ea800] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-b15ea800] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-b15ea800] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-b15ea800] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-b15ea800] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-b15ea800] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-b15ea800] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-b15ea800] {
  align-items: center;
  animation: blink-b15ea800 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-b15ea800 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-b15ea800] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-b15ea800] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-b15ea800] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-b15ea800] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-b15ea800] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-b15ea800] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-b15ea800]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-b15ea800] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-b15ea800] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-b15ea800] {
  margin: 0 0 0 -8px;
}
.main-6-news[data-v-b15ea800] {
  display: inline-flex;
  flex-direction: column;
  max-width: 704px;
}
@media (min-width: 1024px) {
  .main-6-news[data-v-b15ea800] {
    background-color: var(--color-50);
    box-shadow: 0 1px 2px #00000021;
    flex-direction: row;
    margin-bottom: 4px;
  }
}
.main-6-news__grid-container[data-v-b15ea800] {
  display: flex;
  flex-direction: column;
  max-width: 484px;
  position: relative;
}
.main-6-news__grid-container[data-v-b15ea800] .card-image {
  aspect-ratio: 16/9;
}
@media (min-width: 1024px) {
  .main-6-news__grid-container[data-v-b15ea800] .card-image {
    aspect-ratio: 3/2;
  }
}
.main-6-news .section-divider[data-v-b15ea800] {
  background-color: var(--color-200);
  display: none;
  flex-shrink: 0;
  height: 1px;
  margin: 0 8px;
  width: auto;
}
@media (min-width: 1024px) {
  .main-6-news .section-divider[data-v-b15ea800] {
    display: block;
  }
}
.main-6-news .section-divider.is-vertical[data-v-b15ea800] {
  height: auto;
  margin: 8px 0;
  width: 1px;
}
.main-6-news .section-divider.is-thicker[data-v-b15ea800] {
  width: 4px;
}
.main-6-news .section-divider.in-split[data-v-b15ea800] {
  display: block;
  margin: 0;
}
@media (min-width: 1024px) {
  .main-6-news__narrow-container[data-v-b15ea800] {
    flex-basis: 216px;
    width: 216px;
  }
}
.main-6-news .box-container[data-v-b15ea800] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-bottom: 4px;
  padding: 8px;
}
@media (min-width: 1024px) {
  .main-6-news .box-container[data-v-b15ea800] {
    box-shadow: none;
    margin-bottom: 0;
  }
  .main-6-news .box-container.is-big[data-v-b15ea800] {
    padding: 0 8px;
  }
}
.main-6-news .box-container.is-big[data-v-b15ea800] .card-labels.in-content {
  display: block;
}
.main-6-news
  .box-container.is-big[data-v-b15ea800]
  .card-labels.in-content
  .card-labels {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .main-6-news
    .box-container.is-big[data-v-b15ea800]
    .card-labels.in-content
    .card-labels {
    margin-bottom: 8px;
  }
}
.main-6-news .box-container.is-big[data-v-b15ea800] .title {
  font-size: 1.25rem;
  letter-spacing: 0.3px;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .main-6-news .box-container.is-big[data-v-b15ea800] .title {
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 1.625rem;
  }
}
.main-6-news .box-container.is-split[data-v-b15ea800] {
  display: flex;
}
.main-6-news .box-container.is-split[data-v-b15ea800] .card-image {
  aspect-ratio: 3/2;
}
.main-6-news .box-container.is-split[data-v-b15ea800] .title {
  -webkit-line-clamp: 5;
}
.main-6-news .box-container.is-split[data-v-b15ea800] .card-labels.in-content {
  display: none;
}
@media (min-width: 1024px) {
  .main-6-news
    .box-container.is-split[data-v-b15ea800]
    .card-labels.in-content {
    display: block;
  }
}
.main-6-news .box-container.is-split[data-v-b15ea800] .comment-action-copy,
.main-6-news .box-container.is-split[data-v-b15ea800] .react-action-copy {
  display: none;
}
@media (min-width: 1024px) {
  .main-6-news .box-container.is-split[data-v-b15ea800] .react-action-copy {
    display: inline-block;
  }
}
.main-6-news
  .box-container.is-split[data-v-b15ea800]
  .card-engagement-bar__right {
  display: none;
}
@media (min-width: 1024px) {
  .main-6-news
    .box-container.is-split[data-v-b15ea800]
    .card-engagement-bar__right {
    display: flex;
  }
}
.main-6-news .box-container.is-split .card-container[data-v-b15ea800] {
  flex-basis: 50%;
  width: 50%;
}
@media (min-width: 1024px) {
  .main-6-news .box-container.in-narrow[data-v-b15ea800] {
    padding: 0 8px;
  }
}
@media (min-width: 1024px) {
  .main-6-news .box-container.in-narrow[data-v-b15ea800] .title {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}
.main-6-news .card-container.in-narrow[data-v-b15ea800] .card-image {
  aspect-ratio: 3/2;
}
@media (min-width: 1024px) {
  .main-6-news .card-container.in-narrow[data-v-b15ea800] .card-image {
    aspect-ratio: 16/9;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .main-6-news .card-container.in-narrow[data-v-b15ea800],
  .main-6-news .card-container.is-big[data-v-b15ea800] {
    padding: 8px 0;
  }
}
.main-6-news .card-container.is-left[data-v-b15ea800] {
  padding-right: 8px;
}
.main-6-news .card-container.is-right[data-v-b15ea800] {
  padding-left: 8px;
}
.main-6-news .card-container.is-right[data-v-b15ea800] .tooltip-box {
  right: 0;
}
@media (min-width: 1024px) {
  .main-6-news .card-container.is-right[data-v-b15ea800] .tooltip-box {
    right: unset;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-9e8b503b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-9e8b503b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-9e8b503b],
  .comment-reply-bubble[data-v-9e8b503b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-9e8b503b],
  .comment-reply-bubble[data-v-9e8b503b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9e8b503b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9e8b503b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e8b503b],
  .comment-title[data-v-9e8b503b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e8b503b],
  .comment-title[data-v-9e8b503b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-9e8b503b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-9e8b503b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-9e8b503b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-9e8b503b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-9e8b503b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-9e8b503b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-9e8b503b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-9e8b503b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-9e8b503b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-9e8b503b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-9e8b503b] {
  margin-bottom: 16px;
}
.comment-header[data-v-9e8b503b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-9e8b503b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-9e8b503b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-9e8b503b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e8b503b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-9e8b503b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e8b503b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-9e8b503b],
.comment-page .comment-header.is-sticky[data-v-9e8b503b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-9e8b503b] {
  animation: slideInDown-9e8b503b 0.32s ease-in-out;
}
@keyframes slideInDown-9e8b503b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e8b503b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8b503b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8b503b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e8b503b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8b503b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-9e8b503b] {
  animation: slideOutUp-9e8b503b 0.32s ease-in-out;
}
@keyframes slideOutUp-9e8b503b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-9e8b503b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-9e8b503b] {
  margin-left: 8px;
}
.comment-title span[data-v-9e8b503b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-9e8b503b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-9e8b503b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-9e8b503b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-9e8b503b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-9e8b503b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-9e8b503b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-9e8b503b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-9e8b503b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-9e8b503b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-9e8b503b],
.comment-page.post-fixed .comment-post-body[data-v-9e8b503b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-9e8b503b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-9e8b503b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-9e8b503b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-9e8b503b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-9e8b503b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-9e8b503b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-9e8b503b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-9e8b503b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-9e8b503b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-9e8b503b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-9e8b503b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-9e8b503b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-9e8b503b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e8b503b],
.comment-page.post-fixed .comment-post-body.active[data-v-9e8b503b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e8b503b],
  .comment-page.post-fixed .comment-post-body.active[data-v-9e8b503b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-9e8b503b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-9e8b503b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-9e8b503b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-9e8b503b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-9e8b503b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-9e8b503b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-9e8b503b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-9e8b503b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-9e8b503b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-9e8b503b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-9e8b503b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e8b503b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-9e8b503b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-9e8b503b]:focus,
.comment-input-field.textarea[data-v-9e8b503b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e8b503b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-9e8b503b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-9e8b503b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e8b503b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-9e8b503b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e8b503b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e8b503b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-9e8b503b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-9e8b503b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e8b503b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-9e8b503b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-9e8b503b],
.comment-send-btn.disabled .icon-send[data-v-9e8b503b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-9e8b503b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-9e8b503b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-9e8b503b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-9e8b503b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-9e8b503b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-9e8b503b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-9e8b503b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-9e8b503b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-9e8b503b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-9e8b503b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-9e8b503b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-9e8b503b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-9e8b503b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-9e8b503b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-9e8b503b] {
  align-items: center;
  animation: blink-9e8b503b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-9e8b503b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-9e8b503b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-9e8b503b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-9e8b503b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-9e8b503b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-9e8b503b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-9e8b503b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-9e8b503b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-9e8b503b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-9e8b503b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-9e8b503b] {
  margin: 0 0 0 -8px;
}
.main-container[data-v-9e8b503b] {
  overflow: hidden;
  padding: 0 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .main-container[data-v-9e8b503b] {
    padding: 0;
  }
}
.loader-container[data-v-9e8b503b] {
  background-color: var(--color-50);
  display: block;
  flex-wrap: wrap;
  height: 56px;
  overflow: hidden;
  padding-top: 3px;
  width: 1500px;
}
.loader-container .pagination[data-v-9e8b503b] {
  height: 43px;
  padding-top: 11px;
  text-align: center;
}
.loader-container .dot[data-v-9e8b503b] {
  display: inline-block;
  height: 6px;
  margin: 0 13px;
  width: 6px;
}
.single-article[data-v-9e8b503b] {
  column-gap: 8px;
  display: inline-flex;
  margin-right: 8px;
  width: 258px;
}
@media (min-width: 1024px) {
  .single-article[data-v-9e8b503b] {
    width: 331px;
  }
}
.image[data-v-9e8b503b] {
  height: 56px;
  max-width: 56px;
  min-width: 56px;
  width: 56px;
}
.skeleton[data-v-9e8b503b] {
  animation: loader-9e8b503b 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
.content[data-v-9e8b503b] {
  width: 100%;
}
.custom .loader-container[data-v-9e8b503b] {
  background-color: var(--ca-surface-color-from-cms);
}
.custom .skeleton[data-v-9e8b503b] {
  animation: loader-9e8b503b 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--title-color-from-cms-08),
    var(--title-color-from-cms-20),
    var(--title-color-from-cms-08)
  );
  background-size: 200%;
}
.label[data-v-9e8b503b] {
  height: 8px;
  margin-bottom: 11px;
  width: 128px;
}
.title[data-v-9e8b503b] {
  height: 11px;
  margin-bottom: 9px;
  width: 100%;
}
.row-two[data-v-9e8b503b] {
  margin-bottom: 21px;
  width: 60%;
}
.skeleton[data-v-9e8b503b]:last-of-type {
  margin-bottom: 0;
}
.divider[data-v-9e8b503b] {
  height: 1px;
  margin-bottom: 19px;
  width: 100%;
}
@keyframes loader-9e8b503b {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a4cf39d3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a4cf39d3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a4cf39d3],
  .comment-reply-bubble[data-v-a4cf39d3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a4cf39d3],
  .comment-reply-bubble[data-v-a4cf39d3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a4cf39d3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a4cf39d3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a4cf39d3],
  .comment-title[data-v-a4cf39d3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a4cf39d3],
  .comment-title[data-v-a4cf39d3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a4cf39d3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a4cf39d3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a4cf39d3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a4cf39d3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a4cf39d3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a4cf39d3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a4cf39d3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a4cf39d3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a4cf39d3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a4cf39d3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a4cf39d3] {
  margin-bottom: 16px;
}
.comment-header[data-v-a4cf39d3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a4cf39d3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a4cf39d3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a4cf39d3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a4cf39d3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a4cf39d3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a4cf39d3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a4cf39d3],
.comment-page .comment-header.is-sticky[data-v-a4cf39d3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a4cf39d3] {
  animation: slideInDown-a4cf39d3 0.32s ease-in-out;
}
@keyframes slideInDown-a4cf39d3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a4cf39d3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4cf39d3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4cf39d3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a4cf39d3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a4cf39d3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a4cf39d3] {
  animation: slideOutUp-a4cf39d3 0.32s ease-in-out;
}
@keyframes slideOutUp-a4cf39d3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a4cf39d3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a4cf39d3] {
  margin-left: 8px;
}
.comment-title span[data-v-a4cf39d3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a4cf39d3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a4cf39d3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a4cf39d3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a4cf39d3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a4cf39d3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a4cf39d3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a4cf39d3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a4cf39d3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a4cf39d3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a4cf39d3],
.comment-page.post-fixed .comment-post-body[data-v-a4cf39d3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a4cf39d3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a4cf39d3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a4cf39d3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a4cf39d3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a4cf39d3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a4cf39d3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a4cf39d3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a4cf39d3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a4cf39d3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a4cf39d3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a4cf39d3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a4cf39d3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a4cf39d3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a4cf39d3],
.comment-page.post-fixed .comment-post-body.active[data-v-a4cf39d3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a4cf39d3],
  .comment-page.post-fixed .comment-post-body.active[data-v-a4cf39d3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a4cf39d3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a4cf39d3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a4cf39d3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a4cf39d3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a4cf39d3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a4cf39d3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a4cf39d3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a4cf39d3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a4cf39d3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a4cf39d3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a4cf39d3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a4cf39d3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a4cf39d3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a4cf39d3]:focus,
.comment-input-field.textarea[data-v-a4cf39d3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a4cf39d3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a4cf39d3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a4cf39d3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a4cf39d3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a4cf39d3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a4cf39d3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a4cf39d3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a4cf39d3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a4cf39d3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a4cf39d3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a4cf39d3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a4cf39d3],
.comment-send-btn.disabled .icon-send[data-v-a4cf39d3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a4cf39d3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a4cf39d3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a4cf39d3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a4cf39d3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a4cf39d3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a4cf39d3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a4cf39d3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a4cf39d3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a4cf39d3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a4cf39d3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a4cf39d3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a4cf39d3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a4cf39d3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a4cf39d3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a4cf39d3] {
  align-items: center;
  animation: blink-a4cf39d3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a4cf39d3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a4cf39d3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a4cf39d3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a4cf39d3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a4cf39d3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a4cf39d3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a4cf39d3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a4cf39d3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a4cf39d3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a4cf39d3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a4cf39d3] {
  margin: 0 0 0 -8px;
}
.breaking-news-mega[data-v-a4cf39d3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin-top: 4px;
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .breaking-news-mega[data-v-a4cf39d3] {
    padding: 8px;
  }
}
.breaking-news-mega[data-v-a4cf39d3] .card-engagement-bar {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .breaking-news-mega[data-v-a4cf39d3] .card-engagement-bar {
    padding: 0;
  }
}
.main-image[data-v-a4cf39d3] {
  aspect-ratio: 16/9;
  margin: 0 0 8px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  position: relative;
}
.main-image[data-v-a4cf39d3] picture {
  display: block;
  height: 100%;
  width: 100%;
}
.main-image[data-v-a4cf39d3] picture img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.breaking-news-label[data-v-a4cf39d3] {
  left: 8px;
  position: absolute;
  top: 8px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .breaking-news-label[data-v-a4cf39d3] {
    left: 16px;
    top: 16px;
  }
}
.right-labels[data-v-a4cf39d3] {
  position: absolute;
  right: 8px;
  top: 8px;
}
@media (min-width: 1024px) {
  .right-labels[data-v-a4cf39d3] {
    right: 16px;
    top: 16px;
  }
}
.right-labels .image-label-wrap[data-v-a4cf39d3] {
  font-size: 1.5rem;
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.right-labels .image-label-wrap[data-v-a4cf39d3] .icon-camera:before,
.right-labels .image-label-wrap[data-v-a4cf39d3] .icon-play:before {
  font-size: 1rem !important;
  height: 16px !important;
  width: 16px !important;
}
.content[data-v-a4cf39d3] {
  overflow: hidden;
}
.title[data-v-a4cf39d3] {
  color: var(--color-900);
  font-size: 1.4375rem;
  line-height: 1.75rem;
  margin-bottom: 8px;
  padding: 0 8px;
}
@supports (font-variation-settings: normal) {
  .title[data-v-a4cf39d3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-a4cf39d3] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .title[data-v-a4cf39d3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    padding: 0;
  }
}
.related-news[data-v-a4cf39d3] {
  margin-bottom: 8px;
  margin-right: -8px;
  position: relative;
}
.related-news .gradient-right[data-v-a4cf39d3] {
  background-image: var(--color-50-scrim-trailing);
  display: none;
}
@media (min-width: 1024px) {
  .related-news .gradient-right[data-v-a4cf39d3] {
    display: block;
    height: 58px;
    position: absolute;
    right: 0;
    top: 19px;
    width: 40px;
  }
}
.related-news .gradient-left[data-v-a4cf39d3] {
  background-image: var(--color-50-scrim-leading);
  display: none;
}
@media (min-width: 1024px) {
  .related-news .gradient-left[data-v-a4cf39d3] {
    display: block;
    height: 58px;
    left: -8px;
    position: absolute;
    top: 19px;
    width: 40px;
  }
}
.related-news[data-v-a4cf39d3] .wm-content-slider__left-arrow-marker,
.related-news[data-v-a4cf39d3] .wm-content-slider__right-arrow-marker {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px;
  height: 32px;
  padding: 8px;
  width: 32px;
}
.related-news[data-v-a4cf39d3]
  .wm-content-slider__left-arrow-marker:hover:before,
.related-news[data-v-a4cf39d3]
  .wm-content-slider__right-arrow-marker:hover:before {
  opacity: 1;
}
.related-news[data-v-a4cf39d3] .wm-content-slider__left-arrow-marker:before,
.related-news[data-v-a4cf39d3] .wm-content-slider__right-arrow-marker:before {
  background-color: var(--color-100);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: -2px;
  transition: all 0.15s;
  width: 32px;
}
.related-news[data-v-a4cf39d3] .wm-content-slider__left-arrow-marker:after,
.related-news[data-v-a4cf39d3] .wm-content-slider__right-arrow-marker:after {
  border: none;
  color: var(--accent);
  font-family: icons;
  font-size: 16px;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
}
.related-news[data-v-a4cf39d3] .wm-content-slider__right-arrow-marker {
  right: 8px;
}
.related-news[data-v-a4cf39d3] .wm-content-slider__right-arrow-marker:after {
  content: "";
}
.related-news[data-v-a4cf39d3] .wm-content-slider__left-arrow-marker {
  left: 0;
}
.related-news[data-v-a4cf39d3] .wm-content-slider__left-arrow-marker:after {
  content: "";
}
.related-news-heading[data-v-a4cf39d3] {
  color: var(--color-600);
  font-size: 0.625rem;
  letter-spacing: normal;
  line-height: normal;
  margin-bottom: 8px;
  padding: 0 8px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .related-news-heading[data-v-a4cf39d3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news-heading[data-v-a4cf39d3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .related-news-heading[data-v-a4cf39d3] {
    padding: 0;
  }
}
.related-article-wrapper[data-v-a4cf39d3] {
  background-color: var(--color-100);
  column-gap: 6px;
  display: flex;
  margin-right: 8px;
  padding-right: 4px;
}
@media (min-width: 1024px) {
  .related-article-wrapper[data-v-a4cf39d3] {
    background-color: initial;
    border-right: 1px solid var(--color-200);
    column-gap: 8px;
  }
}
[data-v-a4cf39d3] .wm-content-slide-group:first-of-type {
  padding-left: 8px;
}
@media (min-width: 1024px) {
  [data-v-a4cf39d3] .wm-content-slide-group:first-of-type {
    padding-left: 0;
  }
}
[data-v-a4cf39d3] .wm-content-slide-group:last-of-type {
  padding-right: 8px;
}
@media (min-width: 1024px) {
  [data-v-a4cf39d3] .wm-content-slide-group:last-of-type {
    padding-right: 0;
  }
}
.wm-content-slide-group:last-of-type .related-article-wrapper[data-v-a4cf39d3],
.wm-content-slide:last-of-type .related-article-wrapper[data-v-a4cf39d3] {
  border-right: #0000;
}
.related-image[data-v-a4cf39d3] {
  aspect-ratio: 1;
  height: 56px;
  max-width: 56px;
  min-width: 56px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  width: 56px;
}
.related-image[data-v-a4cf39d3] picture {
  display: block;
  height: 100%;
  width: 100%;
}
.related-image[data-v-a4cf39d3] picture img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.related-article-title[data-v-a4cf39d3] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-self: center;
  font-size: 0.75rem;
  letter-spacing: 0.18px;
  line-height: 1rem;
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .related-article-title[data-v-a4cf39d3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .related-article-title[data-v-a4cf39d3] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .related-article-title[data-v-a4cf39d3] {
    font-size: 0.8125rem;
    letter-spacing: 0.2px;
    line-height: 1.125rem;
  }
  @supports (font-variation-settings: normal) {
    .related-article-title[data-v-a4cf39d3] {
      font-variation-settings: "wght" 700;
    }
  }
  @supports not (font-variation-settings: normal) {
    .related-article-title[data-v-a4cf39d3] {
      font-weight: 700;
    }
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3f2facf9] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3f2facf9] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3f2facf9],
  .comment-reply-bubble[data-v-3f2facf9] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3f2facf9],
  .comment-reply-bubble[data-v-3f2facf9] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3f2facf9] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3f2facf9] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .card-label-wrap[data-v-3f2facf9],
  .comment-avatar.login[data-v-3f2facf9],
  .comment-title[data-v-3f2facf9] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-label-wrap[data-v-3f2facf9],
  .comment-avatar.login[data-v-3f2facf9],
  .comment-title[data-v-3f2facf9] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3f2facf9] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3f2facf9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3f2facf9] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3f2facf9] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3f2facf9] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3f2facf9] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3f2facf9] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3f2facf9] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3f2facf9] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3f2facf9] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3f2facf9] {
  margin-bottom: 16px;
}
.comment-header[data-v-3f2facf9] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3f2facf9] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3f2facf9] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3f2facf9] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3f2facf9] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3f2facf9] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3f2facf9]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3f2facf9],
.comment-page .comment-header.is-sticky[data-v-3f2facf9] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3f2facf9] {
  animation: slideInDown-3f2facf9 0.32s ease-in-out;
}
@keyframes slideInDown-3f2facf9 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3f2facf9] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f2facf9] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f2facf9]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3f2facf9]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3f2facf9] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3f2facf9] {
  animation: slideOutUp-3f2facf9 0.32s ease-in-out;
}
@keyframes slideOutUp-3f2facf9 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3f2facf9] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3f2facf9] {
  margin-left: 8px;
}
.comment-title span[data-v-3f2facf9] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3f2facf9] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3f2facf9] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3f2facf9] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3f2facf9]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3f2facf9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3f2facf9] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3f2facf9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3f2facf9] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3f2facf9] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3f2facf9],
.comment-page.post-fixed .comment-post-body[data-v-3f2facf9] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3f2facf9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3f2facf9] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3f2facf9] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3f2facf9] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3f2facf9] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3f2facf9] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3f2facf9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3f2facf9] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3f2facf9] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3f2facf9],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3f2facf9] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3f2facf9] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3f2facf9] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3f2facf9],
.comment-page.post-fixed .comment-post-body.active[data-v-3f2facf9] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3f2facf9],
  .comment-page.post-fixed .comment-post-body.active[data-v-3f2facf9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3f2facf9],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3f2facf9] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3f2facf9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3f2facf9] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3f2facf9] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3f2facf9] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3f2facf9] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3f2facf9] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3f2facf9] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3f2facf9] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3f2facf9] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3f2facf9] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3f2facf9]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3f2facf9]:focus,
.comment-input-field.textarea[data-v-3f2facf9]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3f2facf9]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3f2facf9] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3f2facf9] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3f2facf9] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3f2facf9] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3f2facf9] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3f2facf9] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3f2facf9] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3f2facf9] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3f2facf9]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3f2facf9] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3f2facf9],
.comment-send-btn.disabled .icon-send[data-v-3f2facf9] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3f2facf9]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3f2facf9] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3f2facf9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3f2facf9] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3f2facf9] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3f2facf9] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3f2facf9] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3f2facf9] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3f2facf9] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3f2facf9] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3f2facf9] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3f2facf9] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3f2facf9] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3f2facf9] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3f2facf9] {
  align-items: center;
  animation: blink-3f2facf9 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3f2facf9 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3f2facf9] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3f2facf9] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3f2facf9] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3f2facf9] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3f2facf9] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3f2facf9] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3f2facf9]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3f2facf9] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3f2facf9] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3f2facf9] {
  margin: 0 0 0 -8px;
}
.card-label-wrap[data-v-3f2facf9] {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  font-size: 0.6875rem;
  justify-content: center;
  letter-spacing: 0.61px;
  line-height: 0.875rem;
  margin: 0 8px 12px 0;
  padding: 5px;
  text-transform: uppercase;
}
.card-label-wrap[data-v-3f2facf9]:last-of-type {
  margin-right: 0;
}
.card-label-wrap.is-plus[data-v-3f2facf9] {
  background-color: var(--mondo-label-background);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 24px;
  padding: 0 5px;
  width: 56px;
}
.dark .card-label-wrap.is-plus[data-v-3f2facf9] {
  background-image: url(../index/mondo+dark.svg);
}
.light .card-label-wrap.is-plus[data-v-3f2facf9] {
  background-image: url(../index/mondo+light.svg);
}
.column .card-label-wrap.is-plus[data-v-3f2facf9] {
  background-color: var(--accent-data-wall);
  background-image: url(../index/mondo+dark.svg);
}
.card-label-wrap.is-live[data-v-3f2facf9] {
  background-color: var(--accent);
  color: var(--live-label-text);
  overflow: hidden;
  padding: 5px 5px 5px 24px !important;
  position: relative;
}
.card-label-wrap.is-live .card-label__animation[data-v-3f2facf9] {
  overflow: visible;
}
.card-label-wrap .card-label__animation[data-v-3f2facf9] {
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-60e7dbbd] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-60e7dbbd] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-60e7dbbd],
  .comment-reply-bubble[data-v-60e7dbbd] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-60e7dbbd],
  .comment-reply-bubble[data-v-60e7dbbd] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .breaking-news__title[data-v-60e7dbbd],
  .comment-no-comment-info[data-v-60e7dbbd] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .breaking-news__title[data-v-60e7dbbd],
  .comment-no-comment-info[data-v-60e7dbbd] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-60e7dbbd],
  .comment-title[data-v-60e7dbbd] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-60e7dbbd],
  .comment-title[data-v-60e7dbbd] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-60e7dbbd] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-60e7dbbd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-60e7dbbd] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-60e7dbbd] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-60e7dbbd] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-60e7dbbd] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-60e7dbbd] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-60e7dbbd] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-60e7dbbd] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-60e7dbbd] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-60e7dbbd] {
  margin-bottom: 16px;
}
.comment-header[data-v-60e7dbbd] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-60e7dbbd] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-60e7dbbd] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-60e7dbbd] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-60e7dbbd] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-60e7dbbd] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-60e7dbbd]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-60e7dbbd],
.comment-page .comment-header.is-sticky[data-v-60e7dbbd] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-60e7dbbd] {
  animation: slideInDown-60e7dbbd 0.32s ease-in-out;
}
@keyframes slideInDown-60e7dbbd {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-60e7dbbd] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-60e7dbbd] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-60e7dbbd]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-60e7dbbd]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-60e7dbbd] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-60e7dbbd] {
  animation: slideOutUp-60e7dbbd 0.32s ease-in-out;
}
@keyframes slideOutUp-60e7dbbd {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-60e7dbbd] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-60e7dbbd] {
  margin-left: 8px;
}
.comment-title span[data-v-60e7dbbd] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-60e7dbbd] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-60e7dbbd] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-60e7dbbd] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-60e7dbbd]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-60e7dbbd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-60e7dbbd] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-60e7dbbd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-60e7dbbd] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-60e7dbbd] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-60e7dbbd],
.comment-page.post-fixed .comment-post-body[data-v-60e7dbbd] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-60e7dbbd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-60e7dbbd] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-60e7dbbd] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-60e7dbbd] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-60e7dbbd] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-60e7dbbd] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-60e7dbbd] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-60e7dbbd] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-60e7dbbd] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-60e7dbbd],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-60e7dbbd] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-60e7dbbd] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-60e7dbbd] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-60e7dbbd],
.comment-page.post-fixed .comment-post-body.active[data-v-60e7dbbd] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-60e7dbbd],
  .comment-page.post-fixed .comment-post-body.active[data-v-60e7dbbd] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-60e7dbbd],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-60e7dbbd] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-60e7dbbd] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-60e7dbbd] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-60e7dbbd] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-60e7dbbd] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-60e7dbbd] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-60e7dbbd] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-60e7dbbd] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-60e7dbbd] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-60e7dbbd] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-60e7dbbd] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-60e7dbbd]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-60e7dbbd]:focus,
.comment-input-field.textarea[data-v-60e7dbbd]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-60e7dbbd]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-60e7dbbd] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-60e7dbbd] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-60e7dbbd] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-60e7dbbd] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-60e7dbbd] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-60e7dbbd] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-60e7dbbd] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-60e7dbbd] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-60e7dbbd]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-60e7dbbd] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-60e7dbbd],
.comment-send-btn.disabled .icon-send[data-v-60e7dbbd] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-60e7dbbd]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-60e7dbbd] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-60e7dbbd] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-60e7dbbd] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-60e7dbbd] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-60e7dbbd] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-60e7dbbd] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-60e7dbbd] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-60e7dbbd] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-60e7dbbd] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-60e7dbbd] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-60e7dbbd] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-60e7dbbd] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-60e7dbbd] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-60e7dbbd] {
  align-items: center;
  animation: blink-60e7dbbd 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-60e7dbbd {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-60e7dbbd] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-60e7dbbd] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-60e7dbbd] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-60e7dbbd] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-60e7dbbd] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-60e7dbbd] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-60e7dbbd]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-60e7dbbd] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-60e7dbbd] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-60e7dbbd] {
  margin: 0 0 0 -8px;
}
.breaking-news-section[data-v-60e7dbbd] {
  background-color: var(--breaking-news-surface);
  box-shadow: 0 1px 3px #00000021;
}
.breaking-news[data-v-60e7dbbd] {
  display: flex;
  flex-direction: column;
  padding: 8px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .breaking-news[data-v-60e7dbbd] {
    align-items: center;
    flex-direction: row;
    height: 40px;
    padding: 0 8px;
  }
  .breaking-news[data-v-60e7dbbd]:hover {
    cursor: pointer;
  }
  .breaking-news:hover .breaking-news__title[data-v-60e7dbbd] {
    color: var(--breaking-news-title);
  }
}
.breaking-news[data-v-60e7dbbd] .card-label-wrap.is-breaking-news {
  background-color: var(--breaking-news-label-surface);
  border-radius: 0;
  color: var(--breaking-news-label-text);
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .breaking-news[data-v-60e7dbbd] .card-label-wrap.is-breaking-news {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 12px;
  }
}
.breaking-news[data-v-60e7dbbd] .card-label-wrap svg path {
  fill: var(--breaking-news-mini-back);
}
.breaking-news__title[data-v-60e7dbbd] {
  color: var(--breaking-news-title);
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .breaking-news__title[data-v-60e7dbbd] {
    display: -webkit-inline-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px;
    text-overflow: ellipsis;
  }
}
.breaking-news__label[data-v-60e7dbbd] {
  flex-grow: 0;
  flex-shrink: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1528c899] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1528c899] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1528c899],
  .comment-reply-bubble[data-v-1528c899] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1528c899],
  .comment-reply-bubble[data-v-1528c899] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1528c899] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1528c899] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1528c899],
  .comment-title[data-v-1528c899] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1528c899],
  .comment-title[data-v-1528c899] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1528c899] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1528c899] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1528c899] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1528c899] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1528c899] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1528c899] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1528c899] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1528c899] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1528c899] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1528c899] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1528c899] {
  margin-bottom: 16px;
}
.comment-header[data-v-1528c899] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1528c899] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1528c899] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1528c899] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1528c899] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1528c899] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1528c899]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1528c899],
.comment-page .comment-header.is-sticky[data-v-1528c899] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1528c899] {
  animation: slideInDown-1528c899 0.32s ease-in-out;
}
@keyframes slideInDown-1528c899 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1528c899] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1528c899] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1528c899]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1528c899]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1528c899] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1528c899] {
  animation: slideOutUp-1528c899 0.32s ease-in-out;
}
@keyframes slideOutUp-1528c899 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1528c899] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1528c899] {
  margin-left: 8px;
}
.comment-title span[data-v-1528c899] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1528c899] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1528c899] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1528c899] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1528c899]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1528c899] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1528c899] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1528c899] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1528c899] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1528c899] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1528c899],
.comment-page.post-fixed .comment-post-body[data-v-1528c899] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1528c899] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1528c899] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1528c899] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1528c899] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1528c899] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1528c899] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1528c899] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1528c899] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1528c899] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1528c899],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1528c899] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1528c899] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1528c899] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1528c899],
.comment-page.post-fixed .comment-post-body.active[data-v-1528c899] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1528c899],
  .comment-page.post-fixed .comment-post-body.active[data-v-1528c899] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1528c899],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1528c899] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1528c899] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1528c899] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1528c899] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1528c899] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1528c899] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1528c899] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1528c899] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1528c899] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1528c899] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1528c899] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1528c899]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1528c899]:focus,
.comment-input-field.textarea[data-v-1528c899]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1528c899]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1528c899] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1528c899] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1528c899] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1528c899] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1528c899] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1528c899] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1528c899] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1528c899] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1528c899]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1528c899] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1528c899],
.comment-send-btn.disabled .icon-send[data-v-1528c899] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1528c899]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1528c899] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1528c899] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1528c899] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1528c899] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1528c899] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1528c899] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1528c899] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1528c899] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1528c899] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1528c899] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1528c899] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1528c899] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1528c899] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1528c899] {
  align-items: center;
  animation: blink-1528c899 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1528c899 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1528c899] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1528c899] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1528c899] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1528c899] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1528c899] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1528c899] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1528c899]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1528c899] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1528c899] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1528c899] {
  margin: 0 0 0 -8px;
}
.list-header[data-v-1528c899] {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 40px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 0 8px;
}
.list-header.text-color-light[data-v-1528c899] {
  color: var(--header-text-light);
}
.list-header.text-color-dark[data-v-1528c899] {
  color: var(--header-text-dark);
}
.dark .list-header[data-v-1528c899] {
  color: var(--text-color-dark);
}
.light .list-header[data-v-1528c899] {
  color: var(--text-color-light);
}
.list-header .arrow-link[data-v-1528c899] {
  transition: all 0.15s;
}
@media (min-width: 1024px) {
  .dark .list-header .arrow-link[data-v-1528c899]:hover {
    background-color: var(--arrow-background-color-dark-hover);
  }
  .light .list-header .arrow-link[data-v-1528c899]:hover {
    background-color: var(--arrow-background-color-light-hover);
  }
}
.dark .list-header .arrow-link .icon-arrow--right[data-v-1528c899]:before {
  color: var(--text-color-dark);
}
.light .list-header .arrow-link .icon-arrow--right[data-v-1528c899]:before {
  color: var(--text-color-light);
}
.list-header.category-surface-color-biznis[data-v-1528c899],
.list-header.category-surface-color-default[data-v-1528c899],
.list-header.category-surface-color-hronika[data-v-1528c899],
.list-header.category-surface-color-news[data-v-1528c899],
.list-header.category-surface-color-odrziva-buducnost[data-v-1528c899],
.list-header.category-surface-color-planeta[data-v-1528c899],
.list-header.category-surface-color-region[data-v-1528c899],
.list-header.category-surface-color-sport[data-v-1528c899],
.list-header.category-surface-color-stars[data-v-1528c899],
.list-header.category-surface-color-stil[data-v-1528c899],
.list-header.category-surface-color-tech[data-v-1528c899],
.list-header.category-surface-color-vesti[data-v-1528c899],
.list-header.category-surface-color-zabava[data-v-1528c899],
.list-header.category-surface-color-zdravlje[data-v-1528c899] {
  border-bottom: none;
  padding: 0 4px 0 8px;
}
.header-image[data-v-1528c899] {
  max-height: 24px;
}
.light .is-light[data-v-1528c899] {
  display: inline;
}
.dark .is-light[data-v-1528c899],
.light .is-dark[data-v-1528c899] {
  display: none;
}
.dark .is-dark[data-v-1528c899] {
  display: inline;
}
.title[data-v-1528c899] {
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 8px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .title[data-v-1528c899] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-1528c899] {
    font-weight: 800;
  }
}
.title.dark[data-v-1528c899],
.title.light[data-v-1528c899] {
  color: var(--header-arrow-light-background);
}
.is-narrow .title[data-v-1528c899] {
  font-size: 0.67692rem;
  line-height: 0.947688rem;
  margin-right: 4px;
  max-height: 1.895376rem;
  position: relative;
  top: 1px;
  -webkit-line-clamp: 2;
}
.arrow-link[data-v-1528c899] {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  width: 32px;
}
.arrow-link [class^="icon-"][data-v-1528c899] {
  font-size: 1rem;
}
.arrow-link [class^="icon-"].dark[data-v-1528c899],
.arrow-link [class^="icon-"].light[data-v-1528c899] {
  color: var(--header-arrow-light-background);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-dc2174d2] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-dc2174d2] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-dc2174d2],
  .comment-reply-bubble[data-v-dc2174d2] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-dc2174d2],
  .comment-reply-bubble[data-v-dc2174d2] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dc2174d2] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dc2174d2] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dc2174d2],
  .comment-title[data-v-dc2174d2] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dc2174d2],
  .comment-title[data-v-dc2174d2] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-dc2174d2] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-dc2174d2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-dc2174d2] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-dc2174d2] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-dc2174d2] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-dc2174d2] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-dc2174d2] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-dc2174d2] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-dc2174d2] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-dc2174d2] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-dc2174d2] {
  margin-bottom: 16px;
}
.comment-header[data-v-dc2174d2] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-dc2174d2] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-dc2174d2] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-dc2174d2] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-dc2174d2] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-dc2174d2] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-dc2174d2]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-dc2174d2],
.comment-page .comment-header.is-sticky[data-v-dc2174d2] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-dc2174d2] {
  animation: slideInDown-dc2174d2 0.32s ease-in-out;
}
@keyframes slideInDown-dc2174d2 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dc2174d2] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dc2174d2] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dc2174d2]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dc2174d2]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dc2174d2] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-dc2174d2] {
  animation: slideOutUp-dc2174d2 0.32s ease-in-out;
}
@keyframes slideOutUp-dc2174d2 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-dc2174d2] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-dc2174d2] {
  margin-left: 8px;
}
.comment-title span[data-v-dc2174d2] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-dc2174d2] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-dc2174d2] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-dc2174d2] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-dc2174d2]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-dc2174d2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-dc2174d2] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-dc2174d2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-dc2174d2] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-dc2174d2] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-dc2174d2],
.comment-page.post-fixed .comment-post-body[data-v-dc2174d2] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-dc2174d2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-dc2174d2] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-dc2174d2] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-dc2174d2] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-dc2174d2] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-dc2174d2] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-dc2174d2] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-dc2174d2] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-dc2174d2] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-dc2174d2],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-dc2174d2] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-dc2174d2] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-dc2174d2] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-dc2174d2],
.comment-page.post-fixed .comment-post-body.active[data-v-dc2174d2] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-dc2174d2],
  .comment-page.post-fixed .comment-post-body.active[data-v-dc2174d2] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-dc2174d2],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-dc2174d2] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-dc2174d2] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-dc2174d2] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-dc2174d2] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-dc2174d2] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-dc2174d2] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-dc2174d2] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-dc2174d2] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-dc2174d2] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-dc2174d2] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dc2174d2] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-dc2174d2]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-dc2174d2]:focus,
.comment-input-field.textarea[data-v-dc2174d2]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dc2174d2]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-dc2174d2] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-dc2174d2] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dc2174d2] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-dc2174d2] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dc2174d2] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dc2174d2] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-dc2174d2] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-dc2174d2] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dc2174d2]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-dc2174d2] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-dc2174d2],
.comment-send-btn.disabled .icon-send[data-v-dc2174d2] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-dc2174d2]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-dc2174d2] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-dc2174d2] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-dc2174d2] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-dc2174d2] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-dc2174d2] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-dc2174d2] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-dc2174d2] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-dc2174d2] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-dc2174d2] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-dc2174d2] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-dc2174d2] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-dc2174d2] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-dc2174d2] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-dc2174d2] {
  align-items: center;
  animation: blink-dc2174d2 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-dc2174d2 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-dc2174d2] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-dc2174d2] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-dc2174d2] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-dc2174d2] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-dc2174d2] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-dc2174d2] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-dc2174d2]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-dc2174d2] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-dc2174d2] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-dc2174d2] {
  margin: 0 0 0 -8px;
}
.news-feed[data-v-dc2174d2] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  margin: 0 0 8px;
}
@media (min-width: 429px) {
  .news-feed[data-v-dc2174d2] {
    border-radius: 5px;
  }
}
@media (min-width: 1024px) {
  .news-feed[data-v-dc2174d2] {
    margin: 0 0 8px;
  }
}
.news-feed[data-v-dc2174d2] .card-wrap {
  box-shadow: none;
  margin-bottom: 0;
  padding: 16px 16px 12px;
}
@media (min-width: 1024px) {
  .news-feed[data-v-dc2174d2] .card-wrap {
    padding: 24px 24px 20px;
  }
}
.news-feed[data-v-dc2174d2] .card-divider-wrap.card-divider {
  margin: 0 auto;
  width: calc(100% - 32px);
}
@media (min-width: 1024px) {
  .news-feed[data-v-dc2174d2] .card-divider-wrap.card-divider {
    width: calc(100% - 48px);
  }
}
.news-feed[data-v-dc2174d2]
  .card-engagement-bar
  .card-divider-wrap.card-divider {
  margin: 0 4px;
  width: 1px;
}
.news-feed[data-v-dc2174d2]
  .card-engagement-bar
  .card-engagement-bar__right
  .card-divider-wrap.card-divider {
  margin-right: 12px;
}
.news-feed .divider-is-horizontal[data-v-dc2174d2] {
  margin-bottom: 24px;
}
.is-sidebar .news-feed[data-v-dc2174d2] {
  margin-left: 0;
  margin-right: 0;
}
.feed-container .news-feed[data-v-dc2174d2] {
  border: none;
  box-shadow: none;
}
.feed-container .news-feed[data-v-dc2174d2] .card-wrap {
  box-shadow: none;
  margin-bottom: 0;
  padding: 16px 16px 12px;
}
@media (min-width: 1024px) {
  .feed-container .news-feed[data-v-dc2174d2] .card-wrap {
    padding: 24px 24px 20px;
  }
}
@media (min-width: 1024px) {
  .feed-renderer.additional-right-margin[data-v-dc2174d2] {
    margin-right: 4px;
  }
}
.content-with-background[data-v-dc2174d2] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
.content-with-background.no-padding[data-v-dc2174d2] {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.padding-overide .content-with-background[data-v-dc2174d2] {
  padding: 0;
}
@media (min-width: 1024px) {
  .padding-overide .content-with-background[data-v-dc2174d2] {
    padding: 8px 0 0;
  }
}
.standalone-card[data-v-dc2174d2] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
.cards-container[data-v-dc2174d2] {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.cards-container .card-divider[data-v-dc2174d2]:last-of-type {
  display: none;
}
.cards-container.is-grid[data-v-dc2174d2] .comment-action-copy,
.cards-container.is-grid[data-v-dc2174d2] .react-action-copy {
  display: none;
}
@media (min-width: 1024px) {
  .cards-container.is-grid[data-v-dc2174d2] .react-action-copy {
    display: inline-block;
  }
}
.cards-container.is-grid[data-v-dc2174d2] .card-engagement-bar__right {
  display: none;
}
@media (min-width: 1024px) {
  .cards-container.is-grid[data-v-dc2174d2] .card-engagement-bar__right {
    display: flex;
  }
}
.card-container[data-v-dc2174d2] {
  box-sizing: border-box;
  width: 100%;
}
.card-container.in-grid[data-v-dc2174d2] {
  width: 50%;
}
.card-container.in-grid.odd[data-v-dc2174d2] {
  border-right: 1px solid var(--color-200);
  padding-right: 8px;
}
.card-container.in-grid.even[data-v-dc2174d2] {
  padding-left: 8px;
}
.card-container.in-grid.even[data-v-dc2174d2] .tooltip-box {
  right: 0;
}
@media (min-width: 1024px) {
  .card-container.in-grid.even[data-v-dc2174d2] .tooltip-box {
    right: unset;
  }
}
.card-divider[data-v-dc2174d2] {
  height: 1px;
  margin: 8px 0;
  width: 100%;
}
.card-divider[data-v-dc2174d2],
.card-vertical-divider[data-v-dc2174d2] {
  background-color: var(--color-200);
  display: block;
}
.card-vertical-divider[data-v-dc2174d2] {
  height: 100%;
  margin: 0 8px;
  width: 1px;
}
.bottom-divider[data-v-dc2174d2] {
  height: 3px;
  margin-bottom: 0;
  margin-top: 8px;
}
.pagination .next[data-v-8bc42212],
.pagination .prev[data-v-8bc42212] {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px !important;
}
.pagination li[data-v-8bc42212] {
  border-radius: 0 !important;
}
.pagination li[data-v-8bc42212]:first-of-type,
.pagination li[data-v-8bc42212]:last-of-type {
  color: var(--accent);
}
.pagination li a[data-v-8bc42212]:before {
  font-size: 1rem !important;
}
.pagination li.active[data-v-8bc42212]:after {
  border-radius: 0 !important;
}
.pagination li.disabled[data-v-8bc42212] {
  opacity: 0.42;
}
.pagination li.disabled[data-v-8bc42212]:first-of-type {
  margin-right: 8px;
}
.pagination li.disabled[data-v-8bc42212]:last-of-type {
  margin-left: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-8bc42212] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-8bc42212] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-8bc42212],
  .comment-reply-bubble[data-v-8bc42212] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-8bc42212],
  .comment-reply-bubble[data-v-8bc42212] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8bc42212] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8bc42212] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8bc42212],
  .comment-title[data-v-8bc42212] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8bc42212],
  .comment-title[data-v-8bc42212] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-8bc42212] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-8bc42212] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-8bc42212] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-8bc42212] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-8bc42212] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-8bc42212] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-8bc42212] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-8bc42212] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-8bc42212] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-8bc42212] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-8bc42212] {
  margin-bottom: 16px;
}
.comment-header[data-v-8bc42212] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-8bc42212] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-8bc42212] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-8bc42212] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-8bc42212] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-8bc42212] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-8bc42212]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-8bc42212],
.comment-page .comment-header.is-sticky[data-v-8bc42212] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-8bc42212] {
  animation: slideInDown-8bc42212 0.32s ease-in-out;
}
@keyframes slideInDown-8bc42212 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8bc42212] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8bc42212] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8bc42212]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8bc42212]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8bc42212] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-8bc42212] {
  animation: slideOutUp-8bc42212 0.32s ease-in-out;
}
@keyframes slideOutUp-8bc42212 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-8bc42212] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-8bc42212] {
  margin-left: 8px;
}
.comment-title span[data-v-8bc42212] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-8bc42212] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-8bc42212] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-8bc42212] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-8bc42212]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-8bc42212] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-8bc42212] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-8bc42212] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-8bc42212] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-8bc42212] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-8bc42212],
.comment-page.post-fixed .comment-post-body[data-v-8bc42212] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-8bc42212] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-8bc42212] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-8bc42212] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-8bc42212] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-8bc42212] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-8bc42212] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-8bc42212] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-8bc42212] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-8bc42212] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-8bc42212],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-8bc42212] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-8bc42212] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-8bc42212] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-8bc42212],
.comment-page.post-fixed .comment-post-body.active[data-v-8bc42212] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-8bc42212],
  .comment-page.post-fixed .comment-post-body.active[data-v-8bc42212] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-8bc42212],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-8bc42212] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-8bc42212] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-8bc42212] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-8bc42212] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-8bc42212] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-8bc42212] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-8bc42212] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-8bc42212] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-8bc42212] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-8bc42212] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8bc42212] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-8bc42212]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-8bc42212]:focus,
.comment-input-field.textarea[data-v-8bc42212]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8bc42212]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-8bc42212] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-8bc42212] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8bc42212] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-8bc42212] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8bc42212] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8bc42212] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-8bc42212] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-8bc42212] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8bc42212]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-8bc42212] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-8bc42212],
.comment-send-btn.disabled .icon-send[data-v-8bc42212] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-8bc42212]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-8bc42212] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-8bc42212] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-8bc42212] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-8bc42212] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-8bc42212] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-8bc42212] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-8bc42212] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-8bc42212] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-8bc42212] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-8bc42212] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-8bc42212] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-8bc42212] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-8bc42212] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-8bc42212] {
  align-items: center;
  animation: blink-8bc42212 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-8bc42212 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-8bc42212] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-8bc42212] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-8bc42212] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-8bc42212] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-8bc42212] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-8bc42212] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-8bc42212]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-8bc42212] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-8bc42212] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-8bc42212] {
  margin: 0 0 0 -8px;
}
.pagination[data-v-8bc42212] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
@media screen and (min-width: 400px) {
  .pagination[data-v-8bc42212] {
    justify-content: center;
  }
}
.pagination li[data-v-8bc42212] {
  align-items: center;
  border-radius: 3px;
  color: var(--color-900);
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  height: 32px;
  justify-content: center;
  margin: 0 2px;
  min-width: 32px;
  padding: 0 2px;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .pagination li[data-v-8bc42212] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .pagination li[data-v-8bc42212] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .pagination li[data-v-8bc42212] {
    padding: 0 4px;
  }
}
.pagination li a[data-v-8bc42212] {
  align-items: center;
  display: flex;
  flex-basis: 32px;
  flex-grow: 1;
  flex-shrink: 1;
  height: 32px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .pagination li[data-v-8bc42212]:hover {
    background-color: var(--color-200);
  }
}
.pagination li[data-v-8bc42212]:first-of-type,
.pagination li[data-v-8bc42212]:last-of-type {
  background-color: #54545400;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  margin: 0;
  width: 32px;
}
@media (min-width: 1024px) {
  .pagination li[data-v-8bc42212]:first-of-type:hover,
  .pagination li[data-v-8bc42212]:last-of-type:hover {
    background-color: var(--color-200);
  }
}
.pagination li:first-of-type a[data-v-8bc42212],
.pagination li:last-of-type a[data-v-8bc42212] {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  font-family: icons !important;
  height: 100%;
  justify-content: center;
  width: 100%;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination li:first-of-type a[data-v-8bc42212]:before,
.pagination li:last-of-type a[data-v-8bc42212]:before {
  font-size: 1.5rem;
  transition: color 0.3s;
}
@media (min-width: 1024px) {
  .pagination li[data-v-8bc42212]:first-of-type {
    margin-right: 8px;
  }
  .pagination li[data-v-8bc42212]:last-of-type {
    margin-left: 8px;
  }
}
.pagination li:first-of-type a[data-v-8bc42212]:before {
  content: "";
}
.pagination li:last-of-type a[data-v-8bc42212]:before {
  content: "";
}
.pagination li.disabled[data-v-8bc42212] {
  cursor: default;
  margin: 0;
  min-width: unset;
  pointer-events: none;
}
.pagination li.disabled a[data-v-8bc42212] {
  color: var(--color-500);
  cursor: default;
}
.pagination li.disabled[data-v-8bc42212]:first-of-type {
  margin-right: 10px;
}
.pagination li.disabled[data-v-8bc42212]:last-of-type {
  margin-left: 10px;
}
.pagination li.active[data-v-8bc42212] {
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  min-width: 32px;
  padding: 0 2px;
  position: relative;
}
@media (min-width: 1024px) {
  .pagination li.active[data-v-8bc42212] {
    padding: 0 4px;
  }
}
.pagination li.active[data-v-8bc42212]:after {
  background-color: var(--accent);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  right: 2px;
  width: auto;
}
@media (min-width: 1024px) {
  .pagination li.active[data-v-8bc42212]:after {
    left: 4px;
    right: 4px;
  }
}
.pagination li.active + .disabled[data-v-8bc42212] {
  margin-left: 10px;
}
.pagination li.ellipsis[data-v-8bc42212] {
  color: var(--color-500);
  cursor: default;
  margin: 0;
  min-width: unset;
  pointer-events: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4f021c73] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4f021c73] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4f021c73],
  .comment-reply-bubble[data-v-4f021c73] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4f021c73],
  .comment-reply-bubble[data-v-4f021c73] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4f021c73] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4f021c73] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4f021c73],
  .comment-title[data-v-4f021c73] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4f021c73],
  .comment-title[data-v-4f021c73] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4f021c73] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4f021c73] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4f021c73] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4f021c73] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4f021c73] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4f021c73] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4f021c73] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4f021c73] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4f021c73] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4f021c73] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4f021c73] {
  margin-bottom: 16px;
}
.comment-header[data-v-4f021c73] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4f021c73] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4f021c73] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4f021c73] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4f021c73] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4f021c73] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4f021c73]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4f021c73],
.comment-page .comment-header.is-sticky[data-v-4f021c73] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4f021c73] {
  animation: slideInDown-4f021c73 0.32s ease-in-out;
}
@keyframes slideInDown-4f021c73 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4f021c73] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f021c73] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f021c73]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4f021c73]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4f021c73] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4f021c73] {
  animation: slideOutUp-4f021c73 0.32s ease-in-out;
}
@keyframes slideOutUp-4f021c73 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4f021c73] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4f021c73] {
  margin-left: 8px;
}
.comment-title span[data-v-4f021c73] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4f021c73] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4f021c73] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4f021c73] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4f021c73]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4f021c73] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4f021c73] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4f021c73] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4f021c73] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4f021c73] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4f021c73],
.comment-page.post-fixed .comment-post-body[data-v-4f021c73] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4f021c73] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4f021c73] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4f021c73] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4f021c73] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4f021c73] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4f021c73] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4f021c73] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4f021c73] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4f021c73] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4f021c73],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4f021c73] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4f021c73] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4f021c73] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4f021c73],
.comment-page.post-fixed .comment-post-body.active[data-v-4f021c73] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4f021c73],
  .comment-page.post-fixed .comment-post-body.active[data-v-4f021c73] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4f021c73],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4f021c73] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4f021c73] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4f021c73] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4f021c73] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4f021c73] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4f021c73] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4f021c73] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4f021c73] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4f021c73] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4f021c73] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4f021c73] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4f021c73]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4f021c73]:focus,
.comment-input-field.textarea[data-v-4f021c73]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4f021c73]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4f021c73] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4f021c73] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4f021c73] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4f021c73] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4f021c73] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4f021c73] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4f021c73] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4f021c73] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4f021c73]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4f021c73] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4f021c73],
.comment-send-btn.disabled .icon-send[data-v-4f021c73] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4f021c73]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4f021c73] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4f021c73] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4f021c73] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4f021c73] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4f021c73] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4f021c73] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4f021c73] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4f021c73] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4f021c73] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4f021c73] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4f021c73] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4f021c73] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4f021c73] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4f021c73] {
  align-items: center;
  animation: blink-4f021c73 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4f021c73 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4f021c73] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4f021c73] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4f021c73] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4f021c73] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4f021c73] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4f021c73] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4f021c73]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4f021c73] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4f021c73] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4f021c73] {
  margin: 0 0 0 -8px;
}
.paged-list[data-v-4f021c73] {
  padding-bottom: 24px;
}
.is-narrow .paged-list[data-v-4f021c73] {
  padding-bottom: 8px;
}
.pagination[data-v-4f021c73] {
  margin: 20px 0 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-c5124914] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-c5124914] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-c5124914],
  .comment-reply-bubble[data-v-c5124914] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-c5124914],
  .comment-reply-bubble[data-v-c5124914] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c5124914] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c5124914] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c5124914],
  .comment-title[data-v-c5124914] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c5124914],
  .comment-title[data-v-c5124914] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-c5124914] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-c5124914] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-c5124914] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-c5124914] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-c5124914] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-c5124914] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-c5124914] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-c5124914] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-c5124914] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-c5124914] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-c5124914] {
  margin-bottom: 16px;
}
.comment-header[data-v-c5124914] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-c5124914] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-c5124914] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-c5124914] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-c5124914] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-c5124914] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-c5124914]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-c5124914],
.comment-page .comment-header.is-sticky[data-v-c5124914] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-c5124914] {
  animation: slideInDown-c5124914 0.32s ease-in-out;
}
@keyframes slideInDown-c5124914 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c5124914] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c5124914] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c5124914]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c5124914]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c5124914] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-c5124914] {
  animation: slideOutUp-c5124914 0.32s ease-in-out;
}
@keyframes slideOutUp-c5124914 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-c5124914] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-c5124914] {
  margin-left: 8px;
}
.comment-title span[data-v-c5124914] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-c5124914] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-c5124914] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-c5124914] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-c5124914]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-c5124914] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-c5124914] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-c5124914] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-c5124914] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-c5124914] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-c5124914],
.comment-page.post-fixed .comment-post-body[data-v-c5124914] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-c5124914] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-c5124914] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-c5124914] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-c5124914] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-c5124914] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-c5124914] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-c5124914] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-c5124914] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-c5124914] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-c5124914],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-c5124914] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-c5124914] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-c5124914] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-c5124914],
.comment-page.post-fixed .comment-post-body.active[data-v-c5124914] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-c5124914],
  .comment-page.post-fixed .comment-post-body.active[data-v-c5124914] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-c5124914],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-c5124914] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-c5124914] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-c5124914] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-c5124914] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-c5124914] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-c5124914] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-c5124914] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-c5124914] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-c5124914] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-c5124914] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c5124914] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-c5124914]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-c5124914]:focus,
.comment-input-field.textarea[data-v-c5124914]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c5124914]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-c5124914] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-c5124914] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c5124914] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-c5124914] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c5124914] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c5124914] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-c5124914] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-c5124914] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c5124914]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-c5124914] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-c5124914],
.comment-send-btn.disabled .icon-send[data-v-c5124914] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-c5124914]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-c5124914] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-c5124914] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-c5124914] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-c5124914] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-c5124914] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-c5124914] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-c5124914] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-c5124914] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-c5124914] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-c5124914] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-c5124914] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-c5124914] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-c5124914] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-c5124914] {
  align-items: center;
  animation: blink-c5124914 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-c5124914 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-c5124914] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-c5124914] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-c5124914] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-c5124914] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-c5124914] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-c5124914] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-c5124914]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-c5124914] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-c5124914] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-c5124914] {
  margin: 0 0 0 -8px;
}
.paged-list[data-v-c5124914] {
  padding-bottom: 24px;
}
.is-narrow .paged-list[data-v-c5124914] {
  padding-bottom: 8px;
}
.btn[data-v-c5124914] {
  height: unset;
  line-height: 1.0625rem;
  margin-top: 12px;
  min-height: 40px;
  padding: 11px 24px 12px;
}
.btn span[data-v-c5124914] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .article-sidebar .no-engagement-bar[data-v-c5124914] .card-content .title,
  .is-sidebar .no-engagement-bar[data-v-c5124914] .card-content .title {
    margin-bottom: 0;
  }
}
.pagination[data-v-c5124914] {
  margin: 24px 0 0;
}
.result-divider[data-v-c5124914] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px 0;
  width: auto;
}
@media (min-width: 1024px) {
  .result-divider[data-v-c5124914] {
    margin: 8px auto 24px;
    max-width: 688px;
    width: 100%;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-96ac3354] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-96ac3354] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-96ac3354],
  .comment-reply-bubble[data-v-96ac3354] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-96ac3354],
  .comment-reply-bubble[data-v-96ac3354] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-96ac3354] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-96ac3354] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .card-header[data-v-96ac3354] .card-header__title,
  .comment-avatar.login[data-v-96ac3354],
  .comment-title[data-v-96ac3354] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-header[data-v-96ac3354] .card-header__title,
  .comment-avatar.login[data-v-96ac3354],
  .comment-title[data-v-96ac3354] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-96ac3354] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-96ac3354] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-96ac3354] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-96ac3354] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-96ac3354] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-96ac3354] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-96ac3354] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-96ac3354] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-96ac3354] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-96ac3354] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-96ac3354] {
  margin-bottom: 16px;
}
.comment-header[data-v-96ac3354] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-96ac3354] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-96ac3354] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-96ac3354] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-96ac3354] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-96ac3354] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-96ac3354]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-96ac3354],
.comment-page .comment-header.is-sticky[data-v-96ac3354] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-96ac3354] {
  animation: slideInDown-96ac3354 0.32s ease-in-out;
}
@keyframes slideInDown-96ac3354 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-96ac3354] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-96ac3354] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-96ac3354]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-96ac3354]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-96ac3354] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-96ac3354] {
  animation: slideOutUp-96ac3354 0.32s ease-in-out;
}
@keyframes slideOutUp-96ac3354 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-96ac3354] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-96ac3354] {
  margin-left: 8px;
}
.comment-title span[data-v-96ac3354] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-96ac3354] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-96ac3354] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-96ac3354] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-96ac3354]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-96ac3354] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-96ac3354] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-96ac3354] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-96ac3354] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-96ac3354] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-96ac3354],
.comment-page.post-fixed .comment-post-body[data-v-96ac3354] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-96ac3354] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-96ac3354] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-96ac3354] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-96ac3354] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-96ac3354] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-96ac3354] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-96ac3354] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-96ac3354] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-96ac3354] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-96ac3354],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-96ac3354] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-96ac3354] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-96ac3354] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-96ac3354],
.comment-page.post-fixed .comment-post-body.active[data-v-96ac3354] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-96ac3354],
  .comment-page.post-fixed .comment-post-body.active[data-v-96ac3354] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-96ac3354],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-96ac3354] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-96ac3354] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-96ac3354] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-96ac3354] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-96ac3354] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-96ac3354] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-96ac3354] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-96ac3354] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-96ac3354] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-96ac3354] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-96ac3354] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-96ac3354]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-96ac3354]:focus,
.comment-input-field.textarea[data-v-96ac3354]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-96ac3354]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-96ac3354] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-96ac3354] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-96ac3354] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-96ac3354] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-96ac3354] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-96ac3354] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-96ac3354] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-96ac3354] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-96ac3354]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-96ac3354] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-96ac3354],
.comment-send-btn.disabled .icon-send[data-v-96ac3354] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-96ac3354]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-96ac3354] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-96ac3354] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-96ac3354] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-96ac3354] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-96ac3354] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-96ac3354] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-96ac3354] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-96ac3354] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-96ac3354] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-96ac3354] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-96ac3354] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-96ac3354] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-96ac3354] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-96ac3354] {
  align-items: center;
  animation: blink-96ac3354 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-96ac3354 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-96ac3354] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-96ac3354] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-96ac3354] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-96ac3354] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-96ac3354] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-96ac3354] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-96ac3354]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-96ac3354] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-96ac3354] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-96ac3354] {
  margin: 0 0 0 -8px;
}
.card-header[data-v-96ac3354] {
  align-items: center;
  background-color: var(--color-50);
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 1024px) {
  .card-header[data-v-96ac3354] {
    height: 56px;
    padding: 0 24px;
  }
}
.card-header[data-v-96ac3354] .card-header__animation {
  display: flex;
  flex-basis: 24px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}
.card-header[data-v-96ac3354] .card-header__animation svg path {
  fill: var(--color-900);
}
.card-header[data-v-96ac3354] .card-header__sponsor {
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  max-height: 24px;
  position: relative;
}
.card-header[data-v-96ac3354] .card-header__sponsor img {
  margin-right: 8px;
  max-height: 100%;
  object-fit: contain;
  width: auto;
}
.card-header[data-v-96ac3354] .card-header__title {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.smartlife .card-header[data-v-96ac3354] .card-header__title {
  color: #fff;
}
.card-header[data-v-96ac3354] .card-header__icon {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 3px;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.card-header[data-v-96ac3354] .card-header__icon [class^="icon-"] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .card-header[data-v-96ac3354] .card-header__icon:hover {
    background-color: var(--color-200);
  }
}
.card-header.is-live[data-v-96ac3354] .card-header__title {
  letter-spacing: normal;
  text-transform: none;
}
.card-header.card-perseus-header[data-v-96ac3354] .card-header__animation {
  margin-left: -4px;
}
.light .card-header[data-v-96ac3354] img.is-light {
  display: inline;
}
.light .card-header[data-v-96ac3354] img.is-dark,
.dark .card-header[data-v-96ac3354] img.is-light {
  display: none;
}
.dark .card-header[data-v-96ac3354] img.is-dark {
  display: inline;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-c94394c8] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-c94394c8] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-c94394c8],
  .comment-reply-bubble[data-v-c94394c8] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-c94394c8],
  .comment-reply-bubble[data-v-c94394c8] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c94394c8] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c94394c8] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c94394c8],
  .comment-title[data-v-c94394c8] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c94394c8],
  .comment-title[data-v-c94394c8] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-c94394c8] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-c94394c8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-c94394c8] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-c94394c8] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-c94394c8] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-c94394c8] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-c94394c8] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-c94394c8] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-c94394c8] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-c94394c8] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-c94394c8] {
  margin-bottom: 16px;
}
.comment-header[data-v-c94394c8] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-c94394c8] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-c94394c8] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-c94394c8] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-c94394c8] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-c94394c8] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-c94394c8]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-c94394c8],
.comment-page .comment-header.is-sticky[data-v-c94394c8] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-c94394c8] {
  animation: slideInDown-c94394c8 0.32s ease-in-out;
}
@keyframes slideInDown-c94394c8 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c94394c8] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c94394c8] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c94394c8]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c94394c8]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c94394c8] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-c94394c8] {
  animation: slideOutUp-c94394c8 0.32s ease-in-out;
}
@keyframes slideOutUp-c94394c8 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-c94394c8] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-c94394c8] {
  margin-left: 8px;
}
.comment-title span[data-v-c94394c8] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-c94394c8] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-c94394c8] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-c94394c8] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-c94394c8]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-c94394c8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-c94394c8] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-c94394c8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-c94394c8] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-c94394c8] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-c94394c8],
.comment-page.post-fixed .comment-post-body[data-v-c94394c8] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-c94394c8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-c94394c8] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-c94394c8] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-c94394c8] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-c94394c8] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-c94394c8] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-c94394c8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-c94394c8] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-c94394c8] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-c94394c8],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-c94394c8] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-c94394c8] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-c94394c8] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-c94394c8],
.comment-page.post-fixed .comment-post-body.active[data-v-c94394c8] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-c94394c8],
  .comment-page.post-fixed .comment-post-body.active[data-v-c94394c8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-c94394c8],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-c94394c8] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-c94394c8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-c94394c8] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-c94394c8] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-c94394c8] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-c94394c8] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-c94394c8] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-c94394c8] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-c94394c8] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-c94394c8] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c94394c8] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-c94394c8]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-c94394c8]:focus,
.comment-input-field.textarea[data-v-c94394c8]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c94394c8]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-c94394c8] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-c94394c8] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c94394c8] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-c94394c8] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c94394c8] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c94394c8] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-c94394c8] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-c94394c8] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c94394c8]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-c94394c8] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-c94394c8],
.comment-send-btn.disabled .icon-send[data-v-c94394c8] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-c94394c8]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-c94394c8] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-c94394c8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-c94394c8] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-c94394c8] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-c94394c8] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-c94394c8] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-c94394c8] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-c94394c8] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-c94394c8] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-c94394c8] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-c94394c8] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-c94394c8] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-c94394c8] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-c94394c8] {
  align-items: center;
  animation: blink-c94394c8 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-c94394c8 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-c94394c8] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-c94394c8] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-c94394c8] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-c94394c8] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-c94394c8] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-c94394c8] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-c94394c8]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-c94394c8] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-c94394c8] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-c94394c8] {
  margin: 0 0 0 -8px;
}
.oblong-card[data-v-c94394c8] {
  height: 100%;
}
.oblong-card__image[data-v-c94394c8],
.oblong-card__image-figure[data-v-c94394c8] {
  height: 100%;
  position: relative;
}
.oblong-card__image-figure[data-v-c94394c8] {
  aspect-ratio: 9/16;
  width: 100%;
}
.oblong-card__image-figure img[data-v-c94394c8] {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.oblong-card__title[data-v-c94394c8] {
  color: var(--color-dark-900);
  font-size: 1rem;
  left: 8px;
  letter-spacing: 0.09px;
  line-height: 1.25rem;
  position: absolute;
  right: 8px;
  text-shadow: 0 1px 3px #0000008c;
  text-transform: uppercase;
  top: 8px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .oblong-card__title[data-v-c94394c8] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .oblong-card__title[data-v-c94394c8] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .oblong-card__title[data-v-c94394c8] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fdd54fe0] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fdd54fe0] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fdd54fe0],
  .comment-reply-bubble[data-v-fdd54fe0] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fdd54fe0],
  .comment-reply-bubble[data-v-fdd54fe0] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fdd54fe0] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fdd54fe0] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fdd54fe0],
  .comment-title[data-v-fdd54fe0] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fdd54fe0],
  .comment-title[data-v-fdd54fe0] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fdd54fe0] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fdd54fe0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fdd54fe0] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fdd54fe0] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fdd54fe0] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fdd54fe0] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fdd54fe0] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fdd54fe0] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fdd54fe0] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fdd54fe0] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fdd54fe0] {
  margin-bottom: 16px;
}
.comment-header[data-v-fdd54fe0] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fdd54fe0] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fdd54fe0] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fdd54fe0] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fdd54fe0] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fdd54fe0] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fdd54fe0]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fdd54fe0],
.comment-page .comment-header.is-sticky[data-v-fdd54fe0] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fdd54fe0] {
  animation: slideInDown-fdd54fe0 0.32s ease-in-out;
}
@keyframes slideInDown-fdd54fe0 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fdd54fe0] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fdd54fe0] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fdd54fe0]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fdd54fe0]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fdd54fe0] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fdd54fe0] {
  animation: slideOutUp-fdd54fe0 0.32s ease-in-out;
}
@keyframes slideOutUp-fdd54fe0 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fdd54fe0] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fdd54fe0] {
  margin-left: 8px;
}
.comment-title span[data-v-fdd54fe0] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fdd54fe0] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fdd54fe0] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fdd54fe0] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fdd54fe0]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fdd54fe0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fdd54fe0] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fdd54fe0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fdd54fe0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fdd54fe0] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fdd54fe0],
.comment-page.post-fixed .comment-post-body[data-v-fdd54fe0] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fdd54fe0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fdd54fe0] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fdd54fe0] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fdd54fe0] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fdd54fe0] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fdd54fe0] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fdd54fe0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fdd54fe0] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fdd54fe0] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fdd54fe0],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fdd54fe0] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fdd54fe0] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fdd54fe0] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fdd54fe0],
.comment-page.post-fixed .comment-post-body.active[data-v-fdd54fe0] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fdd54fe0],
  .comment-page.post-fixed .comment-post-body.active[data-v-fdd54fe0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fdd54fe0],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fdd54fe0] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fdd54fe0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fdd54fe0] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fdd54fe0] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fdd54fe0] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fdd54fe0] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fdd54fe0] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fdd54fe0] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fdd54fe0] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fdd54fe0] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fdd54fe0] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fdd54fe0]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fdd54fe0]:focus,
.comment-input-field.textarea[data-v-fdd54fe0]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fdd54fe0]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fdd54fe0] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fdd54fe0] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fdd54fe0] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fdd54fe0] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fdd54fe0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fdd54fe0] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fdd54fe0] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fdd54fe0] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fdd54fe0]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fdd54fe0] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fdd54fe0],
.comment-send-btn.disabled .icon-send[data-v-fdd54fe0] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fdd54fe0]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fdd54fe0] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fdd54fe0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fdd54fe0] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fdd54fe0] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fdd54fe0] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fdd54fe0] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fdd54fe0] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fdd54fe0] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fdd54fe0] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fdd54fe0] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fdd54fe0] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fdd54fe0] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fdd54fe0] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fdd54fe0] {
  align-items: center;
  animation: blink-fdd54fe0 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fdd54fe0 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fdd54fe0] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fdd54fe0] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fdd54fe0] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fdd54fe0] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fdd54fe0] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fdd54fe0] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fdd54fe0]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fdd54fe0] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fdd54fe0] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fdd54fe0] {
  margin: 0 0 0 -8px;
}
.loader-container[data-v-fdd54fe0] {
  background-color: var(--color-50);
  width: 160px;
}
@media (min-width: 1024px) {
  .loader-container[data-v-fdd54fe0] {
    width: 100%;
  }
}
.skeleton[data-v-fdd54fe0] {
  animation: loader-fdd54fe0 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
.wrapper[data-v-fdd54fe0] {
  display: flex;
  flex-direction: column;
}
.image[data-v-fdd54fe0] {
  aspect-ratio: 9/16;
  width: 160px;
}
@media (min-width: 1024px) {
  .image[data-v-fdd54fe0] {
    width: 100%;
  }
}
@keyframes loader-fdd54fe0 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-dfed9d1e] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-dfed9d1e] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-dfed9d1e],
  .comment-reply-bubble[data-v-dfed9d1e] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-dfed9d1e],
  .comment-reply-bubble[data-v-dfed9d1e] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dfed9d1e] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-dfed9d1e] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dfed9d1e],
  .comment-title[data-v-dfed9d1e] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-dfed9d1e],
  .comment-title[data-v-dfed9d1e] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-dfed9d1e] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-dfed9d1e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-dfed9d1e] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-dfed9d1e] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-dfed9d1e] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-dfed9d1e] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-dfed9d1e] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-dfed9d1e] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-dfed9d1e] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-dfed9d1e] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-dfed9d1e] {
  margin-bottom: 16px;
}
.comment-header[data-v-dfed9d1e] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-dfed9d1e] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-dfed9d1e] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-dfed9d1e] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-dfed9d1e] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-dfed9d1e] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-dfed9d1e]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-dfed9d1e],
.comment-page .comment-header.is-sticky[data-v-dfed9d1e] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-dfed9d1e] {
  animation: slideInDown-dfed9d1e 0.32s ease-in-out;
}
@keyframes slideInDown-dfed9d1e {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dfed9d1e] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfed9d1e] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfed9d1e]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-dfed9d1e]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-dfed9d1e] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-dfed9d1e] {
  animation: slideOutUp-dfed9d1e 0.32s ease-in-out;
}
@keyframes slideOutUp-dfed9d1e {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-dfed9d1e] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-dfed9d1e] {
  margin-left: 8px;
}
.comment-title span[data-v-dfed9d1e] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-dfed9d1e] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-dfed9d1e] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-dfed9d1e] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-dfed9d1e]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-dfed9d1e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-dfed9d1e] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-dfed9d1e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-dfed9d1e] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-dfed9d1e] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-dfed9d1e],
.comment-page.post-fixed .comment-post-body[data-v-dfed9d1e] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-dfed9d1e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-dfed9d1e] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-dfed9d1e] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-dfed9d1e] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-dfed9d1e] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-dfed9d1e] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-dfed9d1e] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-dfed9d1e] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-dfed9d1e] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-dfed9d1e],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-dfed9d1e] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-dfed9d1e] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-dfed9d1e] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-dfed9d1e],
.comment-page.post-fixed .comment-post-body.active[data-v-dfed9d1e] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-dfed9d1e],
  .comment-page.post-fixed .comment-post-body.active[data-v-dfed9d1e] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-dfed9d1e],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-dfed9d1e] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-dfed9d1e] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-dfed9d1e] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-dfed9d1e] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-dfed9d1e] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-dfed9d1e] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-dfed9d1e] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-dfed9d1e] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-dfed9d1e] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-dfed9d1e] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dfed9d1e] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-dfed9d1e]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-dfed9d1e]:focus,
.comment-input-field.textarea[data-v-dfed9d1e]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-dfed9d1e]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-dfed9d1e] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-dfed9d1e] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dfed9d1e] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-dfed9d1e] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dfed9d1e] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-dfed9d1e] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-dfed9d1e] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-dfed9d1e] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-dfed9d1e]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-dfed9d1e] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-dfed9d1e],
.comment-send-btn.disabled .icon-send[data-v-dfed9d1e] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-dfed9d1e]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-dfed9d1e] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-dfed9d1e] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-dfed9d1e] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-dfed9d1e] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-dfed9d1e] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-dfed9d1e] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-dfed9d1e] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-dfed9d1e] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-dfed9d1e] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-dfed9d1e] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-dfed9d1e] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-dfed9d1e] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-dfed9d1e] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-dfed9d1e] {
  align-items: center;
  animation: blink-dfed9d1e 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-dfed9d1e {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-dfed9d1e] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-dfed9d1e] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-dfed9d1e] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-dfed9d1e] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-dfed9d1e] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-dfed9d1e] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-dfed9d1e]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-dfed9d1e] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-dfed9d1e] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-dfed9d1e] {
  margin: 0 0 0 -8px;
}
.horizontal-slider-list[data-v-dfed9d1e] {
  background-color: var(--color-50);
  margin-bottom: 4px;
  padding-bottom: 8px;
}
.horizontal-slider-list .content-slide-btn[data-v-dfed9d1e] {
  background-color: var(--color-dark-100);
  border: 1px solid var(--color-dark-300);
  display: block;
  height: 100%;
  width: 100%;
}
.horizontal-slider-list[data-v-dfed9d1e] .card-header {
  height: 48px;
  padding: 0 8px;
}
.horizontal-slider-list[data-v-dfed9d1e] .card-header .card-header__icon {
  background-color: initial;
}
.horizontal-slider-list[data-v-dfed9d1e] .oblong-card {
  margin-right: 8px;
}
.horizontal-slider-list[data-v-dfed9d1e] .wm-content-slider {
  position: relative;
}
@media (min-width: 1024px) {
  .horizontal-slider-list[data-v-dfed9d1e] .wm-content-slider {
    padding-left: 8px;
  }
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slide-group:first-of-type
  .oblong-card {
  margin-left: 8px;
}
.horizontal-slider-list[data-v-dfed9d1e] .wm-content-slide {
  height: 100%;
}
.horizontal-slider-list[data-v-dfed9d1e] .wm-content-slider__left-arrow-marker,
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker {
  background-color: var(--color-light-50);
  border: 2px solid var(--color-light-300);
  border-radius: 16px;
  height: 32px;
  padding: 8px;
  top: 223px;
  width: 32px;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__left-arrow-marker:hover:before,
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker:hover:before {
  opacity: 1;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__left-arrow-marker:before,
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker:before {
  background-color: var(--color-light-100);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: -2px;
  transition: all 0.15s;
  width: 32px;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__left-arrow-marker:after,
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker:after {
  border: none;
  color: var(--accent);
  font-family: icons;
  font-size: 16px;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker {
  right: 4px;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__right-arrow-marker:after {
  content: "";
}
.horizontal-slider-list[data-v-dfed9d1e] .wm-content-slider__left-arrow-marker {
  left: 4px;
}
.horizontal-slider-list[data-v-dfed9d1e]
  .wm-content-slider__left-arrow-marker:after {
  content: "";
}
.horizontal-slider-list[data-v-dfed9d1e] .card-divider {
  margin: 0 auto 8px;
  width: calc(100% - 16px);
}
.loader-wrapper[data-v-dfed9d1e] {
  display: flex;
  gap: 8px;
  overflow: hidden;
  padding: 0 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-09757998] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-09757998] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-09757998],
  .comment-reply-bubble[data-v-09757998] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-09757998],
  .comment-reply-bubble[data-v-09757998] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-09757998] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-09757998] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-09757998],
  .comment-title[data-v-09757998] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-09757998],
  .comment-title[data-v-09757998] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-09757998] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-09757998] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-09757998] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-09757998] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-09757998] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-09757998] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-09757998] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-09757998] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-09757998] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-09757998] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-09757998] {
  margin-bottom: 16px;
}
.comment-header[data-v-09757998] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-09757998] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-09757998] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-09757998] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-09757998] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-09757998] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-09757998]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-09757998],
.comment-page .comment-header.is-sticky[data-v-09757998] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-09757998] {
  animation: slideInDown-09757998 0.32s ease-in-out;
}
@keyframes slideInDown-09757998 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-09757998] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09757998] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09757998]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-09757998]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09757998] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-09757998] {
  animation: slideOutUp-09757998 0.32s ease-in-out;
}
@keyframes slideOutUp-09757998 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-09757998] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-09757998] {
  margin-left: 8px;
}
.comment-title span[data-v-09757998] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-09757998] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-09757998] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-09757998] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-09757998]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-09757998] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-09757998] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-09757998] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-09757998] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-09757998] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-09757998],
.comment-page.post-fixed .comment-post-body[data-v-09757998] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-09757998] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-09757998] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-09757998] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-09757998] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-09757998] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-09757998] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-09757998] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-09757998] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-09757998] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-09757998],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-09757998] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-09757998] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-09757998] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-09757998],
.comment-page.post-fixed .comment-post-body.active[data-v-09757998] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-09757998],
  .comment-page.post-fixed .comment-post-body.active[data-v-09757998] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-09757998],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-09757998] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-09757998] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-09757998] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-09757998] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-09757998] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-09757998] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-09757998] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-09757998] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-09757998] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-09757998] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-09757998] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-09757998]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-09757998]:focus,
.comment-input-field.textarea[data-v-09757998]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-09757998]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-09757998] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-09757998] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-09757998] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-09757998] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-09757998] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-09757998] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-09757998] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-09757998] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-09757998]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-09757998] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-09757998],
.comment-send-btn.disabled .icon-send[data-v-09757998] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-09757998]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-09757998] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-09757998] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-09757998] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-09757998] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-09757998] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-09757998] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-09757998] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-09757998] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-09757998] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-09757998] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-09757998] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-09757998] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-09757998] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-09757998] {
  align-items: center;
  animation: blink-09757998 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-09757998 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-09757998] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-09757998] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-09757998] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-09757998] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-09757998] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-09757998] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-09757998]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-09757998] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-09757998] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-09757998] {
  margin: 0 0 0 -8px;
}
.shows-grid-headbox__wrapper[data-v-09757998] {
  background-color: var(--color-dark-50);
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  padding: 8px;
}
@media (min-width: 1024px) {
  .shows-grid-headbox__wrapper[data-v-09757998] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5297c40b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5297c40b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5297c40b],
  .comment-reply-bubble[data-v-5297c40b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5297c40b],
  .comment-reply-bubble[data-v-5297c40b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5297c40b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5297c40b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5297c40b],
  .comment-title[data-v-5297c40b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5297c40b],
  .comment-title[data-v-5297c40b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5297c40b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5297c40b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5297c40b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5297c40b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5297c40b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5297c40b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5297c40b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5297c40b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5297c40b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5297c40b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5297c40b] {
  margin-bottom: 16px;
}
.comment-header[data-v-5297c40b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5297c40b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5297c40b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5297c40b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5297c40b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5297c40b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5297c40b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5297c40b],
.comment-page .comment-header.is-sticky[data-v-5297c40b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5297c40b] {
  animation: slideInDown-5297c40b 0.32s ease-in-out;
}
@keyframes slideInDown-5297c40b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5297c40b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5297c40b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5297c40b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5297c40b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5297c40b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5297c40b] {
  animation: slideOutUp-5297c40b 0.32s ease-in-out;
}
@keyframes slideOutUp-5297c40b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5297c40b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5297c40b] {
  margin-left: 8px;
}
.comment-title span[data-v-5297c40b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5297c40b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5297c40b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5297c40b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5297c40b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5297c40b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5297c40b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5297c40b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5297c40b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5297c40b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5297c40b],
.comment-page.post-fixed .comment-post-body[data-v-5297c40b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5297c40b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5297c40b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5297c40b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5297c40b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5297c40b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5297c40b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5297c40b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5297c40b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5297c40b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5297c40b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5297c40b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5297c40b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5297c40b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5297c40b],
.comment-page.post-fixed .comment-post-body.active[data-v-5297c40b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5297c40b],
  .comment-page.post-fixed .comment-post-body.active[data-v-5297c40b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5297c40b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5297c40b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5297c40b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5297c40b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5297c40b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5297c40b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5297c40b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5297c40b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5297c40b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5297c40b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5297c40b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5297c40b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5297c40b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5297c40b]:focus,
.comment-input-field.textarea[data-v-5297c40b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5297c40b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5297c40b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5297c40b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5297c40b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5297c40b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5297c40b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5297c40b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5297c40b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5297c40b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5297c40b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5297c40b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5297c40b],
.comment-send-btn.disabled .icon-send[data-v-5297c40b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5297c40b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5297c40b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5297c40b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5297c40b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5297c40b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5297c40b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5297c40b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5297c40b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5297c40b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5297c40b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5297c40b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5297c40b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5297c40b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5297c40b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5297c40b] {
  align-items: center;
  animation: blink-5297c40b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5297c40b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5297c40b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5297c40b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5297c40b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5297c40b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5297c40b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5297c40b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5297c40b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5297c40b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5297c40b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5297c40b] {
  margin: 0 0 0 -8px;
}
@media (min-width: 1024px) {
  .isOther .tv-widget-card__container[data-v-5297c40b] {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
  }
}
.tv-widget-card__image-container[data-v-5297c40b] {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  margin-bottom: 6px;
  position: relative;
  width: 234px;
}
@media (min-width: 1024px) {
  .isFirst .tv-widget-card__image-container[data-v-5297c40b] {
    width: 100%;
  }
  .isOther .tv-widget-card__image-container[data-v-5297c40b] {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 8px;
    width: 108px;
  }
  .is-sidebar .isOther .tv-widget-card__image-container[data-v-5297c40b] {
    margin-right: 0;
    order: 2;
  }
}
.tv-widget-card__image[data-v-5297c40b] {
  aspect-ratio: 16/9;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.tv-widget-card__title[data-v-5297c40b] {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: var(--color-dark-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .tv-widget-card__title[data-v-5297c40b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-widget-card__title[data-v-5297c40b] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .tv-widget-card__title[data-v-5297c40b] {
    letter-spacing: 0.2px;
  }
  .is-sidebar .tv-widget-card__title[data-v-5297c40b] {
    flex-grow: 1;
  }
  .isFirst .tv-widget-card__title[data-v-5297c40b] {
    font-size: 1.125rem;
    letter-spacing: 0.27px;
    line-height: 1.3125rem;
  }
}
@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
    .isFirst .tv-widget-card__title[data-v-5297c40b] {
      font-variation-settings: "wght" 700;
    }
  }
  @supports not (font-variation-settings: normal) {
    .isFirst .tv-widget-card__title[data-v-5297c40b] {
      font-weight: 700;
    }
  }
}
@media (min-width: 1024px) {
  .isOther .tv-widget-card__title[data-v-5297c40b] {
    color: var(--color-dark-700);
    font-size: 0.8125rem;
    line-height: 1rem;
  }
  .is-sidebar .isOther .tv-widget-card__title[data-v-5297c40b] {
    margin-right: 8px;
    order: 1;
  }
}
.tv-widget-card__play-icon[data-v-5297c40b] {
  display: none;
}
.tv-widget-card__play-icon .icon-play[data-v-5297c40b] {
  color: var(--video-indication-elements);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .isFirst .tv-widget-card__play-icon[data-v-5297c40b] {
    align-items: center;
    background-color: var(--video-indication-surface);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
  }
}
.tv-widget-card__labels[data-v-5297c40b] {
  background-color: var(--color-dark-50);
  bottom: 4px;
  display: flex;
  position: absolute;
  right: 4px;
  width: auto;
}
.tv-widget-card__labels .card-label-wrap[data-v-5297c40b] {
  align-items: center;
  background-color: var(--video-indication-surface);
  color: var(--video-indication-elements);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
@media (min-width: 1024px) {
  .tv-widget-card__labels .card-label-wrap[data-v-5297c40b] {
    height: 20px;
    width: 20px;
  }
  .isFirst .tv-widget-card__labels .card-label-wrap[data-v-5297c40b] {
    height: 24px;
    width: 24px;
  }
}
.tv-widget-card__labels .is-duration[data-v-5297c40b] {
  align-items: center;
  color: var(--color-light-50);
  display: flex;
  font-size: 0.6875rem;
  justify-content: center;
  line-height: 0.875rem;
  padding: 5px 4px;
}
@supports (font-variation-settings: normal) {
  .tv-widget-card__labels .is-duration[data-v-5297c40b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-widget-card__labels .is-duration[data-v-5297c40b] {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .tv-widget-card__labels .is-duration[data-v-5297c40b] {
    font-size: 0.5625rem;
    line-height: 0.875rem;
    padding: 3px;
  }
  .isFirst .tv-widget-card__labels .is-duration[data-v-5297c40b] {
    font-size: 0.6875rem;
    line-height: 0.875rem;
    padding: 5px 4px;
  }
  .isFirst .tv-widget-card__labels .is-play[data-v-5297c40b] {
    display: none;
  }
  .tv-widget-card__labels .is-play .icon-play[data-v-5297c40b]:before {
    display: block;
    font-size: 0.875rem;
  }
}
.tv-widget-card[data-v-5297c40b] .image-label-wrap.is-video {
  bottom: 4px;
  position: absolute;
  right: 4px;
  width: auto;
}
@media (min-width: 1024px) {
  .isFirst
    .tv-widget-card[data-v-5297c40b]
    .image-label-wrap.is-video
    .icon-play {
    display: none;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5373a704] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5373a704] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5373a704],
  .comment-reply-bubble[data-v-5373a704] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5373a704],
  .comment-reply-bubble[data-v-5373a704] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5373a704] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5373a704] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5373a704],
  .comment-title[data-v-5373a704] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5373a704],
  .comment-title[data-v-5373a704] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5373a704] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5373a704] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5373a704] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5373a704] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5373a704] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5373a704] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5373a704] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5373a704] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5373a704] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5373a704] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5373a704] {
  margin-bottom: 16px;
}
.comment-header[data-v-5373a704] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5373a704] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5373a704] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5373a704] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5373a704] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5373a704] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5373a704]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5373a704],
.comment-page .comment-header.is-sticky[data-v-5373a704] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5373a704] {
  animation: slideInDown-5373a704 0.32s ease-in-out;
}
@keyframes slideInDown-5373a704 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5373a704] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5373a704] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5373a704]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5373a704]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5373a704] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5373a704] {
  animation: slideOutUp-5373a704 0.32s ease-in-out;
}
@keyframes slideOutUp-5373a704 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5373a704] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5373a704] {
  margin-left: 8px;
}
.comment-title span[data-v-5373a704] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5373a704] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5373a704] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5373a704] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5373a704]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5373a704] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5373a704] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5373a704] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5373a704] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5373a704] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5373a704],
.comment-page.post-fixed .comment-post-body[data-v-5373a704] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5373a704] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5373a704] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5373a704] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5373a704] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5373a704] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5373a704] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5373a704] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5373a704] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5373a704] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5373a704],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5373a704] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5373a704] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5373a704] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5373a704],
.comment-page.post-fixed .comment-post-body.active[data-v-5373a704] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5373a704],
  .comment-page.post-fixed .comment-post-body.active[data-v-5373a704] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5373a704],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5373a704] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5373a704] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5373a704] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5373a704] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5373a704] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5373a704] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5373a704] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5373a704] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5373a704] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5373a704] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5373a704] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5373a704]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5373a704]:focus,
.comment-input-field.textarea[data-v-5373a704]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5373a704]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5373a704] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5373a704] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5373a704] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5373a704] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5373a704] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5373a704] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5373a704] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5373a704] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5373a704]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5373a704] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5373a704],
.comment-send-btn.disabled .icon-send[data-v-5373a704] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5373a704]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5373a704] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5373a704] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5373a704] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5373a704] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5373a704] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5373a704] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5373a704] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5373a704] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5373a704] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5373a704] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5373a704] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5373a704] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5373a704] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5373a704] {
  align-items: center;
  animation: blink-5373a704 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5373a704 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5373a704] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5373a704] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5373a704] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5373a704] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5373a704] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5373a704] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5373a704]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5373a704] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5373a704] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5373a704] {
  margin: 0 0 0 -8px;
}
.tv-widget-acl[data-v-5373a704] {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .tv-widget-acl[data-v-5373a704] {
    padding: 0 8px;
  }
}
.tv-widget-acl__container[data-v-5373a704] {
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .tv-widget-acl__container[data-v-5373a704] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
    overflow-x: initial;
  }
  .is-sidebar .tv-widget-acl__container[data-v-5373a704] {
    gap: 0;
    grid-template-columns: unset;
  }
}
.tv-widget-acl__first-part[data-v-5373a704] {
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .tv-widget-acl__first-part[data-v-5373a704] {
    margin-left: 0;
    margin-top: 8px;
  }
  .is-sidebar .tv-widget-acl__first-part[data-v-5373a704]:after {
    background-color: var(--color-dark-200);
    content: "";
    display: block;
    height: 1px;
    margin: 8px 0;
    width: 100%;
  }
}
.tv-widget-acl__other-items[data-v-5373a704] {
  display: flex;
  gap: 8px;
}
@media (min-width: 1024px) {
  .tv-widget-acl__other-items[data-v-5373a704] {
    flex-direction: column;
    gap: 0;
    height: 248px;
    overflow-y: scroll;
    padding-top: 8px;
    scrollbar-color: var(--color-dark-400) #0000;
    scrollbar-width: thin;
  }
  .is-sidebar .tv-widget-acl__other-items[data-v-5373a704] {
    height: auto;
    overflow-y: auto;
    padding-top: 0;
  }
}
.tv-widget-acl__other-items-wrapper[data-v-5373a704] {
  position: relative;
}
@media (min-width: 1024px) {
  .tv-widget-acl__other-items-wrapper[data-v-5373a704]:after,
  .tv-widget-acl__other-items-wrapper[data-v-5373a704]:before {
    content: "";
    height: 8px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  .is-sidebar .tv-widget-acl__other-items-wrapper[data-v-5373a704]:after,
  .is-sidebar .tv-widget-acl__other-items-wrapper[data-v-5373a704]:before {
    display: none;
  }
  .tv-widget-acl__other-items-wrapper[data-v-5373a704]:before {
    background-image: var(--tv-widget-scrim-leading);
    top: 0;
  }
  .tv-widget-acl__other-items-wrapper[data-v-5373a704]:after {
    background-image: var(--tv-widget-scrim-trailing);
    bottom: 0;
  }
}
.tv-widget-acl .card-divider[data-v-5373a704] {
  display: none;
}
@media (min-width: 1024px) {
  .tv-widget-acl .card-divider[data-v-5373a704] {
    background-color: var(--color-dark-200);
    display: block;
    height: 1px;
    margin-bottom: 8px;
    width: 100%;
  }
}
.tv-widget__cta[data-v-5373a704] {
  align-items: center;
  background-color: var(--accent);
  color: var(--color-light-50);
  display: flex;
  font-size: 0.875rem;
  height: 40px;
  justify-content: center;
  line-height: 1.0625rem;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .tv-widget__cta[data-v-5373a704] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-widget__cta[data-v-5373a704] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .tv-widget__cta[data-v-5373a704] {
    display: none;
  }
}
.tv-widget__cta.isDesktop[data-v-5373a704] {
  display: none;
}
@media (min-width: 1024px) {
  .tv-widget__cta.isDesktop[data-v-5373a704] {
    cursor: pointer;
    display: flex;
    margin-left: 0;
    transition: all 0.2s;
    width: 100%;
  }
  .tv-widget__cta.isDesktop[data-v-5373a704]:hover {
    background-color: var(--accent-hover);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f7c178d6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f7c178d6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f7c178d6],
  .comment-reply-bubble[data-v-f7c178d6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f7c178d6],
  .comment-reply-bubble[data-v-f7c178d6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f7c178d6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f7c178d6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f7c178d6],
  .comment-title[data-v-f7c178d6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f7c178d6],
  .comment-title[data-v-f7c178d6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f7c178d6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f7c178d6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f7c178d6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f7c178d6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f7c178d6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f7c178d6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f7c178d6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f7c178d6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f7c178d6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f7c178d6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f7c178d6] {
  margin-bottom: 16px;
}
.comment-header[data-v-f7c178d6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f7c178d6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f7c178d6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f7c178d6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f7c178d6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f7c178d6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f7c178d6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f7c178d6],
.comment-page .comment-header.is-sticky[data-v-f7c178d6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f7c178d6] {
  animation: slideInDown-f7c178d6 0.32s ease-in-out;
}
@keyframes slideInDown-f7c178d6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f7c178d6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7c178d6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7c178d6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f7c178d6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7c178d6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f7c178d6] {
  animation: slideOutUp-f7c178d6 0.32s ease-in-out;
}
@keyframes slideOutUp-f7c178d6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f7c178d6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f7c178d6] {
  margin-left: 8px;
}
.comment-title span[data-v-f7c178d6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f7c178d6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f7c178d6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f7c178d6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f7c178d6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f7c178d6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f7c178d6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f7c178d6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f7c178d6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f7c178d6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f7c178d6],
.comment-page.post-fixed .comment-post-body[data-v-f7c178d6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f7c178d6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f7c178d6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f7c178d6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f7c178d6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f7c178d6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f7c178d6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f7c178d6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f7c178d6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f7c178d6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f7c178d6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f7c178d6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f7c178d6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f7c178d6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f7c178d6],
.comment-page.post-fixed .comment-post-body.active[data-v-f7c178d6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f7c178d6],
  .comment-page.post-fixed .comment-post-body.active[data-v-f7c178d6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f7c178d6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f7c178d6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f7c178d6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f7c178d6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f7c178d6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f7c178d6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f7c178d6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f7c178d6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f7c178d6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f7c178d6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f7c178d6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f7c178d6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f7c178d6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f7c178d6]:focus,
.comment-input-field.textarea[data-v-f7c178d6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f7c178d6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f7c178d6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f7c178d6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f7c178d6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f7c178d6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f7c178d6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f7c178d6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f7c178d6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f7c178d6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f7c178d6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f7c178d6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f7c178d6],
.comment-send-btn.disabled .icon-send[data-v-f7c178d6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f7c178d6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f7c178d6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f7c178d6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f7c178d6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f7c178d6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f7c178d6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f7c178d6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f7c178d6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f7c178d6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f7c178d6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f7c178d6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f7c178d6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f7c178d6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f7c178d6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f7c178d6] {
  align-items: center;
  animation: blink-f7c178d6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f7c178d6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f7c178d6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f7c178d6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f7c178d6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f7c178d6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f7c178d6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f7c178d6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f7c178d6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f7c178d6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f7c178d6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f7c178d6] {
  margin: 0 0 0 -8px;
}
.content-aside[data-v-f7c178d6] {
  background-color: var(--color-50);
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
  max-width: 640px;
  padding: 8px 8px 0;
}
@media (min-width: 429px) {
  .content-aside[data-v-f7c178d6] {
    box-shadow: 0 1px 3px #00000021;
  }
}
@media (min-width: 1024px) {
  .content-aside[data-v-f7c178d6] {
    display: flex;
    flex-direction: column;
    padding: 8px 8px 0;
  }
}
.content-aside__header[data-v-f7c178d6] {
  align-items: center;
  display: flex;
  height: 40px;
  padding: 0 0 8px;
}
.content-aside__sponsor[data-v-f7c178d6] {
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  margin-right: 8px;
  max-height: 24px;
  position: relative;
}
.content-aside__sponsor img[data-v-f7c178d6] {
  max-height: 100%;
  object-fit: contain;
  width: auto;
}
.content-aside__headline[data-v-f7c178d6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: 1rem;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@supports (font-variation-settings: normal) {
  .content-aside__headline[data-v-f7c178d6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside__headline[data-v-f7c178d6] {
    font-weight: 800;
  }
}
.content-aside__image[data-v-f7c178d6] {
  flex-grow: 1;
  flex-shrink: 0;
  height: 0;
  margin-bottom: 8px;
  overflow: hidden;
  padding-top: 66.67%;
  position: relative;
  width: 100%;
}
.content-aside__image[data-v-f7c178d6] img,
.content-aside__image[data-v-f7c178d6] picture {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-aside__labels[data-v-f7c178d6] {
  display: flex;
}
.content-aside__labels[data-v-f7c178d6] .card-label-wrap {
  margin: 0 4px 8px 0;
}
.content-aside__title[data-v-f7c178d6] {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 8px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .content-aside__title[data-v-f7c178d6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside__title[data-v-f7c178d6] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .content-aside__title[data-v-f7c178d6] {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}
.content-aside__link[data-v-f7c178d6] {
  align-items: center;
  background-color: var(--accent);
  color: var(--color-50);
  display: inline-flex;
  font-size: 0.875rem;
  height: 40px;
  justify-content: center;
  line-height: 1.0625rem;
  margin-bottom: 8px;
  padding: 8px 24px;
  text-align: center;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .content-aside__link[data-v-f7c178d6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside__link[data-v-f7c178d6] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .content-aside__link[data-v-f7c178d6] {
    margin-right: 24px;
    width: auto;
  }
  .content-aside:hover .content-aside__link[data-v-f7c178d6] {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
[data-v-f7c178d6] .content-aside__labels .is-pr {
  background-color: var(--color-100);
  color: var(--color-700);
}
[data-v-f7c178d6] .content-aside__labels .is-primary {
  color: var(--accent);
}
.hidden[data-v-f7c178d6] {
  display: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-028bb0c3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-028bb0c3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-028bb0c3],
  .comment-reply-bubble[data-v-028bb0c3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-028bb0c3],
  .comment-reply-bubble[data-v-028bb0c3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-028bb0c3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-028bb0c3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-028bb0c3],
  .comment-title[data-v-028bb0c3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-028bb0c3],
  .comment-title[data-v-028bb0c3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-028bb0c3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-028bb0c3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-028bb0c3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-028bb0c3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-028bb0c3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-028bb0c3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-028bb0c3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-028bb0c3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-028bb0c3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-028bb0c3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-028bb0c3] {
  margin-bottom: 16px;
}
.comment-header[data-v-028bb0c3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-028bb0c3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-028bb0c3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-028bb0c3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-028bb0c3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-028bb0c3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-028bb0c3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-028bb0c3],
.comment-page .comment-header.is-sticky[data-v-028bb0c3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-028bb0c3] {
  animation: slideInDown-028bb0c3 0.32s ease-in-out;
}
@keyframes slideInDown-028bb0c3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-028bb0c3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-028bb0c3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-028bb0c3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-028bb0c3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-028bb0c3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-028bb0c3] {
  animation: slideOutUp-028bb0c3 0.32s ease-in-out;
}
@keyframes slideOutUp-028bb0c3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-028bb0c3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-028bb0c3] {
  margin-left: 8px;
}
.comment-title span[data-v-028bb0c3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-028bb0c3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-028bb0c3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-028bb0c3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-028bb0c3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-028bb0c3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-028bb0c3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-028bb0c3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-028bb0c3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-028bb0c3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-028bb0c3],
.comment-page.post-fixed .comment-post-body[data-v-028bb0c3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-028bb0c3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-028bb0c3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-028bb0c3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-028bb0c3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-028bb0c3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-028bb0c3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-028bb0c3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-028bb0c3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-028bb0c3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-028bb0c3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-028bb0c3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-028bb0c3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-028bb0c3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-028bb0c3],
.comment-page.post-fixed .comment-post-body.active[data-v-028bb0c3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-028bb0c3],
  .comment-page.post-fixed .comment-post-body.active[data-v-028bb0c3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-028bb0c3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-028bb0c3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-028bb0c3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-028bb0c3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-028bb0c3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-028bb0c3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-028bb0c3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-028bb0c3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-028bb0c3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-028bb0c3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-028bb0c3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-028bb0c3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-028bb0c3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-028bb0c3]:focus,
.comment-input-field.textarea[data-v-028bb0c3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-028bb0c3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-028bb0c3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-028bb0c3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-028bb0c3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-028bb0c3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-028bb0c3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-028bb0c3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-028bb0c3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-028bb0c3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-028bb0c3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-028bb0c3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-028bb0c3],
.comment-send-btn.disabled .icon-send[data-v-028bb0c3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-028bb0c3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-028bb0c3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-028bb0c3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-028bb0c3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-028bb0c3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-028bb0c3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-028bb0c3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-028bb0c3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-028bb0c3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-028bb0c3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-028bb0c3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-028bb0c3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-028bb0c3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-028bb0c3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-028bb0c3] {
  align-items: center;
  animation: blink-028bb0c3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-028bb0c3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-028bb0c3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-028bb0c3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-028bb0c3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-028bb0c3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-028bb0c3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-028bb0c3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-028bb0c3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-028bb0c3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-028bb0c3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-028bb0c3] {
  margin: 0 0 0 -8px;
}
.columns-list[data-v-028bb0c3] .feed-renderer {
  padding: 0 0 8px;
}
.columns-list[data-v-028bb0c3] .feed-renderer.content-with-background {
  background-color: var(--columns-template-surface);
}
.columns-list[data-v-028bb0c3] .feed-renderer .card-container {
  padding: 0 8px;
}
.columns-list[data-v-028bb0c3] .feed-renderer .card-divider {
  margin: 8px auto;
  width: calc(100% - 16px);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-017d7589] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-017d7589] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-017d7589],
  .comment-reply-bubble[data-v-017d7589] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-017d7589],
  .comment-reply-bubble[data-v-017d7589] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-017d7589] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-017d7589] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-017d7589],
  .comment-title[data-v-017d7589] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-017d7589],
  .comment-title[data-v-017d7589] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-017d7589] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-017d7589] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-017d7589] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-017d7589] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-017d7589] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-017d7589] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-017d7589] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-017d7589] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-017d7589] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-017d7589] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-017d7589] {
  margin-bottom: 16px;
}
.comment-header[data-v-017d7589] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-017d7589] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-017d7589] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-017d7589] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-017d7589] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-017d7589] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-017d7589]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-017d7589],
.comment-page .comment-header.is-sticky[data-v-017d7589] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-017d7589] {
  animation: slideInDown-017d7589 0.32s ease-in-out;
}
@keyframes slideInDown-017d7589 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-017d7589] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-017d7589] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-017d7589]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-017d7589]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-017d7589] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-017d7589] {
  animation: slideOutUp-017d7589 0.32s ease-in-out;
}
@keyframes slideOutUp-017d7589 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-017d7589] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-017d7589] {
  margin-left: 8px;
}
.comment-title span[data-v-017d7589] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-017d7589] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-017d7589] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-017d7589] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-017d7589]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-017d7589] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-017d7589] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-017d7589] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-017d7589] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-017d7589] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-017d7589],
.comment-page.post-fixed .comment-post-body[data-v-017d7589] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-017d7589] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-017d7589] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-017d7589] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-017d7589] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-017d7589] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-017d7589] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-017d7589] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-017d7589] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-017d7589] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-017d7589],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-017d7589] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-017d7589] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-017d7589] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-017d7589],
.comment-page.post-fixed .comment-post-body.active[data-v-017d7589] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-017d7589],
  .comment-page.post-fixed .comment-post-body.active[data-v-017d7589] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-017d7589],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-017d7589] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-017d7589] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-017d7589] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-017d7589] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-017d7589] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-017d7589] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-017d7589] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-017d7589] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-017d7589] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-017d7589] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-017d7589] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-017d7589]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-017d7589]:focus,
.comment-input-field.textarea[data-v-017d7589]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-017d7589]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-017d7589] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-017d7589] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-017d7589] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-017d7589] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-017d7589] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-017d7589] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-017d7589] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-017d7589] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-017d7589]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-017d7589] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-017d7589],
.comment-send-btn.disabled .icon-send[data-v-017d7589] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-017d7589]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-017d7589] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-017d7589] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-017d7589] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-017d7589] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-017d7589] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-017d7589] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-017d7589] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-017d7589] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-017d7589] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-017d7589] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-017d7589] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-017d7589] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-017d7589] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-017d7589] {
  align-items: center;
  animation: blink-017d7589 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-017d7589 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-017d7589] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-017d7589] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-017d7589] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-017d7589] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-017d7589] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-017d7589] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-017d7589]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-017d7589] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-017d7589] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-017d7589] {
  margin: 0 0 0 -8px;
}
[data-v-017d7589] .feed-renderer {
  padding: 0;
}
[data-v-017d7589] .feed-renderer .cards-container {
  padding: 0 8px;
}
[data-v-017d7589] .feed-renderer .card-container {
  margin-bottom: 12px;
}
[data-v-017d7589] .feed-renderer .card-container:last-of-type,
[data-v-017d7589] .feed-renderer .card-container:nth-last-of-type(2) {
  margin-bottom: 8px;
}
[data-v-017d7589] .feed-renderer .card-container.in-grid.odd {
  border-right: 0;
  padding-right: 4px;
}
[data-v-017d7589] .feed-renderer .card-container.in-grid.even {
  padding-left: 4px;
}
.hidden[data-v-017d7589] {
  display: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d11f320c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d11f320c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d11f320c],
  .comment-reply-bubble[data-v-d11f320c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d11f320c],
  .comment-reply-bubble[data-v-d11f320c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d11f320c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d11f320c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d11f320c],
  .comment-title[data-v-d11f320c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d11f320c],
  .comment-title[data-v-d11f320c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d11f320c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d11f320c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d11f320c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d11f320c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d11f320c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d11f320c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d11f320c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d11f320c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d11f320c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d11f320c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d11f320c] {
  margin-bottom: 16px;
}
.comment-header[data-v-d11f320c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d11f320c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d11f320c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d11f320c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d11f320c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d11f320c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d11f320c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d11f320c],
.comment-page .comment-header.is-sticky[data-v-d11f320c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d11f320c] {
  animation: slideInDown-d11f320c 0.32s ease-in-out;
}
@keyframes slideInDown-d11f320c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d11f320c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d11f320c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d11f320c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d11f320c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d11f320c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d11f320c] {
  animation: slideOutUp-d11f320c 0.32s ease-in-out;
}
@keyframes slideOutUp-d11f320c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d11f320c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d11f320c] {
  margin-left: 8px;
}
.comment-title span[data-v-d11f320c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d11f320c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d11f320c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d11f320c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d11f320c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d11f320c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d11f320c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d11f320c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d11f320c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d11f320c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d11f320c],
.comment-page.post-fixed .comment-post-body[data-v-d11f320c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d11f320c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d11f320c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d11f320c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d11f320c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d11f320c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d11f320c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d11f320c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d11f320c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d11f320c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d11f320c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d11f320c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d11f320c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d11f320c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d11f320c],
.comment-page.post-fixed .comment-post-body.active[data-v-d11f320c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d11f320c],
  .comment-page.post-fixed .comment-post-body.active[data-v-d11f320c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d11f320c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d11f320c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d11f320c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d11f320c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d11f320c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d11f320c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d11f320c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d11f320c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d11f320c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d11f320c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d11f320c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d11f320c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d11f320c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d11f320c]:focus,
.comment-input-field.textarea[data-v-d11f320c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d11f320c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d11f320c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d11f320c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d11f320c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d11f320c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d11f320c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d11f320c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d11f320c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d11f320c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d11f320c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d11f320c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d11f320c],
.comment-send-btn.disabled .icon-send[data-v-d11f320c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d11f320c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d11f320c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d11f320c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d11f320c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d11f320c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d11f320c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d11f320c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d11f320c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d11f320c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d11f320c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d11f320c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d11f320c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d11f320c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d11f320c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d11f320c] {
  align-items: center;
  animation: blink-d11f320c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d11f320c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d11f320c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d11f320c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d11f320c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d11f320c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d11f320c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d11f320c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d11f320c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d11f320c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d11f320c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d11f320c] {
  margin: 0 0 0 -8px;
}
.list-header[data-v-d11f320c] {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 40px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 0 8px;
}
.list-header.text-color-light[data-v-d11f320c] {
  color: var(--header-text-light);
}
.list-header.text-color-dark[data-v-d11f320c] {
  color: var(--header-text-dark);
}
.dark .list-header[data-v-d11f320c] {
  color: var(--text-color-dark);
}
.light .list-header[data-v-d11f320c] {
  color: var(--text-color-light);
}
.list-header .arrow-link[data-v-d11f320c] {
  transition: all 0.15s;
}
@media (min-width: 1024px) {
  .dark .list-header .arrow-link[data-v-d11f320c]:hover {
    background-color: var(--arrow-background-color-dark-hover);
  }
  .light .list-header .arrow-link[data-v-d11f320c]:hover {
    background-color: var(--arrow-background-color-light-hover);
  }
}
.dark .list-header .arrow-link .icon-arrow--right[data-v-d11f320c]:before {
  color: var(--text-color-dark);
}
.light .list-header .arrow-link .icon-arrow--right[data-v-d11f320c]:before {
  color: var(--text-color-light);
}
.header-image[data-v-d11f320c] {
  margin-right: 8px;
  max-height: 24px;
}
.light .is-light[data-v-d11f320c] {
  display: inline;
}
.dark .is-light[data-v-d11f320c],
.light .is-dark[data-v-d11f320c] {
  display: none;
}
.dark .is-dark[data-v-d11f320c] {
  display: inline;
}
.title[data-v-d11f320c] {
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 8px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .title[data-v-d11f320c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-d11f320c] {
    font-weight: 800;
  }
}
.title.dark[data-v-d11f320c],
.title.light[data-v-d11f320c] {
  color: var(--header-arrow-light-background);
}
.arrow-link[data-v-d11f320c] {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  width: 32px;
}
.arrow-link [class^="icon-"][data-v-d11f320c] {
  font-size: 1rem;
}
.arrow-link [class^="icon-"].dark[data-v-d11f320c],
.arrow-link [class^="icon-"].light[data-v-d11f320c] {
  color: var(--header-arrow-light-background);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-632c365b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-632c365b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-632c365b],
  .comment-reply-bubble[data-v-632c365b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-632c365b],
  .comment-reply-bubble[data-v-632c365b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-632c365b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-632c365b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-632c365b],
  .comment-title[data-v-632c365b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-632c365b],
  .comment-title[data-v-632c365b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-632c365b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-632c365b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-632c365b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-632c365b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-632c365b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-632c365b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-632c365b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-632c365b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-632c365b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-632c365b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-632c365b] {
  margin-bottom: 16px;
}
.comment-header[data-v-632c365b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-632c365b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-632c365b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-632c365b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-632c365b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-632c365b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-632c365b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-632c365b],
.comment-page .comment-header.is-sticky[data-v-632c365b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-632c365b] {
  animation: slideInDown-632c365b 0.32s ease-in-out;
}
@keyframes slideInDown-632c365b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-632c365b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-632c365b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-632c365b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-632c365b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-632c365b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-632c365b] {
  animation: slideOutUp-632c365b 0.32s ease-in-out;
}
@keyframes slideOutUp-632c365b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-632c365b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-632c365b] {
  margin-left: 8px;
}
.comment-title span[data-v-632c365b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-632c365b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-632c365b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-632c365b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-632c365b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-632c365b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-632c365b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-632c365b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-632c365b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-632c365b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-632c365b],
.comment-page.post-fixed .comment-post-body[data-v-632c365b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-632c365b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-632c365b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-632c365b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-632c365b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-632c365b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-632c365b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-632c365b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-632c365b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-632c365b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-632c365b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-632c365b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-632c365b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-632c365b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-632c365b],
.comment-page.post-fixed .comment-post-body.active[data-v-632c365b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-632c365b],
  .comment-page.post-fixed .comment-post-body.active[data-v-632c365b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-632c365b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-632c365b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-632c365b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-632c365b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-632c365b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-632c365b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-632c365b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-632c365b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-632c365b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-632c365b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-632c365b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-632c365b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-632c365b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-632c365b]:focus,
.comment-input-field.textarea[data-v-632c365b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-632c365b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-632c365b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-632c365b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-632c365b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-632c365b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-632c365b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-632c365b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-632c365b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-632c365b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-632c365b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-632c365b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-632c365b],
.comment-send-btn.disabled .icon-send[data-v-632c365b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-632c365b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-632c365b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-632c365b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-632c365b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-632c365b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-632c365b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-632c365b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-632c365b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-632c365b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-632c365b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-632c365b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-632c365b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-632c365b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-632c365b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-632c365b] {
  align-items: center;
  animation: blink-632c365b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-632c365b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-632c365b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-632c365b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-632c365b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-632c365b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-632c365b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-632c365b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-632c365b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-632c365b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-632c365b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-632c365b] {
  margin: 0 0 0 -8px;
}
.dark .origami-widget[data-v-632c365b] .list-header {
  background-color: var(--background-color-dark);
  color: var(--text-color-dark);
}
.light .origami-widget[data-v-632c365b] .list-header {
  background-color: var(--background-color-light);
  color: var(--text-color-light);
}
@media (min-width: 1024px) {
  .dark .origami-widget[data-v-632c365b] .list-header .arrow-link:hover,
  .light .origami-widget[data-v-632c365b] .list-header .arrow-link:hover {
    background-color: var(--color-200);
  }
}
.origami-widget.has-custum-header[data-v-632c365b] .list-header {
  border-bottom: none;
  padding: 0 4px 0 8px;
}
@media (min-width: 1024px) {
  .dark
    .origami-widget.has-custum-header[data-v-632c365b]
    .list-header
    .arrow-link:hover {
    background-color: var(--arrow-background-color-dark-hover);
  }
}
@media (min-width: 1024px) {
  .light
    .origami-widget.has-custum-header[data-v-632c365b]
    .list-header
    .arrow-link:hover {
    background-color: var(--arrow-background-color-light-hover);
  }
}
.origami-widget.is-feed-no-header .content-with-background[data-v-632c365b] {
  background-color: initial;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.below-feed-pagination
  .origami-widget.is-feed-no-header
  .content-with-background[data-v-632c365b],
.origami-widget.is-feed-no-header[data-v-632c365b] .card-container {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
.below-feed-pagination
  .origami-widget.is-feed-no-header[data-v-632c365b]
  .card-container {
  background-color: initial;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.origami-widget.is-feed-no-header[data-v-632c365b] .card-divider {
  display: none;
}
.below-feed-pagination
  .origami-widget.is-feed-no-header[data-v-632c365b]
  .card-divider {
  display: block;
}
.below-feed-pagination
  .origami-widget.is-feed-no-header[data-v-632c365b]
  .card-divider:last-of-type {
  display: none;
}
.dark .origami-widget.is-ipr[data-v-632c365b] .list-header,
.light .origami-widget.is-ipr[data-v-632c365b] .list-header {
  background-color: var(--background-color-light);
  color: var(--color-light-900);
}
.dark .origami-widget.is-ipr[data-v-632c365b] .list-header .is-light,
.light .origami-widget.is-ipr[data-v-632c365b] .list-header .is-light {
  display: inline;
}
@media (min-width: 1024px) {
  .dark .origami-widget.is-ipr[data-v-632c365b] .list-header .arrow-link:hover,
  .light
    .origami-widget.is-ipr[data-v-632c365b]
    .list-header
    .arrow-link:hover {
    background-color: var(--color-light-200);
  }
}
.dark
  .origami-widget.is-ipr[data-v-632c365b]
  .bottom-divider
  .light
  .origami-widget.is-ipr
  :deep(.bottom-divider) {
  background-color: var(--background-color-light);
}
.dark .origami-widget.is-smartlife[data-v-632c365b] .list-header,
.light .origami-widget.is-smartlife[data-v-632c365b] .list-header {
  background-color: var(--background-color-dark);
  color: var(--color-dark-900);
}
@media (min-width: 1024px) {
  .dark
    .origami-widget.is-smartlife[data-v-632c365b]
    .list-header
    .arrow-link:hover,
  .light
    .origami-widget.is-smartlife[data-v-632c365b]
    .list-header
    .arrow-link:hover {
    background-color: var(--color-dark-200);
  }
}
.dark
  .origami-widget.is-smartlife[data-v-632c365b]
  .bottom-divider
  .light
  .origami-widget.is-smartlife
  :deep(.bottom-divider) {
  background-color: var(--background-color-dark);
}
.origami-widget[data-v-632c365b] .bottom-divider {
  height: 3px;
  margin-top: 10px;
  width: 100%;
}
.dark .origami-widget[data-v-632c365b] .bottom-divider {
  background-color: var(--background-color-dark);
}
.light .origami-widget[data-v-632c365b] .bottom-divider {
  background-color: var(--background-color-light);
}
@media (min-width: 1024px) {
  .external-feed-layout
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .card-image-container {
    flex-basis: 200px;
    height: auto;
    margin-right: 8px;
    order: 1;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .external-feed-layout
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .title {
    margin-right: 0;
    order: 2;
  }
}
@media (min-width: 1024px) {
  .external-feed-layout.below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .card-image-container {
    flex-basis: unset;
    margin-right: 0;
    width: 100%;
  }
}
.article-sidebar
  .origami-widget[data-v-632c365b]
  .cards-container
  .card-container
  .card-image-container,
.is-sidebar
  .origami-widget[data-v-632c365b]
  .cards-container
  .card-container
  .card-image-container {
  aspect-ratio: 1/1;
  height: 108px;
  margin-right: 0;
  min-width: 108px;
  order: 1;
  overflow: hidden;
  width: 108px;
}
@media (min-width: 1024px) {
  .article-sidebar
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .card-image-container,
  .is-sidebar
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .card-image-container {
    aspect-ratio: 3/2;
    height: 72px;
    order: 2;
  }
}
.article-sidebar
  .origami-widget[data-v-632c365b]
  .cards-container
  .card-container
  .title,
.is-sidebar
  .origami-widget[data-v-632c365b]
  .cards-container
  .card-container
  .title {
  margin-left: 8px;
  margin-right: 0;
  order: 1;
}
@media (min-width: 1024px) {
  .article-sidebar
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .title,
  .is-sidebar
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .title {
    margin-left: 0;
    margin-right: 8px;
  }
}
@media (min-width: 1024px) {
  .is-narrow
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .card-image-container {
    aspect-ratio: 16/9;
    flex-basis: unset;
    height: unset;
    margin-bottom: 8px;
    margin-right: 0;
    order: 1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .is-narrow
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .title {
    margin-right: 0;
    order: 2;
  }
}
@media (min-width: 1024px) {
  .is-narrow
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container
    .external-card-link {
    display: flex;
    flex-direction: column;
  }
}
.external-feed-layout .origami-widget[data-v-632c365b] .cards-container {
  max-width: unset;
}
.article-below .is-main .origami-widget[data-v-632c365b] .bottom-divider,
.article-below .is-main .origami-widget[data-v-632c365b] .list-header,
.below-article-content .origami-widget[data-v-632c365b] .bottom-divider,
.below-article-content .origami-widget[data-v-632c365b] .list-header,
.below-feed-pagination .origami-widget[data-v-632c365b] .bottom-divider,
.below-feed-pagination .origami-widget[data-v-632c365b] .list-header {
  display: none;
}
.article-below
  .is-main
  .origami-widget.is-feed-no-header
  .content-with-background[data-v-632c365b],
.below-article-content
  .origami-widget.is-feed-no-header
  .content-with-background[data-v-632c365b],
.below-feed-pagination
  .origami-widget.is-feed-no-header
  .content-with-background[data-v-632c365b] {
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  margin-top: 0;
  position: relative;
}
.article-below .is-main .origami-widget[data-v-632c365b] .external-card-link,
.below-article-content .origami-widget[data-v-632c365b] .external-card-link,
.below-feed-pagination .origami-widget[data-v-632c365b] .external-card-link {
  flex-direction: column;
}
.article-below
  .is-main
  .origami-widget[data-v-632c365b]
  .external-card-link
  .card-image-container,
.below-article-content
  .origami-widget[data-v-632c365b]
  .external-card-link
  .card-image-container,
.below-feed-pagination
  .origami-widget[data-v-632c365b]
  .external-card-link
  .card-image-container {
  aspect-ratio: 3/2;
  flex-basis: unset;
  height: unset;
  margin-bottom: 8px;
  order: 1;
  width: 100%;
}
.article-below
  .is-main
  .origami-widget[data-v-632c365b]
  .external-card-link
  .title,
.below-article-content
  .origami-widget[data-v-632c365b]
  .external-card-link
  .title,
.below-feed-pagination
  .origami-widget[data-v-632c365b]
  .external-card-link
  .title {
  font-size: 1.25rem;
  letter-spacing: 0.3px;
  line-height: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .external-card-link
    .title,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .external-card-link
    .title,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .external-card-link
    .title {
    font-size: 0.875rem;
    letter-spacing: unset;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .article-below .is-main .origami-widget[data-v-632c365b] .cards-container,
  .below-article-content .origami-widget[data-v-632c365b] .cards-container,
  .below-feed-pagination .origami-widget[data-v-632c365b] .cards-container {
    align-items: unset;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container {
    margin-top: 8px;
    max-width: 218px;
    padding-top: 8px;
    position: relative;
    width: 33.33%;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:before {
    background: var(--color-200);
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    top: 0;
    width: calc(100% + 17px);
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child,
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3),
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5),
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3),
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5) {
    margin-top: 0;
    padding-top: 0;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child:before,
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3):before,
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5):before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child:before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3):before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5):before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:first-child:before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3):before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(5):before {
    display: none;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 4):before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 4):before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 4):before {
    left: 0;
    width: calc(100% + 9px);
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 2):before,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 2):before,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 2):before {
    left: auto;
    right: 0;
    width: calc(100% + 9px);
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .external-card-link,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .external-card-link,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .external-card-link {
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-image-container,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-image-container,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-image-container {
    aspect-ratio: 3/2;
    flex-basis: 145px;
    margin-bottom: 8px;
    order: 1;
    width: 218px;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .title,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .title,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .title {
    margin-right: 0;
    order: 2;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider,
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider,
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider {
    height: auto;
    margin: 16px 8px 0;
    width: 1px;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(2),
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(4),
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(2),
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(4),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(2),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(4) {
    margin: 0 8px;
  }
  .article-below
    .is-main
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-of-type(3n),
  .below-article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-of-type(3n),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-of-type(3n) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .below-feed-pagination .origami-widget[data-v-632c365b] .cards-container {
    margin: 0 -8px;
    width: calc(100% + 17px);
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container {
    max-width: unset;
    padding: 8px 8px 0;
    width: calc(33.33% - 1px);
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:before {
    left: 0;
    width: 100%;
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 4):before {
    left: 8px;
    width: calc(100% - 7px);
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container:nth-child(3n + 2):before {
    right: 8px;
    width: calc(100% - 7px);
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider {
    margin: 16px 0 0;
  }
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(2),
  .below-feed-pagination
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider:nth-child(4) {
    margin: 0;
  }
}
.article-content .origami-widget[data-v-632c365b] {
  margin: 4px -16px 0;
  max-width: 484px;
  position: relative;
  width: calc(100% + 32px);
}
.article-content .origami-widget[data-v-632c365b]:before {
  background-color: var(--background-color);
  box-shadow: inset var(--main-box-shadow);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 100%;
}
.article-content .origami-widget .content-with-background[data-v-632c365b] {
  background-color: initial;
  box-shadow: unset;
  margin-bottom: 0;
}
.article-content .origami-widget[data-v-632c365b] .bottom-divider,
.article-content .origami-widget[data-v-632c365b] .list-header {
  display: none;
}
.article-content .origami-widget[data-v-632c365b] .external-card-link {
  flex-direction: column;
}
.article-content
  .origami-widget[data-v-632c365b]
  .external-card-link
  .card-image-container {
  aspect-ratio: 3/2;
  flex-basis: unset;
  height: unset;
  margin-bottom: 8px;
  order: 1;
  width: 100%;
}
.article-content .origami-widget[data-v-632c365b] .external-card-link .title {
  font-size: 1.25rem;
  letter-spacing: 0.3px;
  line-height: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .article-content .origami-widget[data-v-632c365b] .external-card-link .title {
    font-size: 0.875rem;
    letter-spacing: normal;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .article-content .origami-widget[data-v-632c365b] {
    margin: 4px -32px 0;
    max-width: 704px;
    width: calc(100% + 64px);
  }
  .article-content .origami-widget[data-v-632c365b] .cards-container {
    align-items: unset;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-container {
    width: 33.33%;
  }
  .article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .external-card-link {
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
  }
  .article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-image-container {
    aspect-ratio: 3/2;
    flex-basis: 145px;
    margin-bottom: 8px;
    order: 1;
    width: 218px;
  }
  .article-content .origami-widget[data-v-632c365b] .cards-container .title {
    margin-right: 0;
    order: 2;
  }
  .article-content
    .origami-widget[data-v-632c365b]
    .cards-container
    .card-divider {
    height: auto;
    margin: 0 8px;
    width: 1px;
  }
}
.article-content.all-comments-page .origami-widget[data-v-632c365b] {
  display: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-e9dff160],
  .nl-card__description[data-v-e9dff160],
  .nl-card__link[data-v-e9dff160] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-e9dff160],
  .nl-card__description[data-v-e9dff160],
  .nl-card__link[data-v-e9dff160] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-e9dff160],
  .comment-reply-bubble[data-v-e9dff160] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-e9dff160],
  .comment-reply-bubble[data-v-e9dff160] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e9dff160],
  .nl-card__action[data-v-e9dff160],
  .nl-card__label[data-v-e9dff160],
  .nl-card__title[data-v-e9dff160] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e9dff160],
  .nl-card__action[data-v-e9dff160],
  .nl-card__label[data-v-e9dff160],
  .nl-card__title[data-v-e9dff160] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e9dff160],
  .comment-title[data-v-e9dff160] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e9dff160],
  .comment-title[data-v-e9dff160] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-e9dff160] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-e9dff160] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-e9dff160] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-e9dff160] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-e9dff160] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-e9dff160] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-e9dff160] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-e9dff160] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-e9dff160] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-e9dff160] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-e9dff160] {
  margin-bottom: 16px;
}
.comment-header[data-v-e9dff160] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-e9dff160] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-e9dff160] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-e9dff160] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-e9dff160] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-e9dff160] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-e9dff160]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-e9dff160],
.comment-page .comment-header.is-sticky[data-v-e9dff160] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-e9dff160] {
  animation: slideInDown-e9dff160 0.32s ease-in-out;
}
@keyframes slideInDown-e9dff160 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e9dff160] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e9dff160] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e9dff160]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e9dff160]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e9dff160] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-e9dff160] {
  animation: slideOutUp-e9dff160 0.32s ease-in-out;
}
@keyframes slideOutUp-e9dff160 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-e9dff160] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-e9dff160] {
  margin-left: 8px;
}
.comment-title span[data-v-e9dff160] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-e9dff160] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-e9dff160] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-e9dff160] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-e9dff160]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-e9dff160] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-e9dff160] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-e9dff160] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-e9dff160] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-e9dff160] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-e9dff160],
.comment-page.post-fixed .comment-post-body[data-v-e9dff160] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-e9dff160] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-e9dff160] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-e9dff160] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-e9dff160] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-e9dff160] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-e9dff160] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-e9dff160] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-e9dff160] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-e9dff160] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-e9dff160],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-e9dff160] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-e9dff160] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-e9dff160] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-e9dff160],
.comment-page.post-fixed .comment-post-body.active[data-v-e9dff160] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-e9dff160],
  .comment-page.post-fixed .comment-post-body.active[data-v-e9dff160] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-e9dff160],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-e9dff160] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-e9dff160] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-e9dff160] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-e9dff160] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-e9dff160] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-e9dff160] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-e9dff160] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-e9dff160] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-e9dff160] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-e9dff160] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e9dff160] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-e9dff160]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-e9dff160]:focus,
.comment-input-field.textarea[data-v-e9dff160]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e9dff160]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-e9dff160] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-e9dff160] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e9dff160] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-e9dff160] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e9dff160] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e9dff160] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-e9dff160] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-e9dff160] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e9dff160]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-e9dff160] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-e9dff160],
.comment-send-btn.disabled .icon-send[data-v-e9dff160] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-e9dff160]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-e9dff160] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-e9dff160] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-e9dff160] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-e9dff160] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-e9dff160] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-e9dff160] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-e9dff160] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-e9dff160] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-e9dff160] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-e9dff160] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-e9dff160] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-e9dff160] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-e9dff160] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-e9dff160] {
  align-items: center;
  animation: blink-e9dff160 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-e9dff160 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-e9dff160] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-e9dff160] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-e9dff160] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-e9dff160] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-e9dff160] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-e9dff160] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-e9dff160]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-e9dff160] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-e9dff160] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-e9dff160] {
  margin: 0 0 0 -8px;
}
.nl-card__container[data-v-e9dff160] {
  background-color: var(--color-50-inverse);
  box-shadow: 0 1px 3px #00000021;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .isFeed .nl-card__container[data-v-e9dff160] {
    display: flex;
    flex-direction: row;
  }
  .nl-card__container:hover .nl-card__title[data-v-e9dff160] {
    color: var(--color-800-inverse);
  }
  .nl-card__container:hover .nl-card__link[data-v-e9dff160] {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
    color: var(--accent-hover);
  }
}
.nl-card__bottom-part[data-v-e9dff160] {
  padding: 0 8px 8px;
}
.nl-card__image[data-v-e9dff160] {
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .isFeed .nl-card__image[data-v-e9dff160] {
    aspect-ratio: 218/140;
    flex-basis: 218px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 16px;
    width: 218px;
  }
}
.isSidebar .nl-card__image[data-v-e9dff160] {
  aspect-ratio: 374/125;
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .isSidebar .nl-card__image[data-v-e9dff160] {
    aspect-ratio: 374/125;
    margin-right: 0;
    width: 100%;
  }
}
.nl-card__image[data-v-e9dff160] picture {
  display: block;
  height: 100%;
  width: 100%;
}
.nl-card__image[data-v-e9dff160] img {
  aspect-ratio: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.nl-card__content[data-v-e9dff160] {
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .nl-card__content[data-v-e9dff160] {
    padding: 0 24px;
  }
}
.nl-card__label[data-v-e9dff160] {
  color: var(--accent);
  display: -webkit-box;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  margin-bottom: 8px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.nl-card__title[data-v-e9dff160] {
  color: var(--color-900-inverse);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 8px;
}
.nl-card__description[data-v-e9dff160] {
  color: var(--color-900-inverse);
}
.nl-card__description[data-v-e9dff160],
.nl-card__link[data-v-e9dff160] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.nl-card__link[data-v-e9dff160] {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 18px;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: var(--accent);
  display: inline-block;
  margin: 0 0 8px;
  text-decoration: none !important;
  transition: all 0.2s;
}
.nl-card__action[data-v-e9dff160] {
  align-items: center;
  background-color: var(--accent);
  border: none;
  color: var(--color-light-50);
  cursor: pointer;
  display: flex;
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 0.875rem;
  height: 40px;
  line-height: 1.0625rem;
  min-width: 133px;
  padding: 8px 24px 8px 12px;
  transition: background-color 0.2s ease-out;
  white-space: nowrap;
  width: auto;
}
@media (min-width: 1024px) {
  .nl-card__action[data-v-e9dff160]:hover {
    background-color: var(--accent-hover);
  }
}
.nl-card__action[data-v-e9dff160]:disabled {
  box-shadow: none;
  pointer-events: none;
}
.nl-card__check[data-v-e9dff160],
.nl-card__plus[data-v-e9dff160] {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  width: 24px;
}
.nl-card__check[data-v-e9dff160] {
  color: var(--color-light-50);
}
.spinner-container[data-v-e9dff160] {
  align-items: center;
  border-radius: 50%;
  color: var(--nav-extra-icon);
  display: flex;
  font-size: 1.5rem;
  height: 32px;
  justify-content: center;
  line-height: 1.5rem;
  margin-right: 8px;
  position: relative;
  transition: all 0.15s;
  width: 32px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-36018210] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-36018210] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-36018210],
  .comment-reply-bubble[data-v-36018210],
  .form-checkbox .form-label[data-v-36018210] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-36018210],
  .comment-reply-bubble[data-v-36018210],
  .form-checkbox .form-label[data-v-36018210] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-36018210],
  .nl-acl__popup-submit[data-v-36018210],
  .nl-acl__popup-title[data-v-36018210] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-36018210],
  .nl-acl__popup-submit[data-v-36018210],
  .nl-acl__popup-title[data-v-36018210] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-36018210],
  .comment-title[data-v-36018210] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-36018210],
  .comment-title[data-v-36018210] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-36018210] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-36018210] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-36018210] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-36018210] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-36018210] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-36018210] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-36018210] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-36018210] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-36018210] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-36018210] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-36018210] {
  margin-bottom: 16px;
}
.comment-header[data-v-36018210] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-36018210] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-36018210] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-36018210] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-36018210] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-36018210] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-36018210]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-36018210],
.comment-page .comment-header.is-sticky[data-v-36018210] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-36018210] {
  animation: slideInDown-36018210 0.32s ease-in-out;
}
@keyframes slideInDown-36018210 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-36018210] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-36018210] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-36018210]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-36018210]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-36018210] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-36018210] {
  animation: slideOutUp-36018210 0.32s ease-in-out;
}
@keyframes slideOutUp-36018210 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-36018210] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-36018210] {
  margin-left: 8px;
}
.comment-title span[data-v-36018210] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-36018210] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-36018210] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-36018210] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-36018210]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-36018210] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-36018210] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-36018210] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-36018210] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-36018210] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-36018210],
.comment-page.post-fixed .comment-post-body[data-v-36018210] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-36018210] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-36018210] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-36018210] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-36018210] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-36018210] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-36018210] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-36018210] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-36018210] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-36018210] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-36018210],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-36018210] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-36018210] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-36018210] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-36018210],
.comment-page.post-fixed .comment-post-body.active[data-v-36018210] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-36018210],
  .comment-page.post-fixed .comment-post-body.active[data-v-36018210] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-36018210],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-36018210] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-36018210] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-36018210] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-36018210] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-36018210] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-36018210] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-36018210] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-36018210] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-36018210] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-36018210] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-36018210] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-36018210]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-36018210]:focus,
.comment-input-field.textarea[data-v-36018210]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-36018210]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-36018210] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-36018210] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-36018210] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-36018210] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-36018210] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-36018210] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-36018210] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-36018210] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-36018210]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-36018210] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-36018210],
.comment-send-btn.disabled .icon-send[data-v-36018210] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-36018210]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-36018210] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-36018210] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-36018210] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-36018210] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-36018210] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-36018210] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-36018210] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-36018210] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-36018210] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-36018210] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-36018210] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-36018210] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-36018210] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-36018210] {
  align-items: center;
  animation: blink-36018210 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-36018210 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-36018210] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-36018210] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-36018210] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-36018210] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-36018210] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-36018210] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-36018210]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-36018210] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-36018210] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-36018210] {
  margin: 0 0 0 -8px;
}
.nl-acl__popup[data-v-36018210] {
  background-color: var(--color-50-inverse);
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
  padding: 0 8px;
  position: sticky;
  transition: height 377ms ease-in;
}
.nl-acl__popup.fullWidth[data-v-36018210] {
  margin-left: -16px;
  width: calc(100% + 32px);
}
@media (min-width: 429px) {
  .nl-acl__popup.fullWidth[data-v-36018210] {
    margin-left: auto;
    width: 100%;
  }
}
.nl-acl__popup.hasinput[data-v-36018210] {
  height: 120px;
}
.nl-acl__popup.isExpanded[data-v-36018210] {
  height: 238px;
  transition: height 377ms ease-out;
}
@media (min-width: 1024px) {
  .isFeed .nl-acl__popup.isExpanded[data-v-36018210] {
    height: 160px;
  }
}
.nl-acl__popup .form-textbox[data-v-36018210] {
  margin-bottom: 0;
  padding-bottom: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .isFeed .nl-acl__popup .form-textbox[data-v-36018210] {
    margin-right: 8px;
    padding-bottom: 0;
    width: calc(100% - 148px);
  }
}
.nl-acl__popup .form-textbox[data-v-36018210]:after {
  background-color: var(--color-300-inverse);
}
.nl-acl__popup .form-textbox[data-v-36018210]:focus-within:after {
  background-color: var(--color-900-inverse);
}
.nl-acl__popup .form-label[data-v-36018210] {
  color: var(--color-700-inverse);
}
.nl-acl__popup .form-input[data-v-36018210] {
  background-color: var(--color-100-inverse);
  border-radius: 0;
  caret-color: var(--color-900-inverse);
  color: var(--color-900-inverse);
}
.nl-acl__popup .form-input[data-v-36018210]:disabled {
  background-color: var(--color-75-inverse);
  color: var(--color-700-inverse);
}
@media (min-width: 1024px) {
  .nl-acl__popup .form-input[data-v-36018210]:hover {
    background-color: var(--color-200-inverse);
  }
}
.nl-acl__popup-title[data-v-36018210] {
  color: var(--color-900-inverse);
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  margin-top: 24px;
}
.nl-acl__popup .chevron-icon[data-v-36018210] {
  align-items: center;
  background-color: initial;
  display: flex;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 16px;
}
.nl-acl__popup .chevron-icon[data-v-36018210],
.nl-acl__popup-submit[data-v-36018210] {
  border: none;
  color: var(--color-light-50);
  cursor: pointer;
  outline: none;
}
.nl-acl__popup-submit[data-v-36018210] {
  background-color: var(--accent);
  font-family: Inter, Helvetica Neue, arial, sans-serif;
  font-size: 0.875rem;
  height: 40px;
  line-height: 1.0625rem;
  margin-bottom: 8px;
  order: 5;
  width: 100%;
}
@media (min-width: 1024px) {
  .nl-acl__popup-submit[data-v-36018210]:hover {
    background-color: var(--accent-hover);
  }
  .isFeed .nl-acl__popup-submit[data-v-36018210] {
    flex-basis: 140px;
    height: 48px;
    margin-bottom: 0;
  }
}
.nl-acl__popup-submit[data-v-36018210]:disabled {
  opacity: 0.42;
  pointer-events: none;
}
.form-checkbox[data-v-36018210] {
  display: flex;
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 1024px) {
  .isFeed .form-checkbox[data-v-36018210] {
    margin-bottom: 8px;
    margin-top: 16px;
    order: 6;
  }
  .form-checkbox[data-v-36018210]:hover {
    cursor: pointer;
  }
}
.form-checkbox .checkbox[data-v-36018210] {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--color-100-inverse) no-repeat center/24px;
  border: 2px solid var(--color-300-inverse);
  border-radius: 0;
  display: flex;
  flex-basis: 24px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  outline: none;
  transition: all 0.2s;
  width: 24px;
}
.form-checkbox .checkbox[data-v-36018210]:checked {
  border: 2px solid #0000;
}
.dark .form-checkbox .checkbox[data-v-36018210]:checked {
  background: var(--accent) url(../index/kurir-checkmark-icon-dark.svg)
    no-repeat center/24px;
}
.light .form-checkbox .checkbox[data-v-36018210]:checked {
  background: var(--accent) url(../index/kurir-checkmark-icon-light.svg)
    no-repeat center/24px;
}
@media (min-width: 1024px) {
  .form-checkbox .checkbox[data-v-36018210]:hover {
    background-color: var(--color-200-inverse);
    cursor: pointer;
  }
  .form-checkbox .checkbox[data-v-36018210]:hover:checked {
    background-color: var(--checkbox-hover);
  }
}
.form-checkbox .form-label[data-v-36018210] {
  color: var(--color-900-inverse);
  font-size: 0.875rem;
  left: unset;
  line-height: 1.375rem;
  position: relative;
  top: unset;
}
.form-checkbox a[data-v-36018210] {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-900-inverse);
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .form-checkbox a[data-v-36018210]:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
    color: var(--accent-hover);
    cursor: pointer;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-12718c45] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-12718c45] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-12718c45],
  .comment-reply-bubble[data-v-12718c45] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-12718c45],
  .comment-reply-bubble[data-v-12718c45] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-12718c45] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-12718c45] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-12718c45],
  .comment-title[data-v-12718c45] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-12718c45],
  .comment-title[data-v-12718c45] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-12718c45] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-12718c45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-12718c45] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-12718c45] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-12718c45] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-12718c45] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-12718c45] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-12718c45] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-12718c45] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-12718c45] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-12718c45] {
  margin-bottom: 16px;
}
.comment-header[data-v-12718c45] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-12718c45] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-12718c45] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-12718c45] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-12718c45] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-12718c45] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-12718c45]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-12718c45],
.comment-page .comment-header.is-sticky[data-v-12718c45] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-12718c45] {
  animation: slideInDown-12718c45 0.32s ease-in-out;
}
@keyframes slideInDown-12718c45 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-12718c45] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-12718c45] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-12718c45]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-12718c45]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-12718c45] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-12718c45] {
  animation: slideOutUp-12718c45 0.32s ease-in-out;
}
@keyframes slideOutUp-12718c45 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-12718c45] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-12718c45] {
  margin-left: 8px;
}
.comment-title span[data-v-12718c45] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-12718c45] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-12718c45] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-12718c45] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-12718c45]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-12718c45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-12718c45] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-12718c45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-12718c45] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-12718c45] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-12718c45],
.comment-page.post-fixed .comment-post-body[data-v-12718c45] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-12718c45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-12718c45] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-12718c45] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-12718c45] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-12718c45] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-12718c45] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-12718c45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-12718c45] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-12718c45] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-12718c45],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-12718c45] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-12718c45] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-12718c45] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-12718c45],
.comment-page.post-fixed .comment-post-body.active[data-v-12718c45] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-12718c45],
  .comment-page.post-fixed .comment-post-body.active[data-v-12718c45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-12718c45],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-12718c45] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-12718c45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-12718c45] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-12718c45] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-12718c45] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-12718c45] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-12718c45] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-12718c45] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-12718c45] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-12718c45] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-12718c45] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-12718c45]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-12718c45]:focus,
.comment-input-field.textarea[data-v-12718c45]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-12718c45]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-12718c45] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-12718c45] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-12718c45] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-12718c45] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-12718c45] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-12718c45] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-12718c45] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-12718c45] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-12718c45]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-12718c45] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-12718c45],
.comment-send-btn.disabled .icon-send[data-v-12718c45] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-12718c45]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-12718c45] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-12718c45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-12718c45] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-12718c45] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-12718c45] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-12718c45] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-12718c45] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-12718c45] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-12718c45] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-12718c45] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-12718c45] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-12718c45] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-12718c45] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-12718c45] {
  align-items: center;
  animation: blink-12718c45 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-12718c45 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-12718c45] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-12718c45] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-12718c45] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-12718c45] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-12718c45] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-12718c45] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-12718c45]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-12718c45] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-12718c45] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-12718c45] {
  margin: 0 0 0 -8px;
}
.nl-widget[data-v-12718c45] {
  background-color: var(--color-50-inverse);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
}
.nl-widget-body[data-v-12718c45] {
  padding: 0 8px;
}
.nl-widget-body[data-v-12718c45] .nl-card {
  height: 100%;
}
.nl-widget-body[data-v-12718c45] .nl-card:first-of-type {
  margin-left: 0;
}
.nl-widget-body[data-v-12718c45] .nl-card:last-of-type {
  margin-right: 0;
}
.nl-widget-body[data-v-12718c45] .nl-card__container {
  background-color: initial;
  box-shadow: none;
  width: 100%;
}
.nl-widget-body[data-v-12718c45] .nl-card__bottom-part,
.nl-widget-body[data-v-12718c45] .nl-card__content {
  padding-left: 0;
  padding-right: 0;
}
.nl-widget .nl-widget-popup-divider[data-v-12718c45] {
  background-color: var(--color-200-inverse);
  height: 1px;
  margin-bottom: 0;
  width: 100%;
}
.nl-widget[data-v-12718c45] .nl-acl__popup {
  background-color: initial;
}
@media (min-width: 1024px) {
  .nl-widget[data-v-12718c45] .nl-acl__popup {
    max-width: 100%;
    padding: 0 8px;
  }
}
.nl-widget[data-v-12718c45] .list-header-simple__icon [class^="icon-"],
.nl-widget[data-v-12718c45] .list-header-simple__title {
  color: var(--color-900-inverse);
}
.nl-widget[data-v-12718c45] .list-header-simple:after {
  background-color: var(--color-200-inverse);
}
.slide-enter-active[data-v-12718c45] {
  animation: slide-in-12718c45 377ms;
  transition: all 377ms ease-in;
}
.slide-leave-active[data-v-12718c45] {
  animation: slide-in-12718c45 377ms reverse;
  transition: all 377ms ease-out;
}
@keyframes slide-in-12718c45 {
  0% {
    height: 0;
  }
  to {
    height: 136px;
  }
}
@media (min-width: 1024px) {
  .nl-widget[data-v-12718c45] .list-header-simple__icon:hover {
    background-color: var(--color-200-inverse);
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-405acfd8] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-405acfd8] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-405acfd8],
  .comment-reply-bubble[data-v-405acfd8] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-405acfd8],
  .comment-reply-bubble[data-v-405acfd8] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-405acfd8] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-405acfd8] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-405acfd8],
  .comment-title[data-v-405acfd8] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-405acfd8],
  .comment-title[data-v-405acfd8] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-405acfd8] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-405acfd8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-405acfd8] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-405acfd8] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-405acfd8] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-405acfd8] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-405acfd8] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-405acfd8] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-405acfd8] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-405acfd8] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-405acfd8] {
  margin-bottom: 16px;
}
.comment-header[data-v-405acfd8] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-405acfd8] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-405acfd8] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-405acfd8] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-405acfd8] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-405acfd8] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-405acfd8]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-405acfd8],
.comment-page .comment-header.is-sticky[data-v-405acfd8] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-405acfd8] {
  animation: slideInDown-405acfd8 0.32s ease-in-out;
}
@keyframes slideInDown-405acfd8 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-405acfd8] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-405acfd8] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-405acfd8]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-405acfd8]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-405acfd8] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-405acfd8] {
  animation: slideOutUp-405acfd8 0.32s ease-in-out;
}
@keyframes slideOutUp-405acfd8 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-405acfd8] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-405acfd8] {
  margin-left: 8px;
}
.comment-title span[data-v-405acfd8] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-405acfd8] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-405acfd8] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-405acfd8] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-405acfd8]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-405acfd8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-405acfd8] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-405acfd8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-405acfd8] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-405acfd8] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-405acfd8],
.comment-page.post-fixed .comment-post-body[data-v-405acfd8] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-405acfd8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-405acfd8] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-405acfd8] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-405acfd8] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-405acfd8] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-405acfd8] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-405acfd8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-405acfd8] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-405acfd8] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-405acfd8],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-405acfd8] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-405acfd8] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-405acfd8] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-405acfd8],
.comment-page.post-fixed .comment-post-body.active[data-v-405acfd8] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-405acfd8],
  .comment-page.post-fixed .comment-post-body.active[data-v-405acfd8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-405acfd8],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-405acfd8] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-405acfd8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-405acfd8] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-405acfd8] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-405acfd8] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-405acfd8] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-405acfd8] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-405acfd8] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-405acfd8] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-405acfd8] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-405acfd8] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-405acfd8]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-405acfd8]:focus,
.comment-input-field.textarea[data-v-405acfd8]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-405acfd8]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-405acfd8] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-405acfd8] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-405acfd8] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-405acfd8] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-405acfd8] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-405acfd8] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-405acfd8] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-405acfd8] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-405acfd8]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-405acfd8] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-405acfd8],
.comment-send-btn.disabled .icon-send[data-v-405acfd8] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-405acfd8]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-405acfd8] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-405acfd8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-405acfd8] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-405acfd8] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-405acfd8] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-405acfd8] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-405acfd8] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-405acfd8] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-405acfd8] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-405acfd8] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-405acfd8] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-405acfd8] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-405acfd8] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-405acfd8] {
  align-items: center;
  animation: blink-405acfd8 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-405acfd8 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-405acfd8] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-405acfd8] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-405acfd8] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-405acfd8] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-405acfd8] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-405acfd8] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-405acfd8]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-405acfd8] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-405acfd8] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-405acfd8] {
  margin: 0 0 0 -8px;
}
.frontpages-item[data-v-405acfd8] {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  height: auto;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .frontpages-item[data-v-405acfd8] {
    width: 300px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-212fa900] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-212fa900] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-212fa900],
  .comment-reply-bubble[data-v-212fa900] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-212fa900],
  .comment-reply-bubble[data-v-212fa900] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-212fa900] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-212fa900] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-212fa900],
  .comment-title[data-v-212fa900] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-212fa900],
  .comment-title[data-v-212fa900] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-212fa900] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-212fa900] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-212fa900] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-212fa900] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-212fa900] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-212fa900] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-212fa900] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-212fa900] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-212fa900] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-212fa900] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-212fa900] {
  margin-bottom: 16px;
}
.comment-header[data-v-212fa900] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-212fa900] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-212fa900] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-212fa900] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-212fa900] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-212fa900] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-212fa900]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-212fa900],
.comment-page .comment-header.is-sticky[data-v-212fa900] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-212fa900] {
  animation: slideInDown-212fa900 0.32s ease-in-out;
}
@keyframes slideInDown-212fa900 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-212fa900] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-212fa900] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-212fa900]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-212fa900]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-212fa900] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-212fa900] {
  animation: slideOutUp-212fa900 0.32s ease-in-out;
}
@keyframes slideOutUp-212fa900 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-212fa900] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-212fa900] {
  margin-left: 8px;
}
.comment-title span[data-v-212fa900] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-212fa900] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-212fa900] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-212fa900] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-212fa900]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-212fa900] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-212fa900] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-212fa900] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-212fa900] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-212fa900] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-212fa900],
.comment-page.post-fixed .comment-post-body[data-v-212fa900] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-212fa900] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-212fa900] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-212fa900] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-212fa900] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-212fa900] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-212fa900] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-212fa900] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-212fa900] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-212fa900] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-212fa900],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-212fa900] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-212fa900] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-212fa900] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-212fa900],
.comment-page.post-fixed .comment-post-body.active[data-v-212fa900] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-212fa900],
  .comment-page.post-fixed .comment-post-body.active[data-v-212fa900] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-212fa900],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-212fa900] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-212fa900] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-212fa900] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-212fa900] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-212fa900] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-212fa900] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-212fa900] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-212fa900] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-212fa900] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-212fa900] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-212fa900] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-212fa900]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-212fa900]:focus,
.comment-input-field.textarea[data-v-212fa900]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-212fa900]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-212fa900] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-212fa900] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-212fa900] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-212fa900] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-212fa900] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-212fa900] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-212fa900] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-212fa900] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-212fa900]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-212fa900] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-212fa900],
.comment-send-btn.disabled .icon-send[data-v-212fa900] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-212fa900]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-212fa900] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-212fa900] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-212fa900] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-212fa900] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-212fa900] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-212fa900] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-212fa900] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-212fa900] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-212fa900] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-212fa900] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-212fa900] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-212fa900] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-212fa900] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-212fa900] {
  align-items: center;
  animation: blink-212fa900 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-212fa900 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-212fa900] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-212fa900] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-212fa900] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-212fa900] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-212fa900] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-212fa900] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-212fa900]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-212fa900] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-212fa900] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-212fa900] {
  margin: 0 0 0 -8px;
}
@media (min-width: 1024px) {
  .generic-template-3news[data-v-212fa900] .arrow-link:hover {
    background-color: var(--color-200) !important;
  }
}
@media (min-width: 1024px) {
  .generic-template-3news[data-v-212fa900] .content-with-background {
    padding-bottom: 0;
  }
}
.generic-template-3news[data-v-212fa900] .card-container.in-grid {
  border-top: 1px solid var(--color-200);
  padding-top: 8px;
}
.generic-template-3news[data-v-212fa900]
  .card-container.in-grid:nth-of-type(-n + 2) {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .generic-template-3news[data-v-212fa900] .card-container.in-grid {
    border-top: none;
  }
}
@media (min-width: 1024px) {
  .generic-template-3news[data-v-212fa900] .cards-container {
    align-items: unset;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -8px;
  }
  .generic-template-3news[data-v-212fa900] .card-container {
    flex-basis: 33.33%;
    padding: 8px;
    position: relative;
    width: 33.33%;
  }
  .article-sidebar .generic-template-3news[data-v-212fa900] .card-container,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-container {
    flex-basis: 100%;
    width: 100%;
  }
  .generic-template-3news[data-v-212fa900] .card-container.odd {
    border-right: none;
  }
  .generic-template-3news[data-v-212fa900] .card-container:after,
  .generic-template-3news[data-v-212fa900] .card-container:before {
    background-color: var(--color-200);
    content: "";
    position: absolute;
  }
  .generic-template-3news[data-v-212fa900] .card-container:before {
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:before,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-container:before {
    left: 8px !important;
    right: 0 !important;
    width: calc(100% - 16px) !important;
  }
  .generic-template-3news[data-v-212fa900] .card-container:after {
    height: calc(100% - 16px);
    left: 0;
    top: 8px;
    width: 1px;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:after,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-container:after {
    display: none;
  }
  .generic-template-3news[data-v-212fa900] .card-container:nth-of-type(-n + 3) {
    padding-top: 0;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3),
  .is-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3) {
    padding-top: 8px;
  }
  .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3):before {
    display: none;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3):before,
  .is-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3):before {
    display: block;
  }
  .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(-n + 3):after {
    height: calc(100% - 8px);
    top: 0;
  }
  .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(3n + 1):before {
    left: 8px;
    width: calc(100% - 8px);
  }
  .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(3n + 1):after {
    display: none;
  }
  .generic-template-3news[data-v-212fa900]
    .card-container:nth-of-type(3n):before {
    right: 8px;
    width: calc(100% - 8px);
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:first-of-type:before,
  .is-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:first-of-type:before {
    display: none;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:first-of-type,
  .is-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-container:first-of-type {
    padding-top: 0;
  }
  .generic-template-3news[data-v-212fa900] .content-wrapper {
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
  }
  .article-sidebar .generic-template-3news[data-v-212fa900] .content-wrapper,
  .is-sidebar .generic-template-3news[data-v-212fa900] .content-wrapper {
    flex-direction: row;
    height: unset;
  }
  .generic-template-3news[data-v-212fa900] .card-content {
    overflow: visible;
    padding-left: 0;
  }
  .article-sidebar .generic-template-3news[data-v-212fa900] .card-content,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-content {
    order: 1;
    padding-right: 8px;
  }
  .generic-template-3news[data-v-212fa900] .card-labels {
    max-width: 218px;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-labels.top-labels,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-labels.top-labels {
    display: block;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-labels.in-content,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-labels.in-content {
    display: none;
  }
  .generic-template-3news[data-v-212fa900] .card-c.in-feed {
    height: 100%;
  }
  .article-sidebar
    .generic-template-3news[data-v-212fa900]
    .card-image-container,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-image-container {
    aspect-ratio: 3/2;
    height: 72px;
    min-width: 108px;
    overflow: hidden;
    width: 108px;
  }
  .generic-template-3news[data-v-212fa900] .card-image {
    height: auto;
    margin-bottom: 8px !important;
    width: 100%;
  }
  .article-sidebar .generic-template-3news[data-v-212fa900] .card-image,
  .is-sidebar .generic-template-3news[data-v-212fa900] .card-image {
    height: 72px;
    min-width: 108px;
    overflow: hidden;
    width: 108px;
  }
  .below-feed-pagination
    .generic-template-3news[data-v-212fa900]
    .in-grid
    .card-image {
    min-width: 100%;
    width: 100%;
  }
  .generic-template-3news[data-v-212fa900] .card-divider {
    display: none;
  }
  .generic-template-3news[data-v-212fa900] .card-engagement-bar .card-divider {
    display: block;
    height: 24px;
    margin: 0 4px;
  }
}
.generic-template-3news[data-v-212fa900]
  .category-surface-color-none.bottom-divider,
.generic-template-3news[data-v-212fa900]
  .category-surface-color-undefined.bottom-divider,
.below-article-content .generic-template-3news[data-v-212fa900] .bottom-divider,
.generic-template-3news.hide-header[data-v-212fa900] .bottom-divider,
.generic-template-3news.hide-header[data-v-212fa900] .list-header {
  display: none;
}
.generic-template-3news.has-content-section[data-v-212fa900]
  .content-with-background {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .below-article-content
    .generic-template-3news.has-content-section[data-v-212fa900]
    .content-with-background {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .generic-template-3news.has-content-section[data-v-212fa900]
    .is-grid.cards-container
    + .bottom-divider {
    margin-top: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1b5ab0df] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1b5ab0df] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1b5ab0df],
  .comment-reply-bubble[data-v-1b5ab0df] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1b5ab0df],
  .comment-reply-bubble[data-v-1b5ab0df] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1b5ab0df] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1b5ab0df] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1b5ab0df],
  .comment-title[data-v-1b5ab0df] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1b5ab0df],
  .comment-title[data-v-1b5ab0df] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1b5ab0df] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1b5ab0df] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1b5ab0df] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1b5ab0df] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1b5ab0df] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1b5ab0df] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1b5ab0df] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1b5ab0df] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1b5ab0df] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1b5ab0df] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1b5ab0df] {
  margin-bottom: 16px;
}
.comment-header[data-v-1b5ab0df] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1b5ab0df] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1b5ab0df] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1b5ab0df] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1b5ab0df] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1b5ab0df] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1b5ab0df]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1b5ab0df],
.comment-page .comment-header.is-sticky[data-v-1b5ab0df] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1b5ab0df] {
  animation: slideInDown-1b5ab0df 0.32s ease-in-out;
}
@keyframes slideInDown-1b5ab0df {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1b5ab0df] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b5ab0df] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b5ab0df]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1b5ab0df]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b5ab0df] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1b5ab0df] {
  animation: slideOutUp-1b5ab0df 0.32s ease-in-out;
}
@keyframes slideOutUp-1b5ab0df {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1b5ab0df] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1b5ab0df] {
  margin-left: 8px;
}
.comment-title span[data-v-1b5ab0df] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1b5ab0df] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1b5ab0df] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1b5ab0df] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1b5ab0df]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1b5ab0df] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1b5ab0df] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1b5ab0df] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1b5ab0df] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1b5ab0df] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1b5ab0df],
.comment-page.post-fixed .comment-post-body[data-v-1b5ab0df] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1b5ab0df] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1b5ab0df] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1b5ab0df] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1b5ab0df] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1b5ab0df] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1b5ab0df] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1b5ab0df] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1b5ab0df] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1b5ab0df] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1b5ab0df],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1b5ab0df] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1b5ab0df] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1b5ab0df] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1b5ab0df],
.comment-page.post-fixed .comment-post-body.active[data-v-1b5ab0df] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1b5ab0df],
  .comment-page.post-fixed .comment-post-body.active[data-v-1b5ab0df] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1b5ab0df],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1b5ab0df] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1b5ab0df] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1b5ab0df] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1b5ab0df] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1b5ab0df] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1b5ab0df] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1b5ab0df] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1b5ab0df] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1b5ab0df] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1b5ab0df] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1b5ab0df] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1b5ab0df]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1b5ab0df]:focus,
.comment-input-field.textarea[data-v-1b5ab0df]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1b5ab0df]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1b5ab0df] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1b5ab0df] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1b5ab0df] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1b5ab0df] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1b5ab0df] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1b5ab0df] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1b5ab0df] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1b5ab0df] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1b5ab0df]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1b5ab0df] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1b5ab0df],
.comment-send-btn.disabled .icon-send[data-v-1b5ab0df] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1b5ab0df]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1b5ab0df] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1b5ab0df] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1b5ab0df] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1b5ab0df] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1b5ab0df] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1b5ab0df] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1b5ab0df] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1b5ab0df] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1b5ab0df] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1b5ab0df] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1b5ab0df] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1b5ab0df] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1b5ab0df] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1b5ab0df] {
  align-items: center;
  animation: blink-1b5ab0df 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1b5ab0df {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1b5ab0df] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1b5ab0df] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1b5ab0df] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1b5ab0df] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1b5ab0df] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1b5ab0df] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1b5ab0df]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1b5ab0df] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1b5ab0df] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1b5ab0df] {
  margin: 0 0 0 -8px;
}
.video-player__container[data-v-1b5ab0df] {
  height: 100%;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.article-header-video .video-player[data-v-1b5ab0df] {
  background-color: initial;
  padding: 0;
}
.article-header-video .video-player__details[data-v-1b5ab0df] {
  color: var(--color-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  margin-top: 8px;
  padding: 0 16px;
}
@supports (font-variation-settings: normal) {
  .article-header-video .video-player__details[data-v-1b5ab0df] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-video .video-player__details[data-v-1b5ab0df] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .article-header-video .video-player__details[data-v-1b5ab0df] {
    margin-top: 8px;
    padding: 0 24px;
  }
}
.article-header-video .video-player__details span[data-v-1b5ab0df] {
  color: var(--color-600);
  font-size: 0.8125rem;
  letter-spacing: normal;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .article-header-video .video-player__details span[data-v-1b5ab0df] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-video .video-player__details span[data-v-1b5ab0df] {
    font-weight: 400;
  }
}
.video-player .image-label-wrap.is-video[data-v-1b5ab0df] {
  bottom: 4px;
  position: absolute;
  right: 4px;
  width: auto;
}
.article-header-video
  .video-player
  .image-label-wrap.is-video[data-v-1b5ab0df] {
  background-color: var(--color-dark-50);
  color: var(--color-light-50);
  font-size: 0.6875rem;
  height: 24px;
  letter-spacing: normal;
  line-height: 0.875rem;
  padding: 1px 4px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .article-header-video
    .video-player
    .image-label-wrap.is-video[data-v-1b5ab0df] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .article-header-video
    .video-player
    .image-label-wrap.is-video[data-v-1b5ab0df] {
    font-weight: 500;
  }
}
.embed-videoPlayer__container[data-v-1b5ab0df] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.embed-videoPlayer__container.isFloating[data-v-1b5ab0df] {
  height: auto;
  left: 50%;
  max-width: 484px;
  position: fixed;
  top: 96px;
  transform: translate(-50%);
  z-index: 999;
}
.embed-videoPlayer__container.isFloating:active
  .embed-videoPlayer__close[data-v-1b5ab0df],
.embed-videoPlayer__container.isFloating:focus
  .embed-videoPlayer__close[data-v-1b5ab0df],
.embed-videoPlayer__container.isFloating:hover
  .embed-videoPlayer__close[data-v-1b5ab0df] {
  opacity: 1;
}
@media (min-width: 1024px) {
  .embed-videoPlayer__container.isFloating[data-v-1b5ab0df] {
    border-radius: 3px;
    bottom: auto;
    box-shadow: 0 3px 8px #00000057;
    height: 203px;
    left: auto;
    overflow: hidden;
    right: 8px;
    top: 8px;
    transform: none;
    width: 360px;
  }
}
.embed-videoPlayer__container .embed-videoPlayer[data-v-1b5ab0df] {
  position: relative;
}
.embed-videoPlayer__container .embed-videoPlayer__close[data-v-1b5ab0df] {
  background-color: #000c;
  border: none;
  border-radius: 50%;
  color: var(--color-light-50);
  cursor: pointer;
  height: 44px;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: opacity 0.3s ease;
  width: 44px;
  z-index: 101;
}
.embed-videoPlayer__container
  .embed-videoPlayer__close
  .icon-close[data-v-1b5ab0df] {
  font-size: 1.5rem;
}
.embed-videoPlayer__container[data-v-1b5ab0df]
  .vjs-mov-big-play-button
  .vjs-icon-placeholder {
  background-color: var(--accent);
  border-radius: 50%;
  content: "" !important;
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer__container[data-v-1b5ab0df]
    .vjs-mov-big-play-button
    .vjs-icon-placeholder {
    height: 60px;
    width: 60px;
  }
}
.embed-videoPlayer__container[data-v-1b5ab0df]
  .vjs-mov-big-play-button
  .vjs-icon-placeholder:after {
  content: "" !important;
  font-family: icons;
  font-size: 1.5rem;
  height: 24px;
  left: 50%;
  line-height: normal;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
@media (min-width: 1024px) {
  .embed-videoPlayer__container[data-v-1b5ab0df]
    .vjs-mov-big-play-button
    .vjs-icon-placeholder:after {
    font-size: 2.25rem;
    height: 36px;
    width: 36px;
  }
}
.article-header-video
  .embed-videoPlayer__container[data-v-1b5ab0df]
  .mov-big-play-button.vjs-big-play-button {
  align-items: center;
  background-color: var(--accent) !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: center;
  left: calc(50% - 20px) !important;
  line-height: 1.5rem;
  top: calc(50% - 20px) !important;
  width: 40px !important;
}
.article-header-video
  .embed-videoPlayer__container[data-v-1b5ab0df]
  .mov-big-play-button.vjs-big-play-button:before {
  align-items: center;
  color: var(--color-light-50);
  content: "";
  display: flex;
  font-family: icons;
  font-size: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
}
.article-header-video
  .embed-videoPlayer__container[data-v-1b5ab0df]
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder {
  content: "" !important;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-b0d8fd84] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-b0d8fd84] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-b0d8fd84],
  .comment-reply-bubble[data-v-b0d8fd84] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-b0d8fd84],
  .comment-reply-bubble[data-v-b0d8fd84] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b0d8fd84] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b0d8fd84] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b0d8fd84],
  .comment-title[data-v-b0d8fd84],
  .live-widget__title[data-v-b0d8fd84] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b0d8fd84],
  .comment-title[data-v-b0d8fd84],
  .live-widget__title[data-v-b0d8fd84] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-b0d8fd84] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-b0d8fd84] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-b0d8fd84] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-b0d8fd84] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-b0d8fd84] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-b0d8fd84] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-b0d8fd84] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-b0d8fd84] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-b0d8fd84] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-b0d8fd84] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-b0d8fd84] {
  margin-bottom: 16px;
}
.comment-header[data-v-b0d8fd84] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-b0d8fd84] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-b0d8fd84] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-b0d8fd84] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-b0d8fd84] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-b0d8fd84] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-b0d8fd84]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-b0d8fd84],
.comment-page .comment-header.is-sticky[data-v-b0d8fd84] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-b0d8fd84] {
  animation: slideInDown-b0d8fd84 0.32s ease-in-out;
}
@keyframes slideInDown-b0d8fd84 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b0d8fd84] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b0d8fd84] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b0d8fd84]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b0d8fd84]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b0d8fd84] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-b0d8fd84] {
  animation: slideOutUp-b0d8fd84 0.32s ease-in-out;
}
@keyframes slideOutUp-b0d8fd84 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-b0d8fd84] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-b0d8fd84] {
  margin-left: 8px;
}
.comment-title span[data-v-b0d8fd84] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-b0d8fd84] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-b0d8fd84] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-b0d8fd84] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-b0d8fd84]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-b0d8fd84] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-b0d8fd84] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-b0d8fd84] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-b0d8fd84] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-b0d8fd84] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-b0d8fd84],
.comment-page.post-fixed .comment-post-body[data-v-b0d8fd84] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-b0d8fd84] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-b0d8fd84] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-b0d8fd84] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-b0d8fd84] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-b0d8fd84] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-b0d8fd84] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-b0d8fd84] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-b0d8fd84] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-b0d8fd84] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-b0d8fd84],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-b0d8fd84] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-b0d8fd84] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-b0d8fd84] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-b0d8fd84],
.comment-page.post-fixed .comment-post-body.active[data-v-b0d8fd84] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-b0d8fd84],
  .comment-page.post-fixed .comment-post-body.active[data-v-b0d8fd84] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-b0d8fd84],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-b0d8fd84] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-b0d8fd84] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-b0d8fd84] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-b0d8fd84] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-b0d8fd84] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-b0d8fd84] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-b0d8fd84] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-b0d8fd84] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-b0d8fd84] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-b0d8fd84] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b0d8fd84] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-b0d8fd84]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-b0d8fd84]:focus,
.comment-input-field.textarea[data-v-b0d8fd84]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b0d8fd84]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-b0d8fd84] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-b0d8fd84] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b0d8fd84] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-b0d8fd84] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b0d8fd84] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b0d8fd84] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-b0d8fd84] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-b0d8fd84] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b0d8fd84]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-b0d8fd84] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-b0d8fd84],
.comment-send-btn.disabled .icon-send[data-v-b0d8fd84] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-b0d8fd84]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-b0d8fd84] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-b0d8fd84] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-b0d8fd84] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-b0d8fd84] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-b0d8fd84] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-b0d8fd84] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-b0d8fd84] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-b0d8fd84] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-b0d8fd84] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-b0d8fd84] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-b0d8fd84] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-b0d8fd84] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-b0d8fd84] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-b0d8fd84] {
  align-items: center;
  animation: blink-b0d8fd84 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-b0d8fd84 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-b0d8fd84] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-b0d8fd84] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-b0d8fd84] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-b0d8fd84] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-b0d8fd84] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-b0d8fd84] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-b0d8fd84]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-b0d8fd84] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-b0d8fd84] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-b0d8fd84] {
  margin: 0 0 0 -8px;
}
.live-widget[data-v-b0d8fd84] {
  background-color: var(--tv-widget-surface);
  margin-bottom: 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
.live-widget__header[data-v-b0d8fd84] {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0;
}
.live-widget__title-container[data-v-b0d8fd84] {
  align-items: center;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.live-widget__title[data-v-b0d8fd84] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--color-light-50);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 1.87px;
  margin-left: 4px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.live-widget__secondary .live-widget__title[data-v-b0d8fd84] {
  font-size: 0.6875rem;
  letter-spacing: 1.58px;
  line-height: 0.875rem;
  max-height: 28px;
}
.live-widget__close-btn[data-v-b0d8fd84],
.live-widget__play-btn[data-v-b0d8fd84] {
  align-items: center;
  border-radius: 50%;
  color: var(--color-dark-400);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: background-color 0.2s ease-out;
  width: 32px;
}
.live-widget__close-btn[data-v-b0d8fd84]:hover,
.live-widget__play-btn[data-v-b0d8fd84]:hover {
  background-color: var(--color-dark-200);
}
.live-widget__details[data-v-b0d8fd84] {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-top: 8px;
}
.live-widget__source[data-v-b0d8fd84] {
  color: var(--color-light-50);
  font-size: 0.625rem;
  white-space: nowrap;
}
.live-widget__logo[data-v-b0d8fd84] {
  height: 16px;
}
.live-widget__divider[data-v-b0d8fd84] {
  background-color: var(--color-dark-200);
  height: 1px;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
.live-widget__secondary[data-v-b0d8fd84] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
@media (min-width: 1024px) {
  .live-widget__secondary:hover .live-widget__play-btn[data-v-b0d8fd84] {
    background-color: var(--accent-hover);
  }
}
.live-widget__secondary-figure[data-v-b0d8fd84] {
  flex-shrink: 0;
  margin-right: 8px;
  position: relative;
  width: 108px;
}
@media (min-width: 1024px) {
  .live-widget__secondary-figure[data-v-b0d8fd84] {
    width: 142px;
  }
}
.live-widget__secondary-figure img[data-v-b0d8fd84] {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.live-widget[data-v-b0d8fd84] .video-player {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .live-widget[data-v-b0d8fd84]
    .video-player:hover
    .mov-big-play-button.vjs-big-play-button {
    background-color: var(--accent-hover) !important;
  }
}
.live-widget[data-v-b0d8fd84] div .mov-big-play-button.vjs-big-play-button {
  align-items: center;
  background-color: var(--accent) !important;
  border-radius: 50%;
  display: flex;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: center;
  left: calc(50% - 20px) !important;
  line-height: 1.5rem;
  top: calc(50% - 20px) !important;
  transition: background-color 0.2s ease-out;
  width: 40px !important;
}
.live-widget[data-v-b0d8fd84]
  div
  .mov-big-play-button.vjs-big-play-button:before {
  align-items: center;
  color: var(--color-light-50);
  content: "";
  display: flex;
  font-family: icons;
  font-size: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
}
.live-widget[data-v-b0d8fd84]
  div
  .mov-big-play-button.vjs-big-play-button
  .vjs-icon-placeholder {
  content: "" !important;
}
.live-widget[data-v-b0d8fd84] .card-label-wrap.is-live {
  background-color: initial;
  height: 16px;
  margin: 0;
  overflow: visible;
  padding: 0 !important;
  width: 16px;
}
.live-widget[data-v-b0d8fd84]
  .card-label-wrap.is-live
  .card-label__animation
  .circle {
  background-color: var(--accent-light);
}
.live-widget__play-btn[data-v-b0d8fd84] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 50%;
  color: var(--color-light-50);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease-out;
  width: 24px;
}
.live-widget__play-btn .icon-play[data-v-b0d8fd84],
.live-widget__play-btn .icon-play[data-v-b0d8fd84]:before {
  font-size: 1rem;
  line-height: 1rem;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-54086272] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-54086272] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-54086272],
  .comment-reply-bubble[data-v-54086272] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-54086272],
  .comment-reply-bubble[data-v-54086272] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-54086272] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-54086272] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-54086272],
  .comment-title[data-v-54086272] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-54086272],
  .comment-title[data-v-54086272] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-54086272] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-54086272] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-54086272] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-54086272] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-54086272] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-54086272] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-54086272] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-54086272] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-54086272] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-54086272] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-54086272] {
  margin-bottom: 16px;
}
.comment-header[data-v-54086272] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-54086272] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-54086272] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-54086272] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-54086272] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-54086272] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-54086272]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-54086272],
.comment-page .comment-header.is-sticky[data-v-54086272] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-54086272] {
  animation: slideInDown-54086272 0.32s ease-in-out;
}
@keyframes slideInDown-54086272 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-54086272] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-54086272] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-54086272]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-54086272]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-54086272] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-54086272] {
  animation: slideOutUp-54086272 0.32s ease-in-out;
}
@keyframes slideOutUp-54086272 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-54086272] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-54086272] {
  margin-left: 8px;
}
.comment-title span[data-v-54086272] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-54086272] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-54086272] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-54086272] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-54086272]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-54086272] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-54086272] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-54086272] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-54086272] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-54086272] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-54086272],
.comment-page.post-fixed .comment-post-body[data-v-54086272] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-54086272] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-54086272] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-54086272] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-54086272] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-54086272] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-54086272] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-54086272] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-54086272] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-54086272] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-54086272],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-54086272] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-54086272] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-54086272] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-54086272],
.comment-page.post-fixed .comment-post-body.active[data-v-54086272] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-54086272],
  .comment-page.post-fixed .comment-post-body.active[data-v-54086272] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-54086272],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-54086272] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-54086272] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-54086272] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-54086272] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-54086272] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-54086272] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-54086272] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-54086272] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-54086272] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-54086272] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-54086272] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-54086272]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-54086272]:focus,
.comment-input-field.textarea[data-v-54086272]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-54086272]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-54086272] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-54086272] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-54086272] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-54086272] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-54086272] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-54086272] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-54086272] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-54086272] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-54086272]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-54086272] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-54086272],
.comment-send-btn.disabled .icon-send[data-v-54086272] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-54086272]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-54086272] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-54086272] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-54086272] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-54086272] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-54086272] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-54086272] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-54086272] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-54086272] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-54086272] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-54086272] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-54086272] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-54086272] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-54086272] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-54086272] {
  align-items: center;
  animation: blink-54086272 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-54086272 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-54086272] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-54086272] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-54086272] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-54086272] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-54086272] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-54086272] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-54086272]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-54086272] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-54086272] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-54086272] {
  margin: 0 0 0 -8px;
}
.topics[data-v-54086272] {
  height: 40px;
  margin-top: 4px;
  overflow-x: auto;
  width: 100%;
}
.topics__container[data-v-54086272] {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.topics__title[data-v-54086272] {
  color: var(--color-900);
  display: none;
  font-size: 0.875rem;
  letter-spacing: 2.02px;
  line-height: 1.125rem;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
@supports (font-variation-settings: normal) {
  .topics__title[data-v-54086272] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .topics__title[data-v-54086272] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .topics__title[data-v-54086272] {
    display: inline-block;
    margin-left: 8px;
  }
}
.topics__list-container[data-v-54086272] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .topics__list-container[data-v-54086272] {
    padding-left: 0;
  }
}
@media (min-width: 429px) {
  .topics__list-container[data-v-54086272]:before {
    background-image: var(--surface-scrim-leading);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .topics__list-container[data-v-54086272]:before {
    width: 20px;
  }
}
@media (min-width: 429px) {
  .topics__list-container[data-v-54086272]:after {
    background-image: var(--surface-scrim-trailing);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    z-index: 2;
  }
}
.topics__list[data-v-54086272] {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-left: 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .topics__list[data-v-54086272] {
    padding-left: 20px;
  }
}
.topics__list[data-v-54086272]::-webkit-scrollbar,
.topics__list[data-v-54086272]::-webkit-scrollbar-track {
  display: none;
  height: 0;
  width: 0;
}
.topics__list[data-v-54086272]::-webkit-scrollbar-thumb {
  display: none;
  height: 0;
  width: 0;
}
.topics__list-item[data-v-54086272] {
  display: inline-block;
  list-style-type: none;
}
.topics__link[data-v-54086272] {
  background-color: var(--color-50);
  border: var(--topics-border);
  border-radius: 1px;
  box-shadow: var(--topics-box-shadow);
  color: var(--color-900);
  cursor: pointer;
  display: block;
  font-size: 0.6875rem;
  height: 24px;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin: 0 8px 0 0;
  overflow: hidden;
  padding: 5px 8px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.3s;
  white-space: nowrap;
}
@supports (font-variation-settings: normal) {
  .topics__link[data-v-54086272] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .topics__link[data-v-54086272] {
    font-weight: 600;
  }
}
.dark .topics__link[data-v-54086272] {
  padding: 4px 7px;
}
.topics__link[data-v-54086272]:hover:before {
  background-color: var(--color-75);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1b3c9617] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1b3c9617] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1b3c9617],
  .comment-reply-bubble[data-v-1b3c9617] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1b3c9617],
  .comment-reply-bubble[data-v-1b3c9617] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1b3c9617] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1b3c9617] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1b3c9617],
  .comment-title[data-v-1b3c9617] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1b3c9617],
  .comment-title[data-v-1b3c9617] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1b3c9617] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1b3c9617] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1b3c9617] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1b3c9617] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1b3c9617] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1b3c9617] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1b3c9617] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1b3c9617] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1b3c9617] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1b3c9617] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1b3c9617] {
  margin-bottom: 16px;
}
.comment-header[data-v-1b3c9617] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1b3c9617] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1b3c9617] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1b3c9617] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1b3c9617] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1b3c9617] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1b3c9617]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1b3c9617],
.comment-page .comment-header.is-sticky[data-v-1b3c9617] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1b3c9617] {
  animation: slideInDown-1b3c9617 0.32s ease-in-out;
}
@keyframes slideInDown-1b3c9617 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1b3c9617] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b3c9617] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b3c9617]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1b3c9617]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1b3c9617] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1b3c9617] {
  animation: slideOutUp-1b3c9617 0.32s ease-in-out;
}
@keyframes slideOutUp-1b3c9617 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1b3c9617] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1b3c9617] {
  margin-left: 8px;
}
.comment-title span[data-v-1b3c9617] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1b3c9617] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1b3c9617] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1b3c9617] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1b3c9617]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1b3c9617] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1b3c9617] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1b3c9617] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1b3c9617] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1b3c9617] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1b3c9617],
.comment-page.post-fixed .comment-post-body[data-v-1b3c9617] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1b3c9617] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1b3c9617] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1b3c9617] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1b3c9617] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1b3c9617] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1b3c9617] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1b3c9617] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1b3c9617] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1b3c9617] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1b3c9617],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1b3c9617] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1b3c9617] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1b3c9617] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1b3c9617],
.comment-page.post-fixed .comment-post-body.active[data-v-1b3c9617] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1b3c9617],
  .comment-page.post-fixed .comment-post-body.active[data-v-1b3c9617] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1b3c9617],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1b3c9617] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1b3c9617] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1b3c9617] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1b3c9617] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1b3c9617] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1b3c9617] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1b3c9617] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1b3c9617] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1b3c9617] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1b3c9617] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1b3c9617] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1b3c9617]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1b3c9617]:focus,
.comment-input-field.textarea[data-v-1b3c9617]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1b3c9617]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1b3c9617] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1b3c9617] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1b3c9617] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1b3c9617] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1b3c9617] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1b3c9617] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1b3c9617] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1b3c9617] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1b3c9617]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1b3c9617] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1b3c9617],
.comment-send-btn.disabled .icon-send[data-v-1b3c9617] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1b3c9617]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1b3c9617] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1b3c9617] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1b3c9617] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1b3c9617] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1b3c9617] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1b3c9617] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1b3c9617] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1b3c9617] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1b3c9617] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1b3c9617] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1b3c9617] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1b3c9617] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1b3c9617] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1b3c9617] {
  align-items: center;
  animation: blink-1b3c9617 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1b3c9617 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1b3c9617] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1b3c9617] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1b3c9617] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1b3c9617] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1b3c9617] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1b3c9617] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1b3c9617]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1b3c9617] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1b3c9617] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1b3c9617] {
  margin: 0 0 0 -8px;
}
[data-v-1b3c9617] .bottom-divider {
  display: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-aa38b345] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-aa38b345] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-aa38b345],
  .comment-reply-bubble[data-v-aa38b345] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-aa38b345],
  .comment-reply-bubble[data-v-aa38b345] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-aa38b345] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-aa38b345] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-aa38b345],
  .comment-title[data-v-aa38b345] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-aa38b345],
  .comment-title[data-v-aa38b345] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-aa38b345] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-aa38b345] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-aa38b345] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-aa38b345] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-aa38b345] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-aa38b345] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-aa38b345] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-aa38b345] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-aa38b345] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-aa38b345] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-aa38b345] {
  margin-bottom: 16px;
}
.comment-header[data-v-aa38b345] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-aa38b345] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-aa38b345] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-aa38b345] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-aa38b345] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-aa38b345] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-aa38b345]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-aa38b345],
.comment-page .comment-header.is-sticky[data-v-aa38b345] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-aa38b345] {
  animation: slideInDown-aa38b345 0.32s ease-in-out;
}
@keyframes slideInDown-aa38b345 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-aa38b345] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-aa38b345] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-aa38b345]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-aa38b345]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-aa38b345] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-aa38b345] {
  animation: slideOutUp-aa38b345 0.32s ease-in-out;
}
@keyframes slideOutUp-aa38b345 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-aa38b345] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-aa38b345] {
  margin-left: 8px;
}
.comment-title span[data-v-aa38b345] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-aa38b345] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-aa38b345] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-aa38b345] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-aa38b345]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-aa38b345] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-aa38b345] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-aa38b345] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-aa38b345] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-aa38b345] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-aa38b345],
.comment-page.post-fixed .comment-post-body[data-v-aa38b345] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-aa38b345] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-aa38b345] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-aa38b345] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-aa38b345] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-aa38b345] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-aa38b345] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-aa38b345] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-aa38b345] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-aa38b345] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-aa38b345],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-aa38b345] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-aa38b345] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-aa38b345] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-aa38b345],
.comment-page.post-fixed .comment-post-body.active[data-v-aa38b345] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-aa38b345],
  .comment-page.post-fixed .comment-post-body.active[data-v-aa38b345] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-aa38b345],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-aa38b345] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-aa38b345] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-aa38b345] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-aa38b345] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-aa38b345] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-aa38b345] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-aa38b345] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-aa38b345] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-aa38b345] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-aa38b345] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-aa38b345] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-aa38b345]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-aa38b345]:focus,
.comment-input-field.textarea[data-v-aa38b345]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-aa38b345]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-aa38b345] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-aa38b345] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-aa38b345] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-aa38b345] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-aa38b345] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-aa38b345] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-aa38b345] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-aa38b345] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-aa38b345]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-aa38b345] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-aa38b345],
.comment-send-btn.disabled .icon-send[data-v-aa38b345] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-aa38b345]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-aa38b345] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-aa38b345] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-aa38b345] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-aa38b345] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-aa38b345] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-aa38b345] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-aa38b345] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-aa38b345] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-aa38b345] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-aa38b345] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-aa38b345] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-aa38b345] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-aa38b345] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-aa38b345] {
  align-items: center;
  animation: blink-aa38b345 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-aa38b345 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-aa38b345] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-aa38b345] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-aa38b345] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-aa38b345] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-aa38b345] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-aa38b345] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-aa38b345]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-aa38b345] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-aa38b345] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-aa38b345] {
  margin: 0 0 0 -8px;
}
.horoscope-sidebar-slider[data-v-aa38b345] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
}
.horoscope-sidebar-slider svg[data-v-aa38b345] {
  display: block;
  height: 90px;
  margin: 0 auto 8px;
  width: 90px;
  fill: var(--color-900);
}
.horoscope-sidebar-slider p[data-v-aa38b345] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 12px;
  text-align: center;
}
.horoscope-sidebar-slider .view-more[data-v-aa38b345] {
  width: 100%;
}
.list-header[data-v-aa38b345] {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  justify-content: space-between;
  margin: 0 8px;
  padding: 8px 0;
}
.list-header .title[data-v-aa38b345] {
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 8px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .list-header .title[data-v-aa38b345] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .list-header .title[data-v-aa38b345] {
    font-weight: 800;
  }
}
.signs-navigation[data-v-aa38b345] {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  height: 48px;
  margin: 0 0 8px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.signs-navigation__wrap[data-v-aa38b345] {
  align-items: stretch;
  display: flex;
  overflow: hidden;
}
.signs-navigation__list[data-v-aa38b345] {
  align-items: center;
  display: flex;
  height: 100%;
  opacity: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 8px 0 8px 8px;
  visibility: visible;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.signs-navigation__list[data-v-aa38b345]::-webkit-scrollbar {
  display: none;
  height: 0;
}
.signs-navigation__list[data-v-aa38b345]::-webkit-scrollbar-thumb,
.signs-navigation__list[data-v-aa38b345]::-webkit-scrollbar-track {
  height: 0;
}
.signs-navigation__list_item[data-v-aa38b345] {
  align-items: center;
  color: var(--subnav-item-resting);
  display: flex;
  flex-shrink: 0;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  line-height: 1rem;
  margin-left: 12px;
  position: relative;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .signs-navigation__list_item[data-v-aa38b345] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .signs-navigation__list_item[data-v-aa38b345] {
    font-weight: 400;
  }
}
.signs-navigation__list_item.is-active[data-v-aa38b345] {
  color: var(--color-900);
}
.signs-navigation__list_item.is-active[data-v-aa38b345]:before {
  background-color: var(--accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.signs-navigation__list_item[data-v-aa38b345]:first-of-type {
  margin-left: 0;
}
.signs-navigation__list_item[data-v-aa38b345]:last-of-type {
  margin-right: 12px;
}
@media (min-width: 1024px) {
  .signs-navigation__list_item[data-v-aa38b345]:hover {
    color: var(--color-900);
    cursor: pointer;
  }
}
.arrows[data-v-aa38b345] {
  display: flex;
}
.arrows .next[data-v-aa38b345],
.arrows .prev[data-v-aa38b345] {
  align-items: center;
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 50%;
  color: var(--color-900);
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.75rem;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
@supports (font-variation-settings: normal) {
  .arrows .next[data-v-aa38b345],
  .arrows .prev[data-v-aa38b345] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .arrows .next[data-v-aa38b345],
  .arrows .prev[data-v-aa38b345] {
    font-weight: 700;
  }
}
.arrows .next a[data-v-aa38b345],
.arrows .next span[data-v-aa38b345],
.arrows .prev a[data-v-aa38b345],
.arrows .prev span[data-v-aa38b345] {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-family: icons !important;
  height: 32px;
  justify-content: center;
  width: 32px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
}
.arrows .next a[data-v-aa38b345]:before,
.arrows .next span[data-v-aa38b345]:before,
.arrows .prev a[data-v-aa38b345]:before,
.arrows .prev span[data-v-aa38b345]:before {
  color: var(--accent);
  font-size: 1rem;
  transition: color 0.3s;
}
@media (min-width: 1024px) {
  .arrows .next a[data-v-aa38b345]:hover,
  .arrows .prev a[data-v-aa38b345]:hover {
    background-color: var(--color-200);
  }
}
.arrows .next .is-disabled[data-v-aa38b345],
.arrows .prev .is-disabled[data-v-aa38b345] {
  opacity: 0.42;
}
.arrows .prev[data-v-aa38b345] {
  margin-right: 8px;
}
.arrows .prev a[data-v-aa38b345]:before,
.arrows .prev span[data-v-aa38b345]:before {
  content: "";
}
.arrows .next a[data-v-aa38b345]:before,
.arrows .next span[data-v-aa38b345]:before {
  content: "";
}
.horoscope__slider[data-v-aa38b345] {
  padding-bottom: 8px;
}
.horoscope__slider .horoscope__slide[data-v-aa38b345] {
  padding: 0 8px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-61f70194] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-61f70194] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-61f70194],
  .comment-reply-bubble[data-v-61f70194] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-61f70194],
  .comment-reply-bubble[data-v-61f70194] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-61f70194] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-61f70194] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-61f70194],
  .comment-title[data-v-61f70194] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-61f70194],
  .comment-title[data-v-61f70194] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-61f70194] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-61f70194] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-61f70194] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-61f70194] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-61f70194] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-61f70194] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-61f70194] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-61f70194] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-61f70194] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-61f70194] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-61f70194] {
  margin-bottom: 16px;
}
.comment-header[data-v-61f70194] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-61f70194] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-61f70194] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-61f70194] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-61f70194] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-61f70194] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-61f70194]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-61f70194],
.comment-page .comment-header.is-sticky[data-v-61f70194] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-61f70194] {
  animation: slideInDown-61f70194 0.32s ease-in-out;
}
@keyframes slideInDown-61f70194 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-61f70194] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-61f70194] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-61f70194]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-61f70194]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-61f70194] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-61f70194] {
  animation: slideOutUp-61f70194 0.32s ease-in-out;
}
@keyframes slideOutUp-61f70194 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-61f70194] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-61f70194] {
  margin-left: 8px;
}
.comment-title span[data-v-61f70194] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-61f70194] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-61f70194] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-61f70194] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-61f70194]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-61f70194] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-61f70194] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-61f70194] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-61f70194] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-61f70194] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-61f70194],
.comment-page.post-fixed .comment-post-body[data-v-61f70194] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-61f70194] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-61f70194] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-61f70194] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-61f70194] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-61f70194] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-61f70194] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-61f70194] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-61f70194] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-61f70194] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-61f70194],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-61f70194] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-61f70194] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-61f70194] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-61f70194],
.comment-page.post-fixed .comment-post-body.active[data-v-61f70194] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-61f70194],
  .comment-page.post-fixed .comment-post-body.active[data-v-61f70194] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-61f70194],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-61f70194] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-61f70194] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-61f70194] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-61f70194] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-61f70194] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-61f70194] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-61f70194] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-61f70194] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-61f70194] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-61f70194] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-61f70194] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-61f70194]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-61f70194]:focus,
.comment-input-field.textarea[data-v-61f70194]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-61f70194]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-61f70194] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-61f70194] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-61f70194] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-61f70194] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-61f70194] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-61f70194] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-61f70194] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-61f70194] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-61f70194]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-61f70194] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-61f70194],
.comment-send-btn.disabled .icon-send[data-v-61f70194] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-61f70194]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-61f70194] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-61f70194] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-61f70194] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-61f70194] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-61f70194] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-61f70194] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-61f70194] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-61f70194] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-61f70194] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-61f70194] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-61f70194] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-61f70194] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-61f70194] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-61f70194] {
  align-items: center;
  animation: blink-61f70194 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-61f70194 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-61f70194] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-61f70194] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-61f70194] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-61f70194] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-61f70194] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-61f70194] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-61f70194]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-61f70194] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-61f70194] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-61f70194] {
  margin: 0 0 0 -8px;
}
.async-block[data-v-61f70194] {
  min-height: 150px;
}
.async-block.loaded[data-v-61f70194] {
  min-height: unset;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5f19b0e0] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5f19b0e0] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5f19b0e0],
  .comment-reply-bubble[data-v-5f19b0e0] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5f19b0e0],
  .comment-reply-bubble[data-v-5f19b0e0] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5f19b0e0] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5f19b0e0] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5f19b0e0],
  .comment-title[data-v-5f19b0e0] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5f19b0e0],
  .comment-title[data-v-5f19b0e0] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5f19b0e0] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5f19b0e0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5f19b0e0] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5f19b0e0] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5f19b0e0] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5f19b0e0] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5f19b0e0] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5f19b0e0] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5f19b0e0] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5f19b0e0] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5f19b0e0] {
  margin-bottom: 16px;
}
.comment-header[data-v-5f19b0e0] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5f19b0e0] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5f19b0e0] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5f19b0e0] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5f19b0e0] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5f19b0e0] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5f19b0e0]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5f19b0e0],
.comment-page .comment-header.is-sticky[data-v-5f19b0e0] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5f19b0e0] {
  animation: slideInDown-5f19b0e0 0.32s ease-in-out;
}
@keyframes slideInDown-5f19b0e0 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5f19b0e0] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f19b0e0] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f19b0e0]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5f19b0e0]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5f19b0e0] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5f19b0e0] {
  animation: slideOutUp-5f19b0e0 0.32s ease-in-out;
}
@keyframes slideOutUp-5f19b0e0 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5f19b0e0] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5f19b0e0] {
  margin-left: 8px;
}
.comment-title span[data-v-5f19b0e0] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5f19b0e0] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5f19b0e0] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5f19b0e0] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5f19b0e0]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5f19b0e0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5f19b0e0] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5f19b0e0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5f19b0e0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5f19b0e0] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5f19b0e0],
.comment-page.post-fixed .comment-post-body[data-v-5f19b0e0] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5f19b0e0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5f19b0e0] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5f19b0e0] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5f19b0e0] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5f19b0e0] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5f19b0e0] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5f19b0e0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5f19b0e0] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5f19b0e0] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5f19b0e0],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5f19b0e0] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5f19b0e0] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5f19b0e0] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5f19b0e0],
.comment-page.post-fixed .comment-post-body.active[data-v-5f19b0e0] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5f19b0e0],
  .comment-page.post-fixed .comment-post-body.active[data-v-5f19b0e0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5f19b0e0],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5f19b0e0] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5f19b0e0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5f19b0e0] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5f19b0e0] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5f19b0e0] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5f19b0e0] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5f19b0e0] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5f19b0e0] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5f19b0e0] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5f19b0e0] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5f19b0e0] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5f19b0e0]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5f19b0e0]:focus,
.comment-input-field.textarea[data-v-5f19b0e0]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5f19b0e0]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5f19b0e0] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5f19b0e0] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5f19b0e0] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5f19b0e0] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5f19b0e0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5f19b0e0] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5f19b0e0] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5f19b0e0] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5f19b0e0]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5f19b0e0] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5f19b0e0],
.comment-send-btn.disabled .icon-send[data-v-5f19b0e0] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5f19b0e0]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5f19b0e0] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5f19b0e0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5f19b0e0] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5f19b0e0] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5f19b0e0] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5f19b0e0] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5f19b0e0] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5f19b0e0] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5f19b0e0] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5f19b0e0] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5f19b0e0] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5f19b0e0] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5f19b0e0] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5f19b0e0] {
  align-items: center;
  animation: blink-5f19b0e0 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5f19b0e0 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5f19b0e0] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5f19b0e0] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5f19b0e0] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5f19b0e0] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5f19b0e0] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5f19b0e0] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5f19b0e0]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5f19b0e0] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5f19b0e0] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5f19b0e0] {
  margin: 0 0 0 -8px;
}
.lazy-component[data-v-5f19b0e0] {
  min-height: 150px;
}
.lazy-component.loaded[data-v-5f19b0e0] {
  min-height: unset;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f939e972] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f939e972] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f939e972],
  .comment-reply-bubble[data-v-f939e972] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f939e972],
  .comment-reply-bubble[data-v-f939e972] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f939e972] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f939e972] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f939e972],
  .comment-title[data-v-f939e972] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f939e972],
  .comment-title[data-v-f939e972] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f939e972] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f939e972] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f939e972] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f939e972] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f939e972] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f939e972] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f939e972] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f939e972] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f939e972] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f939e972] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f939e972] {
  margin-bottom: 16px;
}
.comment-header[data-v-f939e972] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f939e972] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f939e972] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f939e972] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f939e972] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f939e972] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f939e972]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f939e972],
.comment-page .comment-header.is-sticky[data-v-f939e972] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f939e972] {
  animation: slideInDown-f939e972 0.32s ease-in-out;
}
@keyframes slideInDown-f939e972 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f939e972] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f939e972] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f939e972]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f939e972]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f939e972] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f939e972] {
  animation: slideOutUp-f939e972 0.32s ease-in-out;
}
@keyframes slideOutUp-f939e972 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f939e972] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f939e972] {
  margin-left: 8px;
}
.comment-title span[data-v-f939e972] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f939e972] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f939e972] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f939e972] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f939e972]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f939e972] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f939e972] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f939e972] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f939e972] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f939e972] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f939e972],
.comment-page.post-fixed .comment-post-body[data-v-f939e972] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f939e972] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f939e972] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f939e972] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f939e972] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f939e972] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f939e972] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f939e972] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f939e972] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f939e972] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f939e972],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f939e972] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f939e972] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f939e972] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f939e972],
.comment-page.post-fixed .comment-post-body.active[data-v-f939e972] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f939e972],
  .comment-page.post-fixed .comment-post-body.active[data-v-f939e972] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f939e972],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f939e972] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f939e972] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f939e972] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f939e972] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f939e972] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f939e972] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f939e972] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f939e972] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f939e972] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f939e972] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f939e972] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f939e972]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f939e972]:focus,
.comment-input-field.textarea[data-v-f939e972]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f939e972]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f939e972] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f939e972] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f939e972] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f939e972] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f939e972] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f939e972] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f939e972] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f939e972] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f939e972]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f939e972] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f939e972],
.comment-send-btn.disabled .icon-send[data-v-f939e972] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f939e972]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f939e972] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f939e972] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f939e972] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f939e972] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f939e972] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f939e972] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f939e972] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f939e972] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f939e972] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f939e972] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f939e972] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f939e972] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f939e972] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f939e972] {
  align-items: center;
  animation: blink-f939e972 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f939e972 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f939e972] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f939e972] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f939e972] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f939e972] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f939e972] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f939e972] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f939e972]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f939e972] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f939e972] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f939e972] {
  margin: 0 0 0 -8px;
}
.async-component.news-list-1x-no-spacing[data-v-f939e972] {
  min-height: 520px;
}
.async-component.print-page[data-v-f939e972] {
  min-height: 400px;
}
.async-component.tv-widget-acl[data-v-f939e972] {
  min-height: 140px;
}
@media (min-width: 1024px) {
  .async-component.tv-widget-acl[data-v-f939e972] {
    min-height: 288px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-b95e5cfa] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-b95e5cfa] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-b95e5cfa],
  .comment-reply-bubble[data-v-b95e5cfa] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-b95e5cfa],
  .comment-reply-bubble[data-v-b95e5cfa] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b95e5cfa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-b95e5cfa] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b95e5cfa],
  .comment-title[data-v-b95e5cfa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-b95e5cfa],
  .comment-title[data-v-b95e5cfa] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-b95e5cfa] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-b95e5cfa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-b95e5cfa] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-b95e5cfa] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-b95e5cfa] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-b95e5cfa] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-b95e5cfa] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-b95e5cfa] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-b95e5cfa] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-b95e5cfa] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-b95e5cfa] {
  margin-bottom: 16px;
}
.comment-header[data-v-b95e5cfa] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-b95e5cfa] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-b95e5cfa] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-b95e5cfa] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-b95e5cfa] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-b95e5cfa] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-b95e5cfa]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-b95e5cfa],
.comment-page .comment-header.is-sticky[data-v-b95e5cfa] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-b95e5cfa] {
  animation: slideInDown-b95e5cfa 0.32s ease-in-out;
}
@keyframes slideInDown-b95e5cfa {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b95e5cfa] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b95e5cfa] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b95e5cfa]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-b95e5cfa]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-b95e5cfa] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-b95e5cfa] {
  animation: slideOutUp-b95e5cfa 0.32s ease-in-out;
}
@keyframes slideOutUp-b95e5cfa {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-b95e5cfa] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-b95e5cfa] {
  margin-left: 8px;
}
.comment-title span[data-v-b95e5cfa] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-b95e5cfa] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-b95e5cfa] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-b95e5cfa] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-b95e5cfa]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-b95e5cfa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-b95e5cfa] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-b95e5cfa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-b95e5cfa] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-b95e5cfa] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-b95e5cfa],
.comment-page.post-fixed .comment-post-body[data-v-b95e5cfa] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-b95e5cfa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-b95e5cfa] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-b95e5cfa] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-b95e5cfa] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-b95e5cfa] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-b95e5cfa] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-b95e5cfa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-b95e5cfa] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-b95e5cfa] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-b95e5cfa],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-b95e5cfa] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-b95e5cfa] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-b95e5cfa] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-b95e5cfa],
.comment-page.post-fixed .comment-post-body.active[data-v-b95e5cfa] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-b95e5cfa],
  .comment-page.post-fixed .comment-post-body.active[data-v-b95e5cfa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-b95e5cfa],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-b95e5cfa] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-b95e5cfa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-b95e5cfa] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-b95e5cfa] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-b95e5cfa] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-b95e5cfa] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-b95e5cfa] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-b95e5cfa] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-b95e5cfa] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-b95e5cfa] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b95e5cfa] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-b95e5cfa]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-b95e5cfa]:focus,
.comment-input-field.textarea[data-v-b95e5cfa]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-b95e5cfa]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-b95e5cfa] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-b95e5cfa] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b95e5cfa] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-b95e5cfa] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b95e5cfa] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-b95e5cfa] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-b95e5cfa] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-b95e5cfa] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-b95e5cfa]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-b95e5cfa] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-b95e5cfa],
.comment-send-btn.disabled .icon-send[data-v-b95e5cfa] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-b95e5cfa]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-b95e5cfa] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-b95e5cfa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-b95e5cfa] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-b95e5cfa] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-b95e5cfa] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-b95e5cfa] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-b95e5cfa] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-b95e5cfa] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-b95e5cfa] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-b95e5cfa] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-b95e5cfa] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-b95e5cfa] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-b95e5cfa] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-b95e5cfa] {
  align-items: center;
  animation: blink-b95e5cfa 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-b95e5cfa {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-b95e5cfa] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-b95e5cfa] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-b95e5cfa] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-b95e5cfa] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-b95e5cfa] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-b95e5cfa] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-b95e5cfa]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-b95e5cfa] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-b95e5cfa] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-b95e5cfa] {
  margin: 0 0 0 -8px;
}
@keyframes verticalTicker-b95e5cfa {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.news-ticker-vertical[data-v-b95e5cfa] {
  display: flex;
  flex-direction: row;
  height: 56px;
}
@media (min-width: 1024px) {
  .news-ticker-vertical[data-v-b95e5cfa] {
    display: none;
  }
}
.news-ticker__label[data-v-b95e5cfa] {
  position: relative;
}
.news-ticker-vertical[data-v-b95e5cfa] {
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
}
.news-ticker__first[data-v-b95e5cfa] {
  background-color: var(--accent);
  color: var(--color-light-50);
  display: flex;
  flex-basis: 40px;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
  padding: 8px 5px 0;
}
.news-ticker__label[data-v-b95e5cfa] {
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .news-ticker__label[data-v-b95e5cfa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .news-ticker__label[data-v-b95e5cfa] {
    font-weight: 800;
  }
}
.news-ticker__divider[data-v-b95e5cfa] {
  background-color: var(--color-light-50);
  flex-shrink: 0;
  height: 1px;
  margin: 7px 0 0;
  width: 100%;
}
.news-ticker__times[data-v-b95e5cfa] {
  display: flex;
  flex-direction: column;
  font-size: 0.625rem;
  height: 100%;
  line-height: 0.75rem;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .news-ticker__times[data-v-b95e5cfa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .news-ticker__times[data-v-b95e5cfa] {
    font-weight: 800;
  }
}
.news-ticker__times ul[data-v-b95e5cfa] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.news-ticker__times ul li[data-v-b95e5cfa] {
  padding: 8px 0;
}
.news-ticker__timestamps[data-v-b95e5cfa] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 0.625rem;
  line-height: 0.75rem;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .news-ticker__timestamps[data-v-b95e5cfa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .news-ticker__timestamps[data-v-b95e5cfa] {
    font-weight: 800;
  }
}
.news-ticker__timestamps li[data-v-b95e5cfa] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
}
.news-ticker__timestamps li a[data-v-b95e5cfa] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  max-height: 12px;
}
.news-ticker__list[data-v-b95e5cfa] {
  background-color: var(--ticker-surface);
  color: var(--color-900);
  flex: 1;
  font-size: 0.8125rem;
  line-height: 1rem;
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .news-ticker__list[data-v-b95e5cfa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .news-ticker__list[data-v-b95e5cfa] {
    font-weight: 700;
  }
}
.news-ticker__list ul[data-v-b95e5cfa] {
  overflow: hidden;
  position: relative;
}
.news-ticker__list li[data-v-b95e5cfa] {
  flex-grow: 1;
  flex-shrink: 0;
  height: 100%;
  margin-bottom: 8px;
  min-height: 48px;
  overflow: hidden;
  padding: 4px 8px;
}
.news-ticker__list li a[data-v-b95e5cfa] {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 48px;
  max-height: 48px;
}
.news-ticker__arrow[data-v-b95e5cfa] {
  align-items: center;
  background-color: var(--color-200);
  color: var(--accent);
  display: flex;
  flex-basis: 24px;
  font-size: 0.6875rem;
  justify-content: center;
  line-height: 0.875rem;
}
@supports (font-variation-settings: normal) {
  .news-ticker__arrow[data-v-b95e5cfa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .news-ticker__arrow[data-v-b95e5cfa] {
    font-weight: 700;
  }
}
.item[data-v-b95e5cfa] {
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
}
.top .slideUp-leave-to[data-v-b95e5cfa] {
  transform: translateY(-100%);
}
.top .slideUp-enter-from[data-v-b95e5cfa] {
  transform: translateY(100%);
}
.slideUp-leave-active[data-v-b95e5cfa] {
  left: 0;
  position: absolute;
  right: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-09b68a90] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-09b68a90] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-09b68a90],
  .comment-reply-bubble[data-v-09b68a90] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-09b68a90],
  .comment-reply-bubble[data-v-09b68a90] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-09b68a90] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-09b68a90] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-09b68a90],
  .comment-title[data-v-09b68a90] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-09b68a90],
  .comment-title[data-v-09b68a90] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-09b68a90] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-09b68a90] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-09b68a90] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-09b68a90] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-09b68a90] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-09b68a90] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-09b68a90] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-09b68a90] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-09b68a90] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-09b68a90] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-09b68a90] {
  margin-bottom: 16px;
}
.comment-header[data-v-09b68a90] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-09b68a90] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-09b68a90] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-09b68a90] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-09b68a90] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-09b68a90] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-09b68a90]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-09b68a90],
.comment-page .comment-header.is-sticky[data-v-09b68a90] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-09b68a90] {
  animation: slideInDown-09b68a90 0.32s ease-in-out;
}
@keyframes slideInDown-09b68a90 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-09b68a90] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09b68a90] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09b68a90]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-09b68a90]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-09b68a90] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-09b68a90] {
  animation: slideOutUp-09b68a90 0.32s ease-in-out;
}
@keyframes slideOutUp-09b68a90 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-09b68a90] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-09b68a90] {
  margin-left: 8px;
}
.comment-title span[data-v-09b68a90] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-09b68a90] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-09b68a90] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-09b68a90] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-09b68a90]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-09b68a90] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-09b68a90] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-09b68a90] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-09b68a90] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-09b68a90] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-09b68a90],
.comment-page.post-fixed .comment-post-body[data-v-09b68a90] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-09b68a90] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-09b68a90] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-09b68a90] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-09b68a90] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-09b68a90] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-09b68a90] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-09b68a90] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-09b68a90] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-09b68a90] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-09b68a90],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-09b68a90] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-09b68a90] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-09b68a90] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-09b68a90],
.comment-page.post-fixed .comment-post-body.active[data-v-09b68a90] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-09b68a90],
  .comment-page.post-fixed .comment-post-body.active[data-v-09b68a90] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-09b68a90],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-09b68a90] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-09b68a90] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-09b68a90] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-09b68a90] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-09b68a90] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-09b68a90] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-09b68a90] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-09b68a90] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-09b68a90] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-09b68a90] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-09b68a90] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-09b68a90]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-09b68a90]:focus,
.comment-input-field.textarea[data-v-09b68a90]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-09b68a90]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-09b68a90] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-09b68a90] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-09b68a90] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-09b68a90] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-09b68a90] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-09b68a90] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-09b68a90] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-09b68a90] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-09b68a90]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-09b68a90] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-09b68a90],
.comment-send-btn.disabled .icon-send[data-v-09b68a90] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-09b68a90]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-09b68a90] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-09b68a90] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-09b68a90] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-09b68a90] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-09b68a90] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-09b68a90] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-09b68a90] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-09b68a90] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-09b68a90] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-09b68a90] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-09b68a90] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-09b68a90] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-09b68a90] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-09b68a90] {
  align-items: center;
  animation: blink-09b68a90 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-09b68a90 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-09b68a90] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-09b68a90] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-09b68a90] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-09b68a90] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-09b68a90] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-09b68a90] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-09b68a90]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-09b68a90] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-09b68a90] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-09b68a90] {
  margin: 0 0 0 -8px;
}
.related-news[data-v-09b68a90] {
  margin: 8px 0;
  position: relative;
}
.related-news.related-wm-content-wrapper[data-v-09b68a90] {
  display: none;
}
@media (min-width: 1024px) {
  .related-news.related-wm-content-wrapper[data-v-09b68a90] {
    display: block;
    height: 72px;
  }
}
.related-news .related-article-title[data-v-09b68a90] {
  color: var(--color-900);
  display: -webkit-box;
  font-size: 0.75rem;
  letter-spacing: 0.12px;
  line-height: 1.0625rem;
  max-height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@supports (font-variation-settings: normal) {
  .related-news .related-article-title[data-v-09b68a90] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .related-news .related-article-title[data-v-09b68a90] {
    font-weight: 700;
  }
}
.related-news .related-article-wrapper[data-v-09b68a90] {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  padding-right: 20px;
}
.related-news .card-image-container[data-v-09b68a90] {
  flex-grow: 0;
  flex-shrink: 0;
  height: 72px;
  margin-right: 8px;
  overflow: hidden;
  width: 72px;
}
.related-news .card-image-container[data-v-09b68a90] img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.related-news .articles-slider[data-v-09b68a90] {
  padding-left: 16px;
}
.related-news .gradient-right[data-v-09b68a90] {
  background-image: var(--surface-scrim-trailing);
  display: block;
  height: 51px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
@media (min-width: 1024px) {
  .related-news .gradient-right[data-v-09b68a90] {
    height: 72px;
  }
}
.related-news .gradient-left[data-v-09b68a90] {
  background-image: var(--surface-scrim-leading);
  display: block;
  height: 51px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
@media (min-width: 1024px) {
  .related-news .gradient-left[data-v-09b68a90] {
    height: 72px;
  }
}
.related-news[data-v-09b68a90] .wm-content-slider__left-arrow-marker,
.related-news[data-v-09b68a90] .wm-content-slider__right-arrow-marker {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px;
  height: 32px;
  padding: 8px;
  width: 32px;
}
.related-news[data-v-09b68a90]
  .wm-content-slider__left-arrow-marker:hover:before,
.related-news[data-v-09b68a90]
  .wm-content-slider__right-arrow-marker:hover:before {
  opacity: 1;
}
.related-news[data-v-09b68a90] .wm-content-slider__left-arrow-marker:before,
.related-news[data-v-09b68a90] .wm-content-slider__right-arrow-marker:before {
  background-color: var(--color-100);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: -2px;
  transition: all 0.15s;
  width: 32px;
}
.related-news[data-v-09b68a90] .wm-content-slider__left-arrow-marker:after,
.related-news[data-v-09b68a90] .wm-content-slider__right-arrow-marker:after {
  border: none;
  color: var(--accent);
  font-family: icons;
  font-size: 16px;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
}
.related-news[data-v-09b68a90] .wm-content-slider__right-arrow-marker {
  right: 0;
}
.related-news[data-v-09b68a90] .wm-content-slider__right-arrow-marker:after {
  content: "";
}
.related-news[data-v-09b68a90] .wm-content-slider__left-arrow-marker {
  left: 0;
}
.related-news[data-v-09b68a90] .wm-content-slider__left-arrow-marker:after {
  content: "";
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-8229aeb4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-8229aeb4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-8229aeb4],
  .comment-reply-bubble[data-v-8229aeb4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-8229aeb4],
  .comment-reply-bubble[data-v-8229aeb4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8229aeb4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8229aeb4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8229aeb4],
  .comment-title[data-v-8229aeb4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8229aeb4],
  .comment-title[data-v-8229aeb4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-8229aeb4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-8229aeb4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-8229aeb4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-8229aeb4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-8229aeb4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-8229aeb4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-8229aeb4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-8229aeb4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-8229aeb4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-8229aeb4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-8229aeb4] {
  margin-bottom: 16px;
}
.comment-header[data-v-8229aeb4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-8229aeb4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-8229aeb4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-8229aeb4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-8229aeb4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-8229aeb4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-8229aeb4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-8229aeb4],
.comment-page .comment-header.is-sticky[data-v-8229aeb4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-8229aeb4] {
  animation: slideInDown-8229aeb4 0.32s ease-in-out;
}
@keyframes slideInDown-8229aeb4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8229aeb4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8229aeb4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8229aeb4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8229aeb4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8229aeb4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-8229aeb4] {
  animation: slideOutUp-8229aeb4 0.32s ease-in-out;
}
@keyframes slideOutUp-8229aeb4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-8229aeb4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-8229aeb4] {
  margin-left: 8px;
}
.comment-title span[data-v-8229aeb4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-8229aeb4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-8229aeb4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-8229aeb4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-8229aeb4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-8229aeb4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-8229aeb4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-8229aeb4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-8229aeb4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-8229aeb4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-8229aeb4],
.comment-page.post-fixed .comment-post-body[data-v-8229aeb4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-8229aeb4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-8229aeb4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-8229aeb4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-8229aeb4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-8229aeb4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-8229aeb4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-8229aeb4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-8229aeb4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-8229aeb4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-8229aeb4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-8229aeb4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-8229aeb4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-8229aeb4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-8229aeb4],
.comment-page.post-fixed .comment-post-body.active[data-v-8229aeb4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-8229aeb4],
  .comment-page.post-fixed .comment-post-body.active[data-v-8229aeb4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-8229aeb4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-8229aeb4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-8229aeb4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-8229aeb4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-8229aeb4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-8229aeb4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-8229aeb4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-8229aeb4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-8229aeb4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-8229aeb4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-8229aeb4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8229aeb4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-8229aeb4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-8229aeb4]:focus,
.comment-input-field.textarea[data-v-8229aeb4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8229aeb4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-8229aeb4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-8229aeb4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8229aeb4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-8229aeb4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8229aeb4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8229aeb4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-8229aeb4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-8229aeb4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8229aeb4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-8229aeb4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-8229aeb4],
.comment-send-btn.disabled .icon-send[data-v-8229aeb4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-8229aeb4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-8229aeb4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-8229aeb4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-8229aeb4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-8229aeb4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-8229aeb4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-8229aeb4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-8229aeb4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-8229aeb4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-8229aeb4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-8229aeb4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-8229aeb4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-8229aeb4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-8229aeb4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-8229aeb4] {
  align-items: center;
  animation: blink-8229aeb4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-8229aeb4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-8229aeb4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-8229aeb4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-8229aeb4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-8229aeb4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-8229aeb4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-8229aeb4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-8229aeb4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-8229aeb4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-8229aeb4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-8229aeb4] {
  margin: 0 0 0 -8px;
}
.profile[data-v-8229aeb4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  display: flex;
  flex-direction: column;
  margin: 0 0 4px;
  padding: 4px 16px 0;
  width: 100%;
}
@media (min-width: 429px) {
  .profile[data-v-8229aeb4] {
    border-radius: 0;
    margin: 4px 0;
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .profile[data-v-8229aeb4] {
    flex-direction: row;
    padding: 24px 8px;
  }
}
.profile-tabs[data-v-8229aeb4] {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 -12px;
  width: auto;
}
@media (min-width: 429px) {
  .profile-tabs[data-v-8229aeb4] {
    margin: 4px -12px 0;
  }
}
@media (min-width: 1024px) {
  .profile-tabs[data-v-8229aeb4] {
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 300px;
  }
}
.profile-tabs__link[data-v-8229aeb4] {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: inset 0 0 0 2px var(--color-100);
  color: var(--color-900);
  display: flex;
  flex-basis: 50%;
  flex-basis: 100%;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  padding: 8px;
  position: relative;
  transition: all 0.15s;
  width: 50%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__link[data-v-8229aeb4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__link[data-v-8229aeb4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__link[data-v-8229aeb4] {
    box-shadow: unset;
    flex-basis: unset;
    font-size: 1rem;
    height: 48px;
    justify-content: flex-start;
    padding: 14px 12px;
    width: 100%;
  }
  .profile-tabs__link[data-v-8229aeb4]:hover {
    background-color: var(--color-100);
    cursor: pointer;
  }
}
.profile-tabs__link.is-active[data-v-8229aeb4] {
  background-color: var(--color-100);
  box-shadow: inset 0 0 0 2px #0000;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active[data-v-8229aeb4] {
    box-shadow: unset;
  }
}
.profile-tabs__link.is-active span[data-v-8229aeb4] {
  position: relative;
}
.profile-tabs__link.is-active span[data-v-8229aeb4]:before {
  background-color: var(--accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active span[data-v-8229aeb4]:before {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: -12px;
    right: unset;
    top: 0;
    width: 2px;
  }
}
.profile-tabs__divider[data-v-8229aeb4] {
  background-color: var(--color-100);
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 32px;
  width: 4px;
}
.profile-tabs__wrap[data-v-8229aeb4] {
  padding-top: 28px;
}
@media (min-width: 1024px) {
  .profile-tabs__wrap[data-v-8229aeb4] {
    padding-right: 24px;
    padding-top: 0;
  }
}
.profile-tabs__section[data-v-8229aeb4] {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .profile-tabs__section.is-delete[data-v-8229aeb4],
  .profile-tabs__section.profile-newsletters-tab[data-v-8229aeb4] {
    margin-bottom: 0;
  }
}
.profile-tabs__section p[data-v-8229aeb4] {
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-8229aeb4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-8229aeb4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-8229aeb4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-8229aeb4] {
    font-weight: 700;
  }
}
.profile-tabs__section .form-textbox[data-v-8229aeb4] {
  margin-bottom: 20px;
}
.profile-tabs__section .profile-delete[data-v-8229aeb4],
.profile-tabs__section .profile-newsletter-preview[data-v-8229aeb4] {
  background-image: linear-gradient(var(--color-200), var(--color-200));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-700);
  font-size: 0.875rem;
  line-height: 1.375rem;
  transition: all 0.2s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-8229aeb4],
  .profile-tabs__section .profile-newsletter-preview[data-v-8229aeb4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-8229aeb4],
  .profile-tabs__section .profile-newsletter-preview[data-v-8229aeb4] {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__section .profile-delete[data-v-8229aeb4]:hover,
  .profile-tabs__section .profile-newsletter-preview[data-v-8229aeb4]:hover {
    background-image: linear-gradient(var(--color-300), var(--color-300));
    color: var(--color-800);
    cursor: pointer;
  }
}
.profile-tabs__section .profile-newsletter-preview[data-v-8229aeb4] {
  background-position: 0 90%;
  flex-shrink: 0;
}
.profile-tabs__section-divider[data-v-8229aeb4] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.profile-tabs__section-title[data-v-8229aeb4] {
  color: var(--color-900);
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-8229aeb4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-8229aeb4] {
    font-weight: 800;
  }
}
.profile-tabs__section-subtitle[data-v-8229aeb4] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-8229aeb4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-8229aeb4] {
    font-weight: 800;
  }
}
.profile-tabs__user[data-v-8229aeb4] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__user[data-v-8229aeb4] {
    text-align: left;
  }
}
.profile-tabs__user-initials[data-v-8229aeb4] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 3.5rem;
  height: 112px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 112px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-8229aeb4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-8229aeb4] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__user-initials[data-v-8229aeb4] {
    margin: 0 0 20px;
  }
}
.profile-tabs__button[data-v-8229aeb4] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__button[data-v-8229aeb4] {
    text-align: left;
  }
}
.profile-newsletter-item[data-v-8229aeb4] {
  align-items: center;
  border-top: 1px solid var(--color-light-200);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 12px;
  padding-top: 13px;
}
.profile-newsletter-item[data-v-8229aeb4]:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.profile-newsletter-image[data-v-8229aeb4] {
  aspect-ratio: 108/72;
  border-radius: 0;
  flex-shrink: 0;
  height: 72px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
.profile-newsletter-image[data-v-8229aeb4] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.profile-newsletter-info[data-v-8229aeb4] {
  flex-grow: 2;
  padding: 0 12px;
}
.profile-newsletter-label[data-v-8229aeb4] {
  color: var(--label-sec-background);
  display: -webkit-box;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 5px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-8229aeb4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-8229aeb4] {
    font-weight: 700;
  }
}
.profile-newsletter-title[data-v-8229aeb4] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-8229aeb4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-8229aeb4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fe6ea639] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fe6ea639] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fe6ea639],
  .comment-reply-bubble[data-v-fe6ea639] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fe6ea639],
  .comment-reply-bubble[data-v-fe6ea639] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fe6ea639] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fe6ea639] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fe6ea639],
  .comment-title[data-v-fe6ea639] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fe6ea639],
  .comment-title[data-v-fe6ea639] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fe6ea639] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fe6ea639] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fe6ea639] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fe6ea639] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fe6ea639] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fe6ea639] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fe6ea639] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fe6ea639] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fe6ea639] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fe6ea639] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fe6ea639] {
  margin-bottom: 16px;
}
.comment-header[data-v-fe6ea639] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fe6ea639] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fe6ea639] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fe6ea639] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fe6ea639] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fe6ea639] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fe6ea639]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fe6ea639],
.comment-page .comment-header.is-sticky[data-v-fe6ea639] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fe6ea639] {
  animation: slideInDown-fe6ea639 0.32s ease-in-out;
}
@keyframes slideInDown-fe6ea639 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fe6ea639] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fe6ea639] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fe6ea639]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fe6ea639]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fe6ea639] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fe6ea639] {
  animation: slideOutUp-fe6ea639 0.32s ease-in-out;
}
@keyframes slideOutUp-fe6ea639 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fe6ea639] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fe6ea639] {
  margin-left: 8px;
}
.comment-title span[data-v-fe6ea639] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fe6ea639] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fe6ea639] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fe6ea639] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fe6ea639]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fe6ea639] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fe6ea639] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fe6ea639] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fe6ea639] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fe6ea639] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fe6ea639],
.comment-page.post-fixed .comment-post-body[data-v-fe6ea639] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fe6ea639] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fe6ea639] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fe6ea639] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fe6ea639] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fe6ea639] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fe6ea639] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fe6ea639] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fe6ea639] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fe6ea639] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fe6ea639],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fe6ea639] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fe6ea639] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fe6ea639] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fe6ea639],
.comment-page.post-fixed .comment-post-body.active[data-v-fe6ea639] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fe6ea639],
  .comment-page.post-fixed .comment-post-body.active[data-v-fe6ea639] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fe6ea639],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fe6ea639] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fe6ea639] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fe6ea639] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fe6ea639] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fe6ea639] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fe6ea639] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fe6ea639] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fe6ea639] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fe6ea639] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fe6ea639] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fe6ea639] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fe6ea639]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fe6ea639]:focus,
.comment-input-field.textarea[data-v-fe6ea639]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fe6ea639]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fe6ea639] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fe6ea639] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fe6ea639] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fe6ea639] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fe6ea639] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fe6ea639] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fe6ea639] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fe6ea639] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fe6ea639]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fe6ea639] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fe6ea639],
.comment-send-btn.disabled .icon-send[data-v-fe6ea639] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fe6ea639]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fe6ea639] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fe6ea639] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fe6ea639] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fe6ea639] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fe6ea639] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fe6ea639] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fe6ea639] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fe6ea639] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fe6ea639] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fe6ea639] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fe6ea639] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fe6ea639] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fe6ea639] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fe6ea639] {
  align-items: center;
  animation: blink-fe6ea639 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fe6ea639 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fe6ea639] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fe6ea639] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fe6ea639] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fe6ea639] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fe6ea639] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fe6ea639] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fe6ea639]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fe6ea639] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fe6ea639] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fe6ea639] {
  margin: 0 0 0 -8px;
}
.archive-header[data-v-fe6ea639] {
  background-color: var(--color-50);
  display: block;
  padding: 20px 8px 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .archive-header[data-v-fe6ea639] {
    margin: 0 auto 16px;
    max-width: 640px;
    padding: 16px 0 0;
  }
}
.archive-hash[data-v-fe6ea639] {
  color: var(--color-500);
  float: left;
}
.archive-hash[data-v-fe6ea639],
.archive-title[data-v-fe6ea639] {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .archive-hash[data-v-fe6ea639],
  .archive-title[data-v-fe6ea639] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-hash[data-v-fe6ea639],
  .archive-title[data-v-fe6ea639] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .archive-hash[data-v-fe6ea639],
  .archive-title[data-v-fe6ea639] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.isArchiveBreadcrumbs[data-v-fe6ea639] {
  color: #000;
  margin-bottom: 20px;
}
.isArchiveBreadcrumbs[data-v-fe6ea639] .breadcrumbs-link {
  color: var(--color-900);
}
.isArchiveBreadcrumbs[data-v-fe6ea639] .icon-chevron--right {
  color: var(--color-500);
}
.result-divider[data-v-fe6ea639] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 8px;
  width: auto;
}
@media (min-width: 1024px) {
  .result-divider[data-v-fe6ea639] {
    margin: 0 auto 24px;
    max-width: 688px;
    width: 100%;
  }
}
.collapsedTopMargin[data-v-fe6ea639] {
  margin-top: 0;
}
.contextual-title[data-v-fe6ea639] {
  display: block;
  font-size: 1.4375rem;
  font-variation-settings: "wght" 800;
  font-weight: 800;
  line-height: 1.75rem;
  margin: 24px 0;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .contextual-title[data-v-fe6ea639] {
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 24px;
  }
}
.archive-acl[data-v-fe6ea639] .cards-container {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-wrap {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-text-content {
    flex-basis: calc(100% - 200px);
    order: 2;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-multimedia {
    margin-right: 8px;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-image {
    aspect-ratio: 3/2;
    height: 100%;
    min-width: 200px;
    order: 1;
    width: 200px;
  }
}
.archive-acl[data-v-fe6ea639] .cards-container .card-container {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-container {
    margin: 8px auto 0;
    max-width: 688px;
    padding: 0;
  }
}
.archive-acl[data-v-fe6ea639] .cards-container .card-divider {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px;
  max-width: 688px;
  width: 100%;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container .card-divider {
    margin: 0 auto;
  }
}
.archive-acl[data-v-fe6ea639] .cards-container .card-divider:last-of-type {
  display: none;
}
.archive-acl .pagination[data-v-fe6ea639] {
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .archive-acl .result-divider[data-v-fe6ea639] {
    max-width: 688px;
  }
}
.archive-acl[data-v-fe6ea639] .in-feed:not(.in-grid) .card-image {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .in-feed:not(.in-grid) .card-image {
    margin-bottom: 8px;
  }
}
.content-with-background[data-v-fe6ea639] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-with-background[data-v-fe6ea639] {
    padding-bottom: 24px;
  }
}
.content-with-background.no-padding[data-v-fe6ea639] {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.columnist-info[data-v-fe6ea639] {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  .columnist-info[data-v-fe6ea639] {
    align-items: flex-start;
  }
}
.columnist-image[data-v-fe6ea639] {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  flex-basis: 48px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
@media (min-width: 1024px) {
  .columnist-image[data-v-fe6ea639] {
    margin-right: 24px;
  }
}
.columnist-image[data-v-fe6ea639] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.columnist-desc[data-v-fe6ea639] {
  color: var(--columnist-archive-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 20px;
  width: 100%;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .columnist-desc[data-v-fe6ea639] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .columnist-desc[data-v-fe6ea639] {
    font-weight: 600;
  }
}
.columnist-desc[data-v-fe6ea639]:empty {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .columnist-desc[data-v-fe6ea639] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 20px;
  }
}
.pagination-wrap[data-v-fe6ea639] {
  margin: 0 auto;
  padding: 0 8px 24px;
}
@media (min-width: 1024px) {
  .pagination-wrap[data-v-fe6ea639] {
    max-width: 688px;
    padding: 0 0 24px;
  }
}
.pagination-wrap .card-divider[data-v-fe6ea639] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .pagination-wrap .card-divider[data-v-fe6ea639] {
    margin: 0 auto;
    width: 100%;
  }
}
[data-v-fe6ea639] .breadcrumbs {
  margin: 0 -8px;
  padding: 0 8px;
}
[data-v-fe6ea639] .breadcrumbs .breadcrumbs-gradient {
  width: 8px;
}
[data-v-fe6ea639] .breadcrumbs .breadcrumbs-gradient.is-left {
  left: -8px;
}
[data-v-fe6ea639] .breadcrumbs .breadcrumbs-gradient.is-right {
  right: 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .feed-renderer {
    padding: 0;
  }
}
.archive-acl[data-v-fe6ea639] .feed-renderer .list-header {
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
}
.archive-acl[data-v-fe6ea639] .cards-container {
  padding: 8px 0;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-fe6ea639] .cards-container {
    padding: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3a31011f] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3a31011f] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3a31011f],
  .comment-reply-bubble[data-v-3a31011f] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3a31011f],
  .comment-reply-bubble[data-v-3a31011f] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3a31011f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3a31011f] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3a31011f],
  .comment-title[data-v-3a31011f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3a31011f],
  .comment-title[data-v-3a31011f] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3a31011f] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3a31011f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3a31011f] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3a31011f] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3a31011f] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3a31011f] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3a31011f] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3a31011f] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3a31011f] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3a31011f] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3a31011f] {
  margin-bottom: 16px;
}
.comment-header[data-v-3a31011f] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3a31011f] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3a31011f] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3a31011f] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3a31011f] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3a31011f] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3a31011f]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3a31011f],
.comment-page .comment-header.is-sticky[data-v-3a31011f] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3a31011f] {
  animation: slideInDown-3a31011f 0.32s ease-in-out;
}
@keyframes slideInDown-3a31011f {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3a31011f] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3a31011f] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3a31011f]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3a31011f]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3a31011f] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3a31011f] {
  animation: slideOutUp-3a31011f 0.32s ease-in-out;
}
@keyframes slideOutUp-3a31011f {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3a31011f] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3a31011f] {
  margin-left: 8px;
}
.comment-title span[data-v-3a31011f] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3a31011f] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3a31011f] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3a31011f] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3a31011f]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3a31011f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3a31011f] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3a31011f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3a31011f] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3a31011f] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3a31011f],
.comment-page.post-fixed .comment-post-body[data-v-3a31011f] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3a31011f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3a31011f] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3a31011f] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3a31011f] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3a31011f] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3a31011f] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3a31011f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3a31011f] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3a31011f] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3a31011f],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3a31011f] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3a31011f] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3a31011f] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3a31011f],
.comment-page.post-fixed .comment-post-body.active[data-v-3a31011f] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3a31011f],
  .comment-page.post-fixed .comment-post-body.active[data-v-3a31011f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3a31011f],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3a31011f] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3a31011f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3a31011f] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3a31011f] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3a31011f] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3a31011f] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3a31011f] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3a31011f] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3a31011f] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3a31011f] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3a31011f] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3a31011f]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3a31011f]:focus,
.comment-input-field.textarea[data-v-3a31011f]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3a31011f]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3a31011f] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3a31011f] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3a31011f] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3a31011f] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3a31011f] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3a31011f] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3a31011f] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3a31011f] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3a31011f]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3a31011f] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3a31011f],
.comment-send-btn.disabled .icon-send[data-v-3a31011f] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3a31011f]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3a31011f] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3a31011f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3a31011f] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3a31011f] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3a31011f] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3a31011f] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3a31011f] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3a31011f] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3a31011f] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3a31011f] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3a31011f] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3a31011f] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3a31011f] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3a31011f] {
  align-items: center;
  animation: blink-3a31011f 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3a31011f {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3a31011f] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3a31011f] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3a31011f] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3a31011f] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3a31011f] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3a31011f] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3a31011f]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3a31011f] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3a31011f] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3a31011f] {
  margin: 0 0 0 -8px;
}
.btn[data-v-3a31011f] {
  height: unset;
  line-height: 1.0625rem;
  margin-top: 12px;
  min-height: 40px;
  padding: 11px 24px 12px;
}
.btn span[data-v-3a31011f] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a9dc414d] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a9dc414d] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a9dc414d],
  .comment-reply-bubble[data-v-a9dc414d] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a9dc414d],
  .comment-reply-bubble[data-v-a9dc414d] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a9dc414d] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a9dc414d] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a9dc414d],
  .comment-title[data-v-a9dc414d] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a9dc414d],
  .comment-title[data-v-a9dc414d] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a9dc414d] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a9dc414d] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a9dc414d] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a9dc414d] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a9dc414d] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a9dc414d] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a9dc414d] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a9dc414d] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a9dc414d] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a9dc414d] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a9dc414d] {
  margin-bottom: 16px;
}
.comment-header[data-v-a9dc414d] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a9dc414d] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a9dc414d] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a9dc414d] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a9dc414d] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a9dc414d] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a9dc414d]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a9dc414d],
.comment-page .comment-header.is-sticky[data-v-a9dc414d] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a9dc414d] {
  animation: slideInDown-a9dc414d 0.32s ease-in-out;
}
@keyframes slideInDown-a9dc414d {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a9dc414d] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a9dc414d] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a9dc414d]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a9dc414d]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a9dc414d] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a9dc414d] {
  animation: slideOutUp-a9dc414d 0.32s ease-in-out;
}
@keyframes slideOutUp-a9dc414d {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a9dc414d] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a9dc414d] {
  margin-left: 8px;
}
.comment-title span[data-v-a9dc414d] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a9dc414d] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a9dc414d] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a9dc414d] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a9dc414d]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a9dc414d] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a9dc414d] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a9dc414d] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a9dc414d] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a9dc414d] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a9dc414d],
.comment-page.post-fixed .comment-post-body[data-v-a9dc414d] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a9dc414d] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a9dc414d] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a9dc414d] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a9dc414d] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a9dc414d] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a9dc414d] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a9dc414d] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a9dc414d] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a9dc414d] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a9dc414d],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a9dc414d] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a9dc414d] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a9dc414d] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a9dc414d],
.comment-page.post-fixed .comment-post-body.active[data-v-a9dc414d] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a9dc414d],
  .comment-page.post-fixed .comment-post-body.active[data-v-a9dc414d] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a9dc414d],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a9dc414d] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a9dc414d] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a9dc414d] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a9dc414d] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a9dc414d] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a9dc414d] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a9dc414d] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a9dc414d] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a9dc414d] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a9dc414d] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a9dc414d] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a9dc414d]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a9dc414d]:focus,
.comment-input-field.textarea[data-v-a9dc414d]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a9dc414d]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a9dc414d] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a9dc414d] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a9dc414d] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a9dc414d] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a9dc414d] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a9dc414d] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a9dc414d] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a9dc414d] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a9dc414d]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a9dc414d] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a9dc414d],
.comment-send-btn.disabled .icon-send[data-v-a9dc414d] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a9dc414d]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a9dc414d] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a9dc414d] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a9dc414d] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a9dc414d] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a9dc414d] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a9dc414d] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a9dc414d] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a9dc414d] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a9dc414d] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a9dc414d] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a9dc414d] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a9dc414d] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a9dc414d] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a9dc414d] {
  align-items: center;
  animation: blink-a9dc414d 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a9dc414d {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a9dc414d] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a9dc414d] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a9dc414d] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a9dc414d] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a9dc414d] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a9dc414d] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a9dc414d]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a9dc414d] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a9dc414d] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a9dc414d] {
  margin: 0 0 0 -8px;
}
.b-card__image[data-v-a9dc414d] {
  margin-bottom: 8px;
}
.b-card__image-figure[data-v-a9dc414d] {
  aspect-ratio: 16/9;
  height: 100%;
  position: relative;
  width: 100%;
}
.b-card__image-figure img[data-v-a9dc414d] {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.b-card__title[data-v-a9dc414d] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-self: center;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .b-card__title[data-v-a9dc414d] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .b-card__title[data-v-a9dc414d] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .b-card__title[data-v-a9dc414d] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.b-card[data-v-a9dc414d] .card-label-wrap.in-label-stack {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
  padding: 0;
}
.b-card[data-v-a9dc414d] .card-label-wrap.in-label-stack .label-text {
  color: var(--accent);
}
.b-card .image-label-wrap.is-video[data-v-a9dc414d] {
  bottom: 4px;
  height: 24px;
  padding: 4px;
  position: absolute;
  right: 4px;
  width: auto;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-240ad50c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-240ad50c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-240ad50c],
  .comment-reply-bubble[data-v-240ad50c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-240ad50c],
  .comment-reply-bubble[data-v-240ad50c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-240ad50c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-240ad50c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-240ad50c],
  .comment-title[data-v-240ad50c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-240ad50c],
  .comment-title[data-v-240ad50c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-240ad50c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-240ad50c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-240ad50c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-240ad50c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-240ad50c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-240ad50c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-240ad50c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-240ad50c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-240ad50c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-240ad50c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-240ad50c] {
  margin-bottom: 16px;
}
.comment-header[data-v-240ad50c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-240ad50c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-240ad50c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-240ad50c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-240ad50c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-240ad50c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-240ad50c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-240ad50c],
.comment-page .comment-header.is-sticky[data-v-240ad50c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-240ad50c] {
  animation: slideInDown-240ad50c 0.32s ease-in-out;
}
@keyframes slideInDown-240ad50c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-240ad50c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-240ad50c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-240ad50c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-240ad50c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-240ad50c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-240ad50c] {
  animation: slideOutUp-240ad50c 0.32s ease-in-out;
}
@keyframes slideOutUp-240ad50c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-240ad50c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-240ad50c] {
  margin-left: 8px;
}
.comment-title span[data-v-240ad50c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-240ad50c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-240ad50c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-240ad50c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-240ad50c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-240ad50c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-240ad50c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-240ad50c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-240ad50c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-240ad50c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-240ad50c],
.comment-page.post-fixed .comment-post-body[data-v-240ad50c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-240ad50c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-240ad50c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-240ad50c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-240ad50c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-240ad50c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-240ad50c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-240ad50c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-240ad50c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-240ad50c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-240ad50c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-240ad50c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-240ad50c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-240ad50c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-240ad50c],
.comment-page.post-fixed .comment-post-body.active[data-v-240ad50c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-240ad50c],
  .comment-page.post-fixed .comment-post-body.active[data-v-240ad50c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-240ad50c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-240ad50c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-240ad50c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-240ad50c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-240ad50c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-240ad50c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-240ad50c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-240ad50c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-240ad50c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-240ad50c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-240ad50c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-240ad50c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-240ad50c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-240ad50c]:focus,
.comment-input-field.textarea[data-v-240ad50c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-240ad50c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-240ad50c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-240ad50c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-240ad50c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-240ad50c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-240ad50c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-240ad50c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-240ad50c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-240ad50c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-240ad50c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-240ad50c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-240ad50c],
.comment-send-btn.disabled .icon-send[data-v-240ad50c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-240ad50c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-240ad50c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-240ad50c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-240ad50c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-240ad50c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-240ad50c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-240ad50c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-240ad50c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-240ad50c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-240ad50c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-240ad50c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-240ad50c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-240ad50c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-240ad50c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-240ad50c] {
  align-items: center;
  animation: blink-240ad50c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-240ad50c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-240ad50c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-240ad50c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-240ad50c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-240ad50c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-240ad50c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-240ad50c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-240ad50c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-240ad50c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-240ad50c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-240ad50c] {
  margin: 0 0 0 -8px;
}
.loader-container[data-v-240ad50c] {
  background-color: var(--color-50);
  padding-bottom: 8px;
  width: 246px;
}
@media (min-width: 1024px) {
  .loader-container[data-v-240ad50c] {
    margin: 0 auto;
    max-width: 468px;
  }
}
.skeleton[data-v-240ad50c] {
  animation: loader-240ad50c 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
.wrapper[data-v-240ad50c] {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .is-sidebar .wrapper[data-v-240ad50c] {
    margin-bottom: 0;
  }
}
.image[data-v-240ad50c] {
  aspect-ratio: 16/9;
  margin-bottom: 8px;
  width: 246px;
}
.content[data-v-240ad50c] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.title[data-v-240ad50c] {
  height: 11px;
  margin-bottom: 9px;
  width: 100%;
}
.row-one[data-v-240ad50c] {
  width: 96%;
}
.row-three[data-v-240ad50c] {
  width: 80%;
}
.skeleton[data-v-240ad50c]:last-of-type {
  margin-bottom: 0;
}
.divider[data-v-240ad50c] {
  height: 1px;
  margin-bottom: 8px;
  width: 100%;
}
@keyframes loader-240ad50c {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d00de370] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d00de370] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d00de370],
  .comment-reply-bubble[data-v-d00de370] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d00de370],
  .comment-reply-bubble[data-v-d00de370] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d00de370] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d00de370] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d00de370],
  .comment-title[data-v-d00de370] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d00de370],
  .comment-title[data-v-d00de370] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d00de370] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d00de370] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d00de370] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d00de370] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d00de370] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d00de370] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d00de370] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d00de370] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d00de370] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d00de370] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d00de370] {
  margin-bottom: 16px;
}
.comment-header[data-v-d00de370] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d00de370] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d00de370] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d00de370] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d00de370] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d00de370] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d00de370]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d00de370],
.comment-page .comment-header.is-sticky[data-v-d00de370] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d00de370] {
  animation: slideInDown-d00de370 0.32s ease-in-out;
}
@keyframes slideInDown-d00de370 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d00de370] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d00de370] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d00de370]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d00de370]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d00de370] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d00de370] {
  animation: slideOutUp-d00de370 0.32s ease-in-out;
}
@keyframes slideOutUp-d00de370 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d00de370] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d00de370] {
  margin-left: 8px;
}
.comment-title span[data-v-d00de370] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d00de370] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d00de370] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d00de370] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d00de370]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d00de370] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d00de370] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d00de370] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d00de370] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d00de370] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d00de370],
.comment-page.post-fixed .comment-post-body[data-v-d00de370] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d00de370] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d00de370] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d00de370] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d00de370] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d00de370] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d00de370] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d00de370] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d00de370] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d00de370] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d00de370],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d00de370] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d00de370] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d00de370] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d00de370],
.comment-page.post-fixed .comment-post-body.active[data-v-d00de370] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d00de370],
  .comment-page.post-fixed .comment-post-body.active[data-v-d00de370] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d00de370],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d00de370] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d00de370] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d00de370] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d00de370] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d00de370] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d00de370] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d00de370] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d00de370] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d00de370] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d00de370] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d00de370] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d00de370]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d00de370]:focus,
.comment-input-field.textarea[data-v-d00de370]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d00de370]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d00de370] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d00de370] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d00de370] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d00de370] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d00de370] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d00de370] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d00de370] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d00de370] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d00de370]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d00de370] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d00de370],
.comment-send-btn.disabled .icon-send[data-v-d00de370] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d00de370]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d00de370] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d00de370] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d00de370] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d00de370] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d00de370] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d00de370] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d00de370] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d00de370] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d00de370] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d00de370] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d00de370] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d00de370] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d00de370] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d00de370] {
  align-items: center;
  animation: blink-d00de370 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d00de370 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d00de370] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d00de370] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d00de370] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d00de370] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d00de370] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d00de370] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d00de370]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d00de370] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d00de370] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d00de370] {
  margin: 0 0 0 -8px;
}
.horizontal-slider-list[data-v-d00de370] {
  background-color: var(--color-50);
  margin-bottom: 4px;
  padding-bottom: 8px;
}
.horizontal-slider-list .content-slide-btn[data-v-d00de370] {
  background-color: var(--color-dark-100);
  border: 1px solid var(--color-dark-300);
  display: block;
  height: 100%;
  transition: all 0.2s ease-out;
  width: 100%;
}
@media (min-width: 1024px) {
  .horizontal-slider-list .content-slide-btn[data-v-d00de370]:hover {
    background-color: var(--color-dark-200);
    border: 1px solid var(--color-dark-400);
  }
}
.horizontal-slider-list[data-v-d00de370] .card-header {
  height: 48px;
  padding: 0 8px;
}
.horizontal-slider-list[data-v-d00de370] .card-header .card-header__icon {
  background-color: initial;
}
.horizontal-slider-list[data-v-d00de370] .b-card {
  margin-right: 8px;
}
.horizontal-slider-list[data-v-d00de370] .wm-content-slider {
  position: relative;
}
@media (min-width: 1024px) {
  .horizontal-slider-list[data-v-d00de370] .wm-content-slider {
    padding-left: 8px;
  }
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slide-group:first-of-type
  .b-card {
  margin-left: 8px;
}
.horizontal-slider-list[data-v-d00de370] .wm-content-slide {
  height: 100%;
}
.horizontal-slider-list .content-slide-btn[data-v-d00de370] {
  align-items: center;
  margin-right: 8px;
  position: relative;
  width: 100px !important;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .horizontal-slider-list .content-slide-btn[data-v-d00de370] {
    height: auto;
    width: 246px !important;
  }
}
.horizontal-slider-list .content-slide-btn__wrap[data-v-d00de370] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  justify-content: center;
}
.horizontal-slider-list .content-slide-btn__title[data-v-d00de370] {
  font-size: 0.875rem;
  letter-spacing: 0.09px;
  line-height: 1.0625rem;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .horizontal-slider-list .content-slide-btn__title[data-v-d00de370] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .horizontal-slider-list .content-slide-btn__title[data-v-d00de370] {
    font-weight: 700;
  }
}
.horizontal-slider-list .content-slide-btn__icon[data-v-d00de370] {
  font-size: 2rem;
  text-align: center;
}
.horizontal-slider-list[data-v-d00de370] .wm-content-slider__left-arrow-marker,
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker {
  background-color: var(--color-light-50);
  border: 2px solid var(--color-light-300);
  border-radius: 16px;
  height: 32px;
  padding: 8px;
  top: 74px;
  width: 32px;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__left-arrow-marker:hover:before,
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker:hover:before {
  opacity: 1;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__left-arrow-marker:before,
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker:before {
  background-color: var(--color-light-100);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: -2px;
  transition: all 0.15s;
  width: 32px;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__left-arrow-marker:after,
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker:after {
  border: none;
  color: var(--accent);
  font-family: icons;
  font-size: 16px;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker {
  right: 4px;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__right-arrow-marker:after {
  content: "";
}
.horizontal-slider-list[data-v-d00de370] .wm-content-slider__left-arrow-marker {
  left: 4px;
}
.horizontal-slider-list[data-v-d00de370]
  .wm-content-slider__left-arrow-marker:after {
  content: "";
}
.horizontal-slider-list[data-v-d00de370] .card-divider {
  margin: 0 auto 8px;
  width: calc(100% - 16px);
}
.loader-wrapper[data-v-d00de370] {
  display: flex;
  gap: 8px;
  overflow: hidden;
  padding: 0 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-07465c6c] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-07465c6c] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-07465c6c],
  .comment-reply-bubble[data-v-07465c6c] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-07465c6c],
  .comment-reply-bubble[data-v-07465c6c] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-07465c6c] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-07465c6c] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-07465c6c],
  .comment-title[data-v-07465c6c] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-07465c6c],
  .comment-title[data-v-07465c6c] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-07465c6c] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-07465c6c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-07465c6c] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-07465c6c] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-07465c6c] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-07465c6c] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-07465c6c] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-07465c6c] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-07465c6c] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-07465c6c] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-07465c6c] {
  margin-bottom: 16px;
}
.comment-header[data-v-07465c6c] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-07465c6c] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-07465c6c] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-07465c6c] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-07465c6c] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-07465c6c] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-07465c6c]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-07465c6c],
.comment-page .comment-header.is-sticky[data-v-07465c6c] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-07465c6c] {
  animation: slideInDown-07465c6c 0.32s ease-in-out;
}
@keyframes slideInDown-07465c6c {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-07465c6c] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-07465c6c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-07465c6c]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-07465c6c]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-07465c6c] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-07465c6c] {
  animation: slideOutUp-07465c6c 0.32s ease-in-out;
}
@keyframes slideOutUp-07465c6c {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-07465c6c] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-07465c6c] {
  margin-left: 8px;
}
.comment-title span[data-v-07465c6c] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-07465c6c] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-07465c6c] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-07465c6c] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-07465c6c]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-07465c6c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-07465c6c] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-07465c6c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-07465c6c] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-07465c6c] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-07465c6c],
.comment-page.post-fixed .comment-post-body[data-v-07465c6c] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-07465c6c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-07465c6c] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-07465c6c] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-07465c6c] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-07465c6c] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-07465c6c] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-07465c6c] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-07465c6c] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-07465c6c] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-07465c6c],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-07465c6c] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-07465c6c] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-07465c6c] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-07465c6c],
.comment-page.post-fixed .comment-post-body.active[data-v-07465c6c] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-07465c6c],
  .comment-page.post-fixed .comment-post-body.active[data-v-07465c6c] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-07465c6c],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-07465c6c] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-07465c6c] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-07465c6c] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-07465c6c] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-07465c6c] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-07465c6c] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-07465c6c] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-07465c6c] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-07465c6c] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-07465c6c] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-07465c6c] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-07465c6c]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-07465c6c]:focus,
.comment-input-field.textarea[data-v-07465c6c]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-07465c6c]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-07465c6c] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-07465c6c] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-07465c6c] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-07465c6c] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-07465c6c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-07465c6c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-07465c6c] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-07465c6c] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-07465c6c]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-07465c6c] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-07465c6c],
.comment-send-btn.disabled .icon-send[data-v-07465c6c] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-07465c6c]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-07465c6c] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-07465c6c] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-07465c6c] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-07465c6c] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-07465c6c] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-07465c6c] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-07465c6c] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-07465c6c] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-07465c6c] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-07465c6c] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-07465c6c] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-07465c6c] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-07465c6c] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-07465c6c] {
  align-items: center;
  animation: blink-07465c6c 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-07465c6c {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-07465c6c] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-07465c6c] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-07465c6c] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-07465c6c] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-07465c6c] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-07465c6c] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-07465c6c]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-07465c6c] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-07465c6c] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-07465c6c] {
  margin: 0 0 0 -8px;
}
.single-show-intro[data-v-07465c6c] {
  background-color: var(--color-dark-50);
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .single-show-intro[data-v-07465c6c] {
    align-items: center;
    display: flex;
    gap: 24px;
    padding: 8px;
  }
}
.single-show-intro__image[data-v-07465c6c] {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .single-show-intro__image[data-v-07465c6c] {
    flex-shrink: 0;
    height: 100%;
    margin: 0;
    width: 500px;
  }
}
.single-show-intro__image-figure[data-v-07465c6c] {
  aspect-ratio: 3/2;
  height: 100%;
  position: relative;
  width: 100%;
}
.single-show-intro__image-figure img[data-v-07465c6c] {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.single-show-intro__description[data-v-07465c6c] {
  color: var(--color-light-50);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  padding: 0 16px 24px;
}
@supports (font-variation-settings: normal) {
  .single-show-intro__description[data-v-07465c6c] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .single-show-intro__description[data-v-07465c6c] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .single-show-intro__description[data-v-07465c6c] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: 0;
  }
  @supports (font-variation-settings: normal) {
    .single-show-intro__description[data-v-07465c6c] {
      font-variation-settings: "wght" 400;
    }
  }
  @supports not (font-variation-settings: normal) {
    .single-show-intro__description[data-v-07465c6c] {
      font-weight: 400;
    }
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7d420ef8] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7d420ef8] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7d420ef8],
  .comment-reply-bubble[data-v-7d420ef8] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7d420ef8],
  .comment-reply-bubble[data-v-7d420ef8] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7d420ef8] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7d420ef8] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7d420ef8],
  .comment-title[data-v-7d420ef8] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7d420ef8],
  .comment-title[data-v-7d420ef8] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7d420ef8] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7d420ef8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7d420ef8] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7d420ef8] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7d420ef8] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7d420ef8] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7d420ef8] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7d420ef8] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7d420ef8] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7d420ef8] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7d420ef8] {
  margin-bottom: 16px;
}
.comment-header[data-v-7d420ef8] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7d420ef8] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7d420ef8] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7d420ef8] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7d420ef8] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7d420ef8] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7d420ef8]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7d420ef8],
.comment-page .comment-header.is-sticky[data-v-7d420ef8] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7d420ef8] {
  animation: slideInDown-7d420ef8 0.32s ease-in-out;
}
@keyframes slideInDown-7d420ef8 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7d420ef8] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7d420ef8] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7d420ef8]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7d420ef8]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7d420ef8] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7d420ef8] {
  animation: slideOutUp-7d420ef8 0.32s ease-in-out;
}
@keyframes slideOutUp-7d420ef8 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7d420ef8] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7d420ef8] {
  margin-left: 8px;
}
.comment-title span[data-v-7d420ef8] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7d420ef8] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7d420ef8] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7d420ef8] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7d420ef8]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7d420ef8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7d420ef8] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7d420ef8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7d420ef8] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7d420ef8] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7d420ef8],
.comment-page.post-fixed .comment-post-body[data-v-7d420ef8] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7d420ef8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7d420ef8] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7d420ef8] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7d420ef8] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7d420ef8] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7d420ef8] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7d420ef8] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7d420ef8] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7d420ef8] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7d420ef8],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7d420ef8] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7d420ef8] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7d420ef8] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7d420ef8],
.comment-page.post-fixed .comment-post-body.active[data-v-7d420ef8] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7d420ef8],
  .comment-page.post-fixed .comment-post-body.active[data-v-7d420ef8] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7d420ef8],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7d420ef8] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7d420ef8] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7d420ef8] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7d420ef8] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7d420ef8] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7d420ef8] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7d420ef8] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7d420ef8] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7d420ef8] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7d420ef8] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7d420ef8] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7d420ef8]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7d420ef8]:focus,
.comment-input-field.textarea[data-v-7d420ef8]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7d420ef8]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7d420ef8] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7d420ef8] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7d420ef8] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7d420ef8] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7d420ef8] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7d420ef8] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7d420ef8] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7d420ef8] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7d420ef8]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7d420ef8] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7d420ef8],
.comment-send-btn.disabled .icon-send[data-v-7d420ef8] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7d420ef8]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7d420ef8] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7d420ef8] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7d420ef8] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7d420ef8] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7d420ef8] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7d420ef8] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7d420ef8] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7d420ef8] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7d420ef8] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7d420ef8] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7d420ef8] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7d420ef8] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7d420ef8] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7d420ef8] {
  align-items: center;
  animation: blink-7d420ef8 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7d420ef8 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7d420ef8] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7d420ef8] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7d420ef8] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7d420ef8] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7d420ef8] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7d420ef8] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7d420ef8]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7d420ef8] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7d420ef8] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7d420ef8] {
  margin: 0 0 0 -8px;
}
.single-show-list[data-v-7d420ef8] {
  background-color: var(--color-dark-50);
  margin-bottom: 4px;
  padding: 8px;
}
@media (min-width: 1024px) {
  .single-show-list__content-wrapper[data-v-7d420ef8] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.single-show-list[data-v-7d420ef8] .c-card {
  margin-bottom: 8px;
}
.single-show-list[data-v-7d420ef8] .card-divider {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .single-show-list[data-v-7d420ef8] .card-divider.full-width {
    grid-column: 1/-1;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .single-show-list .pagination-container[data-v-7d420ef8] {
    padding-top: 8px;
  }
}
.single-show-list .pagination-container .pagination[data-v-7d420ef8] {
  padding-bottom: 16px;
}
.single-show-list .pagination-container .result-divider[data-v-7d420ef8] {
  background-color: var(--color-200);
  height: 1px;
  margin-bottom: 24px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-e653bbf6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-e653bbf6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-e653bbf6],
  .comment-reply-bubble[data-v-e653bbf6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-e653bbf6],
  .comment-reply-bubble[data-v-e653bbf6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e653bbf6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-e653bbf6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e653bbf6],
  .comment-title[data-v-e653bbf6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-e653bbf6],
  .comment-title[data-v-e653bbf6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-e653bbf6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-e653bbf6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-e653bbf6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-e653bbf6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-e653bbf6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-e653bbf6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-e653bbf6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-e653bbf6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-e653bbf6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-e653bbf6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-e653bbf6] {
  margin-bottom: 16px;
}
.comment-header[data-v-e653bbf6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-e653bbf6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-e653bbf6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-e653bbf6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-e653bbf6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-e653bbf6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-e653bbf6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-e653bbf6],
.comment-page .comment-header.is-sticky[data-v-e653bbf6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-e653bbf6] {
  animation: slideInDown-e653bbf6 0.32s ease-in-out;
}
@keyframes slideInDown-e653bbf6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e653bbf6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e653bbf6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e653bbf6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-e653bbf6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-e653bbf6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-e653bbf6] {
  animation: slideOutUp-e653bbf6 0.32s ease-in-out;
}
@keyframes slideOutUp-e653bbf6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-e653bbf6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-e653bbf6] {
  margin-left: 8px;
}
.comment-title span[data-v-e653bbf6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-e653bbf6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-e653bbf6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-e653bbf6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-e653bbf6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-e653bbf6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-e653bbf6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-e653bbf6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-e653bbf6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-e653bbf6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-e653bbf6],
.comment-page.post-fixed .comment-post-body[data-v-e653bbf6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-e653bbf6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-e653bbf6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-e653bbf6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-e653bbf6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-e653bbf6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-e653bbf6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-e653bbf6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-e653bbf6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-e653bbf6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-e653bbf6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-e653bbf6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-e653bbf6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-e653bbf6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-e653bbf6],
.comment-page.post-fixed .comment-post-body.active[data-v-e653bbf6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-e653bbf6],
  .comment-page.post-fixed .comment-post-body.active[data-v-e653bbf6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-e653bbf6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-e653bbf6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-e653bbf6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-e653bbf6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-e653bbf6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-e653bbf6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-e653bbf6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-e653bbf6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-e653bbf6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-e653bbf6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-e653bbf6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e653bbf6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-e653bbf6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-e653bbf6]:focus,
.comment-input-field.textarea[data-v-e653bbf6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-e653bbf6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-e653bbf6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-e653bbf6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e653bbf6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-e653bbf6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e653bbf6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-e653bbf6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-e653bbf6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-e653bbf6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-e653bbf6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-e653bbf6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-e653bbf6],
.comment-send-btn.disabled .icon-send[data-v-e653bbf6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-e653bbf6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-e653bbf6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-e653bbf6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-e653bbf6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-e653bbf6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-e653bbf6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-e653bbf6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-e653bbf6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-e653bbf6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-e653bbf6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-e653bbf6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-e653bbf6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-e653bbf6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-e653bbf6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-e653bbf6] {
  align-items: center;
  animation: blink-e653bbf6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-e653bbf6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-e653bbf6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-e653bbf6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-e653bbf6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-e653bbf6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-e653bbf6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-e653bbf6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-e653bbf6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-e653bbf6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-e653bbf6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-e653bbf6] {
  margin: 0 0 0 -8px;
}
.archive-header[data-v-e653bbf6] {
  background-color: var(--color-50);
  display: block;
  padding: 20px 8px 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .archive-header[data-v-e653bbf6] {
    margin: 0 auto 16px;
    max-width: 640px;
    padding: 16px 0 0;
  }
}
.archive-hash[data-v-e653bbf6] {
  color: var(--color-500);
  float: left;
}
.archive-hash[data-v-e653bbf6],
.archive-title[data-v-e653bbf6] {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .archive-hash[data-v-e653bbf6],
  .archive-title[data-v-e653bbf6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-hash[data-v-e653bbf6],
  .archive-title[data-v-e653bbf6] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .archive-hash[data-v-e653bbf6],
  .archive-title[data-v-e653bbf6] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.isArchiveBreadcrumbs[data-v-e653bbf6] {
  color: #000;
  margin-bottom: 20px;
}
.isArchiveBreadcrumbs[data-v-e653bbf6] .breadcrumbs-link {
  color: var(--color-900);
}
.isArchiveBreadcrumbs[data-v-e653bbf6] .icon-chevron--right {
  color: var(--color-500);
}
.result-divider[data-v-e653bbf6] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 8px;
  width: auto;
}
@media (min-width: 1024px) {
  .result-divider[data-v-e653bbf6] {
    margin: 0 auto 24px;
    max-width: 688px;
    width: 100%;
  }
}
.collapsedTopMargin[data-v-e653bbf6] {
  margin-top: 0;
}
.contextual-title[data-v-e653bbf6] {
  display: block;
  font-size: 1.4375rem;
  font-variation-settings: "wght" 800;
  font-weight: 800;
  line-height: 1.75rem;
  margin: 24px 0;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .contextual-title[data-v-e653bbf6] {
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 24px;
  }
}
.archive-acl[data-v-e653bbf6] .cards-container {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-wrap {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-text-content {
    flex-basis: calc(100% - 200px);
    order: 2;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-multimedia {
    margin-right: 8px;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-image {
    aspect-ratio: 3/2;
    height: 100%;
    min-width: 200px;
    order: 1;
    width: 200px;
  }
}
.archive-acl[data-v-e653bbf6] .cards-container .card-container {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-container {
    margin: 8px auto 0;
    max-width: 688px;
    padding: 0;
  }
}
.archive-acl[data-v-e653bbf6] .cards-container .card-divider {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px;
  max-width: 688px;
  width: 100%;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .cards-container .card-divider {
    margin: 0 auto;
  }
}
.archive-acl[data-v-e653bbf6] .cards-container .card-divider:last-of-type {
  display: none;
}
.archive-acl .pagination[data-v-e653bbf6] {
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .archive-acl .result-divider[data-v-e653bbf6] {
    max-width: 688px;
  }
}
.archive-acl[data-v-e653bbf6] .in-feed:not(.in-grid) .card-image {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-e653bbf6] .in-feed:not(.in-grid) .card-image {
    margin-bottom: 8px;
  }
}
.content-with-background[data-v-e653bbf6] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-with-background[data-v-e653bbf6] {
    padding-bottom: 24px;
  }
}
.content-with-background.no-padding[data-v-e653bbf6] {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.columnist-info[data-v-e653bbf6] {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  .columnist-info[data-v-e653bbf6] {
    align-items: flex-start;
  }
}
.columnist-image[data-v-e653bbf6] {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  flex-basis: 48px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
@media (min-width: 1024px) {
  .columnist-image[data-v-e653bbf6] {
    margin-right: 24px;
  }
}
.columnist-image[data-v-e653bbf6] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.columnist-desc[data-v-e653bbf6] {
  color: var(--columnist-archive-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 20px;
  width: 100%;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .columnist-desc[data-v-e653bbf6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .columnist-desc[data-v-e653bbf6] {
    font-weight: 600;
  }
}
.columnist-desc[data-v-e653bbf6]:empty {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .columnist-desc[data-v-e653bbf6] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 20px;
  }
}
.pagination-wrap[data-v-e653bbf6] {
  margin: 0 auto;
  padding: 0 8px 24px;
}
@media (min-width: 1024px) {
  .pagination-wrap[data-v-e653bbf6] {
    max-width: 688px;
    padding: 0 0 24px;
  }
}
.pagination-wrap .card-divider[data-v-e653bbf6] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .pagination-wrap .card-divider[data-v-e653bbf6] {
    margin: 0 auto;
    width: 100%;
  }
}
[data-v-e653bbf6] .breadcrumbs {
  margin: 0 -8px;
  padding: 0 8px;
}
[data-v-e653bbf6] .breadcrumbs .breadcrumbs-gradient {
  width: 8px;
}
[data-v-e653bbf6] .breadcrumbs .breadcrumbs-gradient.is-left {
  left: -8px;
}
[data-v-e653bbf6] .breadcrumbs .breadcrumbs-gradient.is-right {
  right: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-71a5786d] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-71a5786d] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-71a5786d],
  .comment-reply-bubble[data-v-71a5786d] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-71a5786d],
  .comment-reply-bubble[data-v-71a5786d] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-71a5786d] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-71a5786d] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-71a5786d],
  .comment-title[data-v-71a5786d] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-71a5786d],
  .comment-title[data-v-71a5786d] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-71a5786d] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-71a5786d] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-71a5786d] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-71a5786d] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-71a5786d] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-71a5786d] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-71a5786d] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-71a5786d] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-71a5786d] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-71a5786d] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-71a5786d] {
  margin-bottom: 16px;
}
.comment-header[data-v-71a5786d] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-71a5786d] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-71a5786d] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-71a5786d] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-71a5786d] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-71a5786d] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-71a5786d]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-71a5786d],
.comment-page .comment-header.is-sticky[data-v-71a5786d] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-71a5786d] {
  animation: slideInDown-71a5786d 0.32s ease-in-out;
}
@keyframes slideInDown-71a5786d {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-71a5786d] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-71a5786d] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-71a5786d]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-71a5786d]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-71a5786d] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-71a5786d] {
  animation: slideOutUp-71a5786d 0.32s ease-in-out;
}
@keyframes slideOutUp-71a5786d {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-71a5786d] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-71a5786d] {
  margin-left: 8px;
}
.comment-title span[data-v-71a5786d] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-71a5786d] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-71a5786d] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-71a5786d] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-71a5786d]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-71a5786d] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-71a5786d] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-71a5786d] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-71a5786d] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-71a5786d] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-71a5786d],
.comment-page.post-fixed .comment-post-body[data-v-71a5786d] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-71a5786d] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-71a5786d] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-71a5786d] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-71a5786d] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-71a5786d] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-71a5786d] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-71a5786d] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-71a5786d] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-71a5786d] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-71a5786d],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-71a5786d] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-71a5786d] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-71a5786d] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-71a5786d],
.comment-page.post-fixed .comment-post-body.active[data-v-71a5786d] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-71a5786d],
  .comment-page.post-fixed .comment-post-body.active[data-v-71a5786d] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-71a5786d],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-71a5786d] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-71a5786d] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-71a5786d] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-71a5786d] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-71a5786d] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-71a5786d] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-71a5786d] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-71a5786d] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-71a5786d] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-71a5786d] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-71a5786d] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-71a5786d]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-71a5786d]:focus,
.comment-input-field.textarea[data-v-71a5786d]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-71a5786d]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-71a5786d] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-71a5786d] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-71a5786d] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-71a5786d] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-71a5786d] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-71a5786d] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-71a5786d] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-71a5786d] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-71a5786d]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-71a5786d] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-71a5786d],
.comment-send-btn.disabled .icon-send[data-v-71a5786d] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-71a5786d]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-71a5786d] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-71a5786d] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-71a5786d] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-71a5786d] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-71a5786d] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-71a5786d] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-71a5786d] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-71a5786d] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-71a5786d] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-71a5786d] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-71a5786d] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-71a5786d] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-71a5786d] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-71a5786d] {
  align-items: center;
  animation: blink-71a5786d 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-71a5786d {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-71a5786d] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-71a5786d] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-71a5786d] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-71a5786d] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-71a5786d] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-71a5786d] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-71a5786d]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-71a5786d] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-71a5786d] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-71a5786d] {
  margin: 0 0 0 -8px;
}
.archive-header[data-v-71a5786d] {
  background-color: var(--color-50);
  display: block;
  padding: 20px 8px 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .archive-header[data-v-71a5786d] {
    margin: 0 auto 16px;
    max-width: 640px;
    padding: 16px 0 0;
  }
}
.archive-hash[data-v-71a5786d] {
  color: var(--color-500);
  float: left;
}
.archive-hash[data-v-71a5786d],
.archive-title[data-v-71a5786d] {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .archive-hash[data-v-71a5786d],
  .archive-title[data-v-71a5786d] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-hash[data-v-71a5786d],
  .archive-title[data-v-71a5786d] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .archive-hash[data-v-71a5786d],
  .archive-title[data-v-71a5786d] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.isArchiveBreadcrumbs[data-v-71a5786d] {
  color: #000;
  margin-bottom: 20px;
}
.isArchiveBreadcrumbs[data-v-71a5786d] .breadcrumbs-link {
  color: var(--color-900);
}
.isArchiveBreadcrumbs[data-v-71a5786d] .icon-chevron--right {
  color: var(--color-500);
}
.result-divider[data-v-71a5786d] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 8px;
  width: auto;
}
@media (min-width: 1024px) {
  .result-divider[data-v-71a5786d] {
    margin: 0 auto 24px;
    max-width: 688px;
    width: 100%;
  }
}
.collapsedTopMargin[data-v-71a5786d] {
  margin-top: 0;
}
.contextual-title[data-v-71a5786d] {
  display: block;
  font-size: 1.4375rem;
  font-variation-settings: "wght" 800;
  font-weight: 800;
  line-height: 1.75rem;
  margin: 24px 0;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .contextual-title[data-v-71a5786d] {
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 24px;
  }
}
.archive-acl[data-v-71a5786d] .cards-container {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-wrap {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-text-content {
    flex-basis: calc(100% - 200px);
    order: 2;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-multimedia {
    margin-right: 8px;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-image {
    aspect-ratio: 3/2;
    height: 100%;
    min-width: 200px;
    order: 1;
    width: 200px;
  }
}
.archive-acl[data-v-71a5786d] .cards-container .card-container {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-container {
    margin: 8px auto 0;
    max-width: 688px;
    padding: 0;
  }
}
.archive-acl[data-v-71a5786d] .cards-container .card-divider {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px;
  max-width: 688px;
  width: 100%;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .cards-container .card-divider {
    margin: 0 auto;
  }
}
.archive-acl[data-v-71a5786d] .cards-container .card-divider:last-of-type {
  display: none;
}
.archive-acl .pagination[data-v-71a5786d] {
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .archive-acl .result-divider[data-v-71a5786d] {
    max-width: 688px;
  }
}
.archive-acl[data-v-71a5786d] .in-feed:not(.in-grid) .card-image {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-71a5786d] .in-feed:not(.in-grid) .card-image {
    margin-bottom: 8px;
  }
}
.content-with-background[data-v-71a5786d] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-with-background[data-v-71a5786d] {
    padding-bottom: 24px;
  }
}
.content-with-background.no-padding[data-v-71a5786d] {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.columnist-info[data-v-71a5786d] {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  .columnist-info[data-v-71a5786d] {
    align-items: flex-start;
  }
}
.columnist-image[data-v-71a5786d] {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  flex-basis: 48px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
@media (min-width: 1024px) {
  .columnist-image[data-v-71a5786d] {
    margin-right: 24px;
  }
}
.columnist-image[data-v-71a5786d] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.columnist-desc[data-v-71a5786d] {
  color: var(--columnist-archive-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 20px;
  width: 100%;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .columnist-desc[data-v-71a5786d] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .columnist-desc[data-v-71a5786d] {
    font-weight: 600;
  }
}
.columnist-desc[data-v-71a5786d]:empty {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .columnist-desc[data-v-71a5786d] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 20px;
  }
}
.pagination-wrap[data-v-71a5786d] {
  margin: 0 auto;
  padding: 0 8px 24px;
}
@media (min-width: 1024px) {
  .pagination-wrap[data-v-71a5786d] {
    max-width: 688px;
    padding: 0 0 24px;
  }
}
.pagination-wrap .card-divider[data-v-71a5786d] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .pagination-wrap .card-divider[data-v-71a5786d] {
    margin: 0 auto;
    width: 100%;
  }
}
[data-v-71a5786d] .breadcrumbs {
  margin: 0 -8px;
  padding: 0 8px;
}
[data-v-71a5786d] .breadcrumbs .breadcrumbs-gradient {
  width: 8px;
}
[data-v-71a5786d] .breadcrumbs .breadcrumbs-gradient.is-left {
  left: -8px;
}
[data-v-71a5786d] .breadcrumbs .breadcrumbs-gradient.is-right {
  right: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-397c38fe] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-397c38fe] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-397c38fe],
  .comment-reply-bubble[data-v-397c38fe] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-397c38fe],
  .comment-reply-bubble[data-v-397c38fe] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-397c38fe] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-397c38fe] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-397c38fe],
  .comment-title[data-v-397c38fe] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-397c38fe],
  .comment-title[data-v-397c38fe] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-397c38fe] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-397c38fe] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-397c38fe] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-397c38fe] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-397c38fe] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-397c38fe] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-397c38fe] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-397c38fe] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-397c38fe] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-397c38fe] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-397c38fe] {
  margin-bottom: 16px;
}
.comment-header[data-v-397c38fe] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-397c38fe] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-397c38fe] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-397c38fe] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-397c38fe] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-397c38fe] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-397c38fe]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-397c38fe],
.comment-page .comment-header.is-sticky[data-v-397c38fe] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-397c38fe] {
  animation: slideInDown-397c38fe 0.32s ease-in-out;
}
@keyframes slideInDown-397c38fe {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-397c38fe] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-397c38fe] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-397c38fe]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-397c38fe]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-397c38fe] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-397c38fe] {
  animation: slideOutUp-397c38fe 0.32s ease-in-out;
}
@keyframes slideOutUp-397c38fe {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-397c38fe] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-397c38fe] {
  margin-left: 8px;
}
.comment-title span[data-v-397c38fe] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-397c38fe] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-397c38fe] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-397c38fe] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-397c38fe]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-397c38fe] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-397c38fe] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-397c38fe] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-397c38fe] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-397c38fe] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-397c38fe],
.comment-page.post-fixed .comment-post-body[data-v-397c38fe] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-397c38fe] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-397c38fe] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-397c38fe] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-397c38fe] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-397c38fe] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-397c38fe] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-397c38fe] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-397c38fe] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-397c38fe] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-397c38fe],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-397c38fe] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-397c38fe] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-397c38fe] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-397c38fe],
.comment-page.post-fixed .comment-post-body.active[data-v-397c38fe] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-397c38fe],
  .comment-page.post-fixed .comment-post-body.active[data-v-397c38fe] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-397c38fe],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-397c38fe] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-397c38fe] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-397c38fe] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-397c38fe] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-397c38fe] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-397c38fe] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-397c38fe] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-397c38fe] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-397c38fe] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-397c38fe] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-397c38fe] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-397c38fe]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-397c38fe]:focus,
.comment-input-field.textarea[data-v-397c38fe]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-397c38fe]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-397c38fe] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-397c38fe] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-397c38fe] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-397c38fe] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-397c38fe] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-397c38fe] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-397c38fe] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-397c38fe] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-397c38fe]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-397c38fe] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-397c38fe],
.comment-send-btn.disabled .icon-send[data-v-397c38fe] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-397c38fe]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-397c38fe] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-397c38fe] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-397c38fe] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-397c38fe] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-397c38fe] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-397c38fe] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-397c38fe] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-397c38fe] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-397c38fe] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-397c38fe] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-397c38fe] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-397c38fe] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-397c38fe] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-397c38fe] {
  align-items: center;
  animation: blink-397c38fe 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-397c38fe {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-397c38fe] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-397c38fe] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-397c38fe] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-397c38fe] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-397c38fe] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-397c38fe] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-397c38fe]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-397c38fe] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-397c38fe] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-397c38fe] {
  margin: 0 0 0 -8px;
}
.tabbed-content[data-v-397c38fe] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  overflow: hidden;
  padding: 0 8px 8px;
}
.tabs-container[data-v-397c38fe] {
  border-bottom: 1px solid var(--color-200);
  display: flex;
}
.tab[data-v-397c38fe] {
  align-items: center;
  color: var(--color-600);
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 0.6875rem;
  height: 48px;
  justify-content: center;
  letter-spacing: normal;
  line-height: normal;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
}
@supports (font-variation-settings: normal) {
  .tab[data-v-397c38fe] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tab[data-v-397c38fe] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .tab[data-v-397c38fe]:hover {
    color: var(--color-900);
  }
}
.tab.is-active[data-v-397c38fe] {
  color: var(--color-900);
}
.tab.is-active[data-v-397c38fe]:after {
  background-color: var(--accent);
  bottom: -1px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tab-contents-container[data-v-397c38fe] {
  padding-top: 8px;
  width: 100%;
}
.tab-content[data-v-397c38fe] {
  display: none;
}
.tab-content.is-active[data-v-397c38fe] {
  display: block;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-0e9a5bb6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-0e9a5bb6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-0e9a5bb6],
  .comment-reply-bubble[data-v-0e9a5bb6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-0e9a5bb6],
  .comment-reply-bubble[data-v-0e9a5bb6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-0e9a5bb6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-0e9a5bb6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-0e9a5bb6],
  .comment-title[data-v-0e9a5bb6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-0e9a5bb6],
  .comment-title[data-v-0e9a5bb6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-0e9a5bb6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-0e9a5bb6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-0e9a5bb6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-0e9a5bb6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-0e9a5bb6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-0e9a5bb6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-0e9a5bb6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-0e9a5bb6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-0e9a5bb6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-0e9a5bb6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-0e9a5bb6] {
  margin-bottom: 16px;
}
.comment-header[data-v-0e9a5bb6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-0e9a5bb6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-0e9a5bb6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-0e9a5bb6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-0e9a5bb6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-0e9a5bb6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-0e9a5bb6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-0e9a5bb6],
.comment-page .comment-header.is-sticky[data-v-0e9a5bb6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-0e9a5bb6] {
  animation: slideInDown-0e9a5bb6 0.32s ease-in-out;
}
@keyframes slideInDown-0e9a5bb6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-0e9a5bb6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0e9a5bb6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0e9a5bb6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-0e9a5bb6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-0e9a5bb6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-0e9a5bb6] {
  animation: slideOutUp-0e9a5bb6 0.32s ease-in-out;
}
@keyframes slideOutUp-0e9a5bb6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-0e9a5bb6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-0e9a5bb6] {
  margin-left: 8px;
}
.comment-title span[data-v-0e9a5bb6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-0e9a5bb6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-0e9a5bb6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-0e9a5bb6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-0e9a5bb6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-0e9a5bb6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-0e9a5bb6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-0e9a5bb6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-0e9a5bb6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-0e9a5bb6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-0e9a5bb6],
.comment-page.post-fixed .comment-post-body[data-v-0e9a5bb6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-0e9a5bb6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-0e9a5bb6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-0e9a5bb6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-0e9a5bb6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-0e9a5bb6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-0e9a5bb6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-0e9a5bb6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-0e9a5bb6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-0e9a5bb6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-0e9a5bb6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-0e9a5bb6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-0e9a5bb6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-0e9a5bb6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-0e9a5bb6],
.comment-page.post-fixed .comment-post-body.active[data-v-0e9a5bb6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-0e9a5bb6],
  .comment-page.post-fixed .comment-post-body.active[data-v-0e9a5bb6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-0e9a5bb6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-0e9a5bb6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-0e9a5bb6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-0e9a5bb6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-0e9a5bb6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-0e9a5bb6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-0e9a5bb6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-0e9a5bb6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-0e9a5bb6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-0e9a5bb6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-0e9a5bb6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-0e9a5bb6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-0e9a5bb6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-0e9a5bb6]:focus,
.comment-input-field.textarea[data-v-0e9a5bb6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-0e9a5bb6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-0e9a5bb6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-0e9a5bb6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-0e9a5bb6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-0e9a5bb6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-0e9a5bb6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-0e9a5bb6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-0e9a5bb6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-0e9a5bb6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-0e9a5bb6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-0e9a5bb6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-0e9a5bb6],
.comment-send-btn.disabled .icon-send[data-v-0e9a5bb6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-0e9a5bb6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-0e9a5bb6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-0e9a5bb6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-0e9a5bb6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-0e9a5bb6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-0e9a5bb6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-0e9a5bb6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-0e9a5bb6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-0e9a5bb6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-0e9a5bb6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-0e9a5bb6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-0e9a5bb6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-0e9a5bb6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-0e9a5bb6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-0e9a5bb6] {
  align-items: center;
  animation: blink-0e9a5bb6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-0e9a5bb6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-0e9a5bb6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-0e9a5bb6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-0e9a5bb6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-0e9a5bb6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-0e9a5bb6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-0e9a5bb6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-0e9a5bb6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-0e9a5bb6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-0e9a5bb6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-0e9a5bb6] {
  margin: 0 0 0 -8px;
}
.mosaic-teaser[data-v-0e9a5bb6] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  display: block;
  margin-bottom: 4px;
  padding: 8px;
}
.mosaic-teaser__image[data-v-0e9a5bb6] {
  aspect-ratio: 5/2;
  display: block;
  width: 100%;
}
.mosaic-teaser__image img[data-v-0e9a5bb6] {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-5d57bcae] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-5d57bcae] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-5d57bcae],
  .comment-reply-bubble[data-v-5d57bcae] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-5d57bcae],
  .comment-reply-bubble[data-v-5d57bcae] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5d57bcae] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-5d57bcae] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5d57bcae],
  .comment-title[data-v-5d57bcae] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-5d57bcae],
  .comment-title[data-v-5d57bcae] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-5d57bcae] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-5d57bcae] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-5d57bcae] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-5d57bcae] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-5d57bcae] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-5d57bcae] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-5d57bcae] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-5d57bcae] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-5d57bcae] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-5d57bcae] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-5d57bcae] {
  margin-bottom: 16px;
}
.comment-header[data-v-5d57bcae] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-5d57bcae] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-5d57bcae] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-5d57bcae] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-5d57bcae] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-5d57bcae] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-5d57bcae]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-5d57bcae],
.comment-page .comment-header.is-sticky[data-v-5d57bcae] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-5d57bcae] {
  animation: slideInDown-5d57bcae 0.32s ease-in-out;
}
@keyframes slideInDown-5d57bcae {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5d57bcae] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5d57bcae] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5d57bcae]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-5d57bcae]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-5d57bcae] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-5d57bcae] {
  animation: slideOutUp-5d57bcae 0.32s ease-in-out;
}
@keyframes slideOutUp-5d57bcae {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-5d57bcae] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-5d57bcae] {
  margin-left: 8px;
}
.comment-title span[data-v-5d57bcae] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-5d57bcae] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-5d57bcae] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-5d57bcae] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-5d57bcae]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-5d57bcae] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-5d57bcae] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-5d57bcae] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-5d57bcae] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-5d57bcae] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-5d57bcae],
.comment-page.post-fixed .comment-post-body[data-v-5d57bcae] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-5d57bcae] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-5d57bcae] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-5d57bcae] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-5d57bcae] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-5d57bcae] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-5d57bcae] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-5d57bcae] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-5d57bcae] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-5d57bcae] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-5d57bcae],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-5d57bcae] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-5d57bcae] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-5d57bcae] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-5d57bcae],
.comment-page.post-fixed .comment-post-body.active[data-v-5d57bcae] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-5d57bcae],
  .comment-page.post-fixed .comment-post-body.active[data-v-5d57bcae] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-5d57bcae],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-5d57bcae] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-5d57bcae] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-5d57bcae] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-5d57bcae] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-5d57bcae] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-5d57bcae] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-5d57bcae] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-5d57bcae] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-5d57bcae] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-5d57bcae] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5d57bcae] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-5d57bcae]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-5d57bcae]:focus,
.comment-input-field.textarea[data-v-5d57bcae]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-5d57bcae]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-5d57bcae] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-5d57bcae] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5d57bcae] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-5d57bcae] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5d57bcae] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-5d57bcae] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-5d57bcae] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-5d57bcae] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-5d57bcae]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-5d57bcae] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-5d57bcae],
.comment-send-btn.disabled .icon-send[data-v-5d57bcae] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-5d57bcae]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-5d57bcae] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-5d57bcae] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-5d57bcae] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-5d57bcae] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-5d57bcae] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-5d57bcae] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-5d57bcae] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-5d57bcae] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-5d57bcae] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-5d57bcae] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-5d57bcae] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-5d57bcae] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-5d57bcae] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-5d57bcae] {
  align-items: center;
  animation: blink-5d57bcae 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-5d57bcae {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-5d57bcae] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-5d57bcae] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-5d57bcae] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-5d57bcae] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-5d57bcae] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-5d57bcae] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-5d57bcae]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-5d57bcae] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-5d57bcae] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-5d57bcae] {
  margin: 0 0 0 -8px;
}
.titlovi-widget[data-v-5d57bcae] {
  background-color: var(--color-light-50);
  box-shadow: var(--main-box-shadow);
  margin: 8px 0;
  overflow: hidden;
  padding: 8px;
  width: 100%;
}
.titlovi-widget iframe[data-v-5d57bcae] {
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fa2f374f] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fa2f374f] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fa2f374f],
  .comment-reply-bubble[data-v-fa2f374f] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fa2f374f],
  .comment-reply-bubble[data-v-fa2f374f] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fa2f374f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fa2f374f] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fa2f374f],
  .comment-title[data-v-fa2f374f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fa2f374f],
  .comment-title[data-v-fa2f374f] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fa2f374f] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fa2f374f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fa2f374f] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fa2f374f] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fa2f374f] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fa2f374f] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fa2f374f] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fa2f374f] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fa2f374f] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fa2f374f] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fa2f374f] {
  margin-bottom: 16px;
}
.comment-header[data-v-fa2f374f] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fa2f374f] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fa2f374f] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fa2f374f] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fa2f374f] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fa2f374f] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fa2f374f]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fa2f374f],
.comment-page .comment-header.is-sticky[data-v-fa2f374f] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fa2f374f] {
  animation: slideInDown-fa2f374f 0.32s ease-in-out;
}
@keyframes slideInDown-fa2f374f {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fa2f374f] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa2f374f] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa2f374f]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fa2f374f]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fa2f374f] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fa2f374f] {
  animation: slideOutUp-fa2f374f 0.32s ease-in-out;
}
@keyframes slideOutUp-fa2f374f {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fa2f374f] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fa2f374f] {
  margin-left: 8px;
}
.comment-title span[data-v-fa2f374f] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fa2f374f] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fa2f374f] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fa2f374f] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fa2f374f]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fa2f374f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fa2f374f] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fa2f374f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fa2f374f] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fa2f374f] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fa2f374f],
.comment-page.post-fixed .comment-post-body[data-v-fa2f374f] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fa2f374f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fa2f374f] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fa2f374f] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fa2f374f] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fa2f374f] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fa2f374f] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fa2f374f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fa2f374f] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fa2f374f] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fa2f374f],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fa2f374f] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fa2f374f] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fa2f374f] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fa2f374f],
.comment-page.post-fixed .comment-post-body.active[data-v-fa2f374f] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fa2f374f],
  .comment-page.post-fixed .comment-post-body.active[data-v-fa2f374f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fa2f374f],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fa2f374f] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fa2f374f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fa2f374f] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fa2f374f] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fa2f374f] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fa2f374f] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fa2f374f] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fa2f374f] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fa2f374f] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fa2f374f] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fa2f374f] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fa2f374f]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fa2f374f]:focus,
.comment-input-field.textarea[data-v-fa2f374f]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fa2f374f]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fa2f374f] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fa2f374f] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fa2f374f] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fa2f374f] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fa2f374f] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fa2f374f] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fa2f374f] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fa2f374f] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fa2f374f]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fa2f374f] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fa2f374f],
.comment-send-btn.disabled .icon-send[data-v-fa2f374f] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fa2f374f]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fa2f374f] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fa2f374f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fa2f374f] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fa2f374f] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fa2f374f] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fa2f374f] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fa2f374f] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fa2f374f] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fa2f374f] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fa2f374f] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fa2f374f] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fa2f374f] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fa2f374f] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fa2f374f] {
  align-items: center;
  animation: blink-fa2f374f 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fa2f374f {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fa2f374f] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fa2f374f] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fa2f374f] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fa2f374f] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fa2f374f] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fa2f374f] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fa2f374f]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fa2f374f] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fa2f374f] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fa2f374f] {
  margin: 0 0 0 -8px;
}
.tv-widget[data-v-fa2f374f] {
  margin-bottom: 4px;
}
.tv-widget__container[data-v-fa2f374f] {
  background-color: var(--tv-widget-surface);
}
.tv-widget__header[data-v-fa2f374f] {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 8px;
}
.tv-widget__logo[data-v-fa2f374f] {
  display: block;
  height: 24px;
  width: auto;
}
.tv-widget__logo-img[data-v-fa2f374f] {
  height: 100%;
}
.tv-widget__body[data-v-fa2f374f] {
  padding-bottom: 8px;
}
.tv-widget__content[data-v-fa2f374f] {
  display: none;
}
.tv-widget__content.is-active[data-v-fa2f374f] {
  display: block;
}
.tv-widget__options[data-v-fa2f374f] {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 100%;
  padding-right: 8px;
}
.tv-widget__options-btn[data-v-fa2f374f] {
  align-items: center;
  color: var(--color-dark-600);
  display: flex;
  font-size: 0.6875rem;
  height: 100%;
  letter-spacing: 0.09px;
  line-height: 0.875rem;
  position: relative;
  text-transform: uppercase;
  transition: all 0.2s;
}
@supports (font-variation-settings: normal) {
  .tv-widget__options-btn[data-v-fa2f374f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-widget__options-btn[data-v-fa2f374f] {
    font-weight: 700;
  }
}
.tv-widget__options-btn.is-active[data-v-fa2f374f] {
  color: var(--color-dark-900);
}
.tv-widget__options-btn.is-active[data-v-fa2f374f]:after {
  background-color: var(--accent);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (min-width: 1024px) {
  .tv-widget__options-btn[data-v-fa2f374f] {
    cursor: pointer;
  }
  .tv-widget__options-btn[data-v-fa2f374f]:hover {
    color: var(--color-dark-900);
  }
}
.tv-widget .content-divider[data-v-fa2f374f] {
  background-color: var(--color-dark-200);
  height: 1px;
  margin: 0 auto 8px;
  width: calc(100% - 16px);
}
@media (min-width: 1024px) {
  .tv-widget .content-divider[data-v-fa2f374f] {
    margin: 0 auto;
  }
  .tv-widget.is-sidebar .tv-widget__logo[data-v-fa2f374f] {
    height: 20px;
  }
  .tv-widget.is-sidebar .tv-widget__options[data-v-fa2f374f] {
    gap: 8px;
    padding-right: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-9e8f3b0b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-9e8f3b0b],
  .comment-reply-bubble[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-9e8f3b0b],
  .comment-reply-bubble[data-v-9e8f3b0b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9e8f3b0b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e8f3b0b],
  .comment-title[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e8f3b0b],
  .comment-title[data-v-9e8f3b0b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-9e8f3b0b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-9e8f3b0b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-9e8f3b0b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-9e8f3b0b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-9e8f3b0b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-9e8f3b0b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-9e8f3b0b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-9e8f3b0b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-9e8f3b0b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-9e8f3b0b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-9e8f3b0b] {
  margin-bottom: 16px;
}
.comment-header[data-v-9e8f3b0b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-9e8f3b0b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-9e8f3b0b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-9e8f3b0b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e8f3b0b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-9e8f3b0b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e8f3b0b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-9e8f3b0b],
.comment-page .comment-header.is-sticky[data-v-9e8f3b0b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-9e8f3b0b] {
  animation: slideInDown-9e8f3b0b 0.32s ease-in-out;
}
@keyframes slideInDown-9e8f3b0b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e8f3b0b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8f3b0b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8f3b0b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e8f3b0b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e8f3b0b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-9e8f3b0b] {
  animation: slideOutUp-9e8f3b0b 0.32s ease-in-out;
}
@keyframes slideOutUp-9e8f3b0b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-9e8f3b0b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-9e8f3b0b] {
  margin-left: 8px;
}
.comment-title span[data-v-9e8f3b0b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-9e8f3b0b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-9e8f3b0b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-9e8f3b0b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-9e8f3b0b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-9e8f3b0b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-9e8f3b0b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-9e8f3b0b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-9e8f3b0b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-9e8f3b0b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-9e8f3b0b],
.comment-page.post-fixed .comment-post-body[data-v-9e8f3b0b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-9e8f3b0b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-9e8f3b0b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-9e8f3b0b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-9e8f3b0b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-9e8f3b0b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-9e8f3b0b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-9e8f3b0b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-9e8f3b0b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-9e8f3b0b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-9e8f3b0b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-9e8f3b0b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-9e8f3b0b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-9e8f3b0b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e8f3b0b],
.comment-page.post-fixed .comment-post-body.active[data-v-9e8f3b0b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e8f3b0b],
  .comment-page.post-fixed .comment-post-body.active[data-v-9e8f3b0b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-9e8f3b0b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-9e8f3b0b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-9e8f3b0b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-9e8f3b0b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-9e8f3b0b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-9e8f3b0b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-9e8f3b0b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-9e8f3b0b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-9e8f3b0b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-9e8f3b0b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-9e8f3b0b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e8f3b0b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-9e8f3b0b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-9e8f3b0b]:focus,
.comment-input-field.textarea[data-v-9e8f3b0b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e8f3b0b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-9e8f3b0b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-9e8f3b0b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e8f3b0b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-9e8f3b0b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e8f3b0b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-9e8f3b0b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-9e8f3b0b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e8f3b0b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-9e8f3b0b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-9e8f3b0b],
.comment-send-btn.disabled .icon-send[data-v-9e8f3b0b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-9e8f3b0b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-9e8f3b0b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-9e8f3b0b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-9e8f3b0b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-9e8f3b0b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-9e8f3b0b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-9e8f3b0b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-9e8f3b0b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-9e8f3b0b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-9e8f3b0b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-9e8f3b0b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-9e8f3b0b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-9e8f3b0b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-9e8f3b0b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-9e8f3b0b] {
  align-items: center;
  animation: blink-9e8f3b0b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-9e8f3b0b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-9e8f3b0b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-9e8f3b0b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-9e8f3b0b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-9e8f3b0b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-9e8f3b0b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-9e8f3b0b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-9e8f3b0b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-9e8f3b0b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-9e8f3b0b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-9e8f3b0b] {
  margin: 0 0 0 -8px;
}
.topics[data-v-9e8f3b0b] {
  height: 40px;
  margin-top: 4px;
  overflow-x: auto;
  width: 100%;
}
.topics__container[data-v-9e8f3b0b] {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.topics__title[data-v-9e8f3b0b] {
  color: var(--color-900);
  display: none;
  font-size: 0.875rem;
  letter-spacing: 2.02px;
  line-height: 1.125rem;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
@supports (font-variation-settings: normal) {
  .topics__title[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .topics__title[data-v-9e8f3b0b] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .topics__title[data-v-9e8f3b0b] {
    display: inline-block;
    margin-left: 8px;
  }
}
.topics__list-container[data-v-9e8f3b0b] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .topics__list-container[data-v-9e8f3b0b] {
    padding-left: 0;
  }
}
@media (min-width: 429px) {
  .topics__list-container[data-v-9e8f3b0b]:before {
    background-image: var(--surface-scrim-leading);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .topics__list-container[data-v-9e8f3b0b]:before {
    width: 20px;
  }
}
@media (min-width: 429px) {
  .topics__list-container[data-v-9e8f3b0b]:after {
    background-image: var(--surface-scrim-trailing);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    z-index: 2;
  }
}
.topics__list[data-v-9e8f3b0b] {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-left: 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .topics__list[data-v-9e8f3b0b] {
    padding-left: 20px;
  }
}
.topics__list[data-v-9e8f3b0b]::-webkit-scrollbar,
.topics__list[data-v-9e8f3b0b]::-webkit-scrollbar-track {
  display: none;
  height: 0;
  width: 0;
}
.topics__list[data-v-9e8f3b0b]::-webkit-scrollbar-thumb {
  display: none;
  height: 0;
  width: 0;
}
.topics__list-item[data-v-9e8f3b0b] {
  display: inline-block;
  list-style-type: none;
}
.topics__link[data-v-9e8f3b0b] {
  background-color: var(--color-50);
  border: var(--topics-border);
  border-radius: 1px;
  box-shadow: var(--topics-box-shadow);
  color: var(--color-900);
  cursor: pointer;
  display: block;
  font-size: 0.6875rem;
  height: 24px;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin: 0 8px 0 0;
  overflow: hidden;
  padding: 5px 8px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.3s;
  white-space: nowrap;
}
@supports (font-variation-settings: normal) {
  .topics__link[data-v-9e8f3b0b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .topics__link[data-v-9e8f3b0b] {
    font-weight: 600;
  }
}
.dark .topics__link[data-v-9e8f3b0b] {
  padding: 4px 7px;
}
.topics__link[data-v-9e8f3b0b]:hover:before {
  background-color: var(--color-75);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6c09af7],
  .comment-title[data-v-d6c09af7],
  .social-channels-title[data-v-d6c09af7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6c09af7],
  .comment-title[data-v-d6c09af7],
  .social-channels-title[data-v-d6c09af7] {
    font-weight: 800;
  }
}
.social-channels[data-v-d6c09af7] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  width: 100%;
}
.social-channels-header[data-v-d6c09af7] {
  align-items: center;
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  padding: 0 8px;
  position: relative;
}
.social-channels-header[data-v-d6c09af7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 8px;
  position: absolute;
  right: 8px;
  width: calc(100% - 16px);
}
.social-channels-title[data-v-d6c09af7] {
  color: #191818;
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: 1rem;
  max-height: 16px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.social-channels-list[data-v-d6c09af7] {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 8px 8px;
}
.social-channels-list-item[data-v-d6c09af7] {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  height: 48px;
  justify-content: center;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .social-channels-list-item[data-v-d6c09af7]:hover {
    background-color: var(--color-100);
  }
}
.social-channels-list-item a[data-v-d6c09af7] {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
}
.social-channels .icon[data-v-d6c09af7] {
  height: 24px;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d6c09af7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d6c09af7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d6c09af7],
  .comment-reply-bubble[data-v-d6c09af7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d6c09af7],
  .comment-reply-bubble[data-v-d6c09af7] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d6c09af7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d6c09af7] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6c09af7],
  .comment-title[data-v-d6c09af7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d6c09af7],
  .comment-title[data-v-d6c09af7] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d6c09af7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d6c09af7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d6c09af7] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d6c09af7] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d6c09af7] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d6c09af7] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d6c09af7] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d6c09af7] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d6c09af7] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d6c09af7] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d6c09af7] {
  margin-bottom: 16px;
}
.comment-header[data-v-d6c09af7] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d6c09af7] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d6c09af7] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d6c09af7] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d6c09af7] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d6c09af7] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d6c09af7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d6c09af7],
.comment-page .comment-header.is-sticky[data-v-d6c09af7] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d6c09af7] {
  animation: slideInDown-d6c09af7 0.32s ease-in-out;
}
@keyframes slideInDown-d6c09af7 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d6c09af7] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6c09af7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6c09af7]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d6c09af7]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d6c09af7] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d6c09af7] {
  animation: slideOutUp-d6c09af7 0.32s ease-in-out;
}
@keyframes slideOutUp-d6c09af7 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d6c09af7] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d6c09af7] {
  margin-left: 8px;
}
.comment-title span[data-v-d6c09af7] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d6c09af7] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d6c09af7] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d6c09af7] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d6c09af7]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d6c09af7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d6c09af7] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d6c09af7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d6c09af7] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d6c09af7] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d6c09af7],
.comment-page.post-fixed .comment-post-body[data-v-d6c09af7] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d6c09af7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d6c09af7] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d6c09af7] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d6c09af7] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d6c09af7] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d6c09af7] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d6c09af7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d6c09af7] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d6c09af7] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d6c09af7],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d6c09af7] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d6c09af7] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d6c09af7] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d6c09af7],
.comment-page.post-fixed .comment-post-body.active[data-v-d6c09af7] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d6c09af7],
  .comment-page.post-fixed .comment-post-body.active[data-v-d6c09af7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d6c09af7],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d6c09af7] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d6c09af7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d6c09af7] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d6c09af7] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d6c09af7] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d6c09af7] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d6c09af7] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d6c09af7] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d6c09af7] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d6c09af7] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d6c09af7] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d6c09af7]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d6c09af7]:focus,
.comment-input-field.textarea[data-v-d6c09af7]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d6c09af7]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d6c09af7] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d6c09af7] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d6c09af7] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d6c09af7] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d6c09af7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d6c09af7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d6c09af7] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d6c09af7] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d6c09af7]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d6c09af7] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d6c09af7],
.comment-send-btn.disabled .icon-send[data-v-d6c09af7] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d6c09af7]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d6c09af7] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d6c09af7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d6c09af7] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d6c09af7] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d6c09af7] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d6c09af7] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d6c09af7] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d6c09af7] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d6c09af7] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d6c09af7] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d6c09af7] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d6c09af7] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d6c09af7] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d6c09af7] {
  align-items: center;
  animation: blink-d6c09af7 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d6c09af7 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d6c09af7] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d6c09af7] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d6c09af7] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d6c09af7] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d6c09af7] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d6c09af7] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d6c09af7]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d6c09af7] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d6c09af7] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d6c09af7] {
  margin: 0 0 0 -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7ad9dbc7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7ad9dbc7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7ad9dbc7],
  .comment-reply-bubble[data-v-7ad9dbc7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7ad9dbc7],
  .comment-reply-bubble[data-v-7ad9dbc7] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7ad9dbc7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7ad9dbc7] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7ad9dbc7],
  .comment-title[data-v-7ad9dbc7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7ad9dbc7],
  .comment-title[data-v-7ad9dbc7] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7ad9dbc7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7ad9dbc7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7ad9dbc7] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7ad9dbc7] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7ad9dbc7] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7ad9dbc7] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7ad9dbc7] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7ad9dbc7] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7ad9dbc7] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7ad9dbc7] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7ad9dbc7] {
  margin-bottom: 16px;
}
.comment-header[data-v-7ad9dbc7] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7ad9dbc7] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7ad9dbc7] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7ad9dbc7] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7ad9dbc7] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7ad9dbc7] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7ad9dbc7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7ad9dbc7],
.comment-page .comment-header.is-sticky[data-v-7ad9dbc7] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7ad9dbc7] {
  animation: slideInDown-7ad9dbc7 0.32s ease-in-out;
}
@keyframes slideInDown-7ad9dbc7 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7ad9dbc7] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7ad9dbc7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7ad9dbc7]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7ad9dbc7]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7ad9dbc7] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7ad9dbc7] {
  animation: slideOutUp-7ad9dbc7 0.32s ease-in-out;
}
@keyframes slideOutUp-7ad9dbc7 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7ad9dbc7] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7ad9dbc7] {
  margin-left: 8px;
}
.comment-title span[data-v-7ad9dbc7] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7ad9dbc7] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7ad9dbc7] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7ad9dbc7] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7ad9dbc7]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7ad9dbc7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7ad9dbc7] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7ad9dbc7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7ad9dbc7] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7ad9dbc7] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7ad9dbc7],
.comment-page.post-fixed .comment-post-body[data-v-7ad9dbc7] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7ad9dbc7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7ad9dbc7] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7ad9dbc7] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7ad9dbc7] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7ad9dbc7] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7ad9dbc7] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7ad9dbc7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7ad9dbc7] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7ad9dbc7] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7ad9dbc7],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7ad9dbc7] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7ad9dbc7] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7ad9dbc7] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7ad9dbc7],
.comment-page.post-fixed .comment-post-body.active[data-v-7ad9dbc7] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7ad9dbc7],
  .comment-page.post-fixed .comment-post-body.active[data-v-7ad9dbc7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7ad9dbc7],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7ad9dbc7] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7ad9dbc7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7ad9dbc7] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7ad9dbc7] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7ad9dbc7] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7ad9dbc7] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7ad9dbc7] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7ad9dbc7] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7ad9dbc7] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7ad9dbc7] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7ad9dbc7] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7ad9dbc7]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7ad9dbc7]:focus,
.comment-input-field.textarea[data-v-7ad9dbc7]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7ad9dbc7]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7ad9dbc7] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7ad9dbc7] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7ad9dbc7] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7ad9dbc7] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7ad9dbc7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7ad9dbc7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7ad9dbc7] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7ad9dbc7] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7ad9dbc7]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7ad9dbc7] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7ad9dbc7],
.comment-send-btn.disabled .icon-send[data-v-7ad9dbc7] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7ad9dbc7]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7ad9dbc7] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7ad9dbc7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7ad9dbc7] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7ad9dbc7] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7ad9dbc7] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7ad9dbc7] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7ad9dbc7] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7ad9dbc7] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7ad9dbc7] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7ad9dbc7] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7ad9dbc7] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7ad9dbc7] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7ad9dbc7] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7ad9dbc7] {
  align-items: center;
  animation: blink-7ad9dbc7 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7ad9dbc7 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7ad9dbc7] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7ad9dbc7] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7ad9dbc7] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7ad9dbc7] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7ad9dbc7] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7ad9dbc7] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7ad9dbc7]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7ad9dbc7] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7ad9dbc7] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7ad9dbc7] {
  margin: 0 0 0 -8px;
}
.games-list[data-v-7ad9dbc7] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .games-list[data-v-7ad9dbc7] {
    flex-direction: row;
  }
}
.games-list__item[data-v-7ad9dbc7] {
  flex-basis: 100%;
  margin-bottom: 4px;
  padding: 0 4px;
}
@media (min-width: 1024px) {
  .games-list__item[data-v-7ad9dbc7] {
    flex-basis: 33.33%;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.games-list__item[data-v-7ad9dbc7]:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .games-list__item[data-v-7ad9dbc7]:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-2e1a2156] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-2e1a2156] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-2e1a2156],
  .comment-reply-bubble[data-v-2e1a2156] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-2e1a2156],
  .comment-reply-bubble[data-v-2e1a2156] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2e1a2156],
  .horoscope-menu__item a[data-v-2e1a2156] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2e1a2156],
  .horoscope-menu__item a[data-v-2e1a2156] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2e1a2156],
  .comment-title[data-v-2e1a2156] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2e1a2156],
  .comment-title[data-v-2e1a2156] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-2e1a2156] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-2e1a2156] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-2e1a2156] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-2e1a2156] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-2e1a2156] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-2e1a2156] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-2e1a2156] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-2e1a2156] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-2e1a2156] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-2e1a2156] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-2e1a2156] {
  margin-bottom: 16px;
}
.comment-header[data-v-2e1a2156] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-2e1a2156] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-2e1a2156] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-2e1a2156] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-2e1a2156] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-2e1a2156] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-2e1a2156]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-2e1a2156],
.comment-page .comment-header.is-sticky[data-v-2e1a2156] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-2e1a2156] {
  animation: slideInDown-2e1a2156 0.32s ease-in-out;
}
@keyframes slideInDown-2e1a2156 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2e1a2156] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2e1a2156] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2e1a2156]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2e1a2156]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2e1a2156] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-2e1a2156] {
  animation: slideOutUp-2e1a2156 0.32s ease-in-out;
}
@keyframes slideOutUp-2e1a2156 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-2e1a2156] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-2e1a2156] {
  margin-left: 8px;
}
.comment-title span[data-v-2e1a2156] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-2e1a2156] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-2e1a2156] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-2e1a2156] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-2e1a2156]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-2e1a2156] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-2e1a2156] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-2e1a2156] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-2e1a2156] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-2e1a2156] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-2e1a2156],
.comment-page.post-fixed .comment-post-body[data-v-2e1a2156] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-2e1a2156] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-2e1a2156] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-2e1a2156] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-2e1a2156] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-2e1a2156] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-2e1a2156] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-2e1a2156] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-2e1a2156] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-2e1a2156] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-2e1a2156],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-2e1a2156] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-2e1a2156] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-2e1a2156] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-2e1a2156],
.comment-page.post-fixed .comment-post-body.active[data-v-2e1a2156] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-2e1a2156],
  .comment-page.post-fixed .comment-post-body.active[data-v-2e1a2156] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-2e1a2156],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-2e1a2156] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-2e1a2156] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-2e1a2156] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-2e1a2156] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-2e1a2156] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-2e1a2156] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-2e1a2156] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-2e1a2156] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-2e1a2156] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-2e1a2156] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2e1a2156] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-2e1a2156]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-2e1a2156]:focus,
.comment-input-field.textarea[data-v-2e1a2156]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2e1a2156]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-2e1a2156] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-2e1a2156] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2e1a2156] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-2e1a2156] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2e1a2156] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2e1a2156] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-2e1a2156] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-2e1a2156] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2e1a2156]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-2e1a2156] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-2e1a2156],
.comment-send-btn.disabled .icon-send[data-v-2e1a2156] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-2e1a2156]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-2e1a2156] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-2e1a2156] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-2e1a2156] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-2e1a2156] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-2e1a2156] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-2e1a2156] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-2e1a2156] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-2e1a2156] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-2e1a2156] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-2e1a2156] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-2e1a2156] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-2e1a2156] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-2e1a2156] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-2e1a2156] {
  align-items: center;
  animation: blink-2e1a2156 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-2e1a2156 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-2e1a2156] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-2e1a2156] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-2e1a2156] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-2e1a2156] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-2e1a2156] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-2e1a2156] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-2e1a2156]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-2e1a2156] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-2e1a2156] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-2e1a2156] {
  margin: 0 0 0 -8px;
}
.horoscope-menu[data-v-2e1a2156] {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 20px;
  width: auto;
}
@media (min-width: 1024px) {
  .horoscope-menu[data-v-2e1a2156] {
    margin-bottom: 24px;
  }
}
.horoscope-menu__item[data-v-2e1a2156] {
  display: flex;
  flex-basis: 50%;
}
.horoscope-menu__item a[data-v-2e1a2156] {
  align-items: center;
  color: var(--color-600);
  display: flex;
  font-size: 0.6875rem;
  justify-content: center;
  letter-spacing: 0.09px;
  line-height: 0.875rem;
  padding: 17px 18px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.horoscope-menu__item a[data-v-2e1a2156]:after {
  background-color: var(--color-200);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
@media (min-width: 1024px) {
  .horoscope-menu__item a[data-v-2e1a2156]:hover {
    color: var(--color-900);
    cursor: pointer;
  }
}
.horoscope-menu__item a.router-link-active[data-v-2e1a2156] {
  color: var(--color-900);
}
.horoscope-menu__item a.router-link-active[data-v-2e1a2156]:after {
  background-color: var(--accent);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fedab8d4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fedab8d4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fedab8d4],
  .comment-reply-bubble[data-v-fedab8d4],
  .pollution-block_legend-list[data-v-fedab8d4],
  [data-v-fedab8d4] .custom-select .custom-select__selected {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fedab8d4],
  .comment-reply-bubble[data-v-fedab8d4],
  .pollution-block_legend-list[data-v-fedab8d4],
  [data-v-fedab8d4] .custom-select .custom-select__selected {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fedab8d4],
  .pollution-block_score-stats strong[data-v-fedab8d4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fedab8d4],
  .pollution-block_score-stats strong[data-v-fedab8d4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .pollution-block_score[data-v-fedab8d4],
  .pollution-block_timestamp[data-v-fedab8d4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .pollution-block_score[data-v-fedab8d4],
  .pollution-block_timestamp[data-v-fedab8d4] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fedab8d4],
  .comment-title[data-v-fedab8d4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fedab8d4],
  .comment-title[data-v-fedab8d4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fedab8d4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fedab8d4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fedab8d4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fedab8d4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fedab8d4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fedab8d4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fedab8d4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fedab8d4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fedab8d4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fedab8d4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fedab8d4] {
  margin-bottom: 16px;
}
.comment-header[data-v-fedab8d4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fedab8d4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fedab8d4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fedab8d4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fedab8d4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fedab8d4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fedab8d4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fedab8d4],
.comment-page .comment-header.is-sticky[data-v-fedab8d4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fedab8d4] {
  animation: slideInDown-fedab8d4 0.32s ease-in-out;
}
@keyframes slideInDown-fedab8d4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fedab8d4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fedab8d4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fedab8d4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fedab8d4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fedab8d4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fedab8d4] {
  animation: slideOutUp-fedab8d4 0.32s ease-in-out;
}
@keyframes slideOutUp-fedab8d4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fedab8d4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fedab8d4] {
  margin-left: 8px;
}
.comment-title span[data-v-fedab8d4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fedab8d4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fedab8d4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fedab8d4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fedab8d4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fedab8d4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fedab8d4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fedab8d4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fedab8d4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fedab8d4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fedab8d4],
.comment-page.post-fixed .comment-post-body[data-v-fedab8d4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fedab8d4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fedab8d4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fedab8d4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fedab8d4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fedab8d4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fedab8d4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fedab8d4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fedab8d4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fedab8d4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fedab8d4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fedab8d4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fedab8d4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fedab8d4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fedab8d4],
.comment-page.post-fixed .comment-post-body.active[data-v-fedab8d4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fedab8d4],
  .comment-page.post-fixed .comment-post-body.active[data-v-fedab8d4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fedab8d4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fedab8d4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fedab8d4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fedab8d4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fedab8d4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fedab8d4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fedab8d4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fedab8d4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fedab8d4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fedab8d4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fedab8d4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fedab8d4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fedab8d4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fedab8d4]:focus,
.comment-input-field.textarea[data-v-fedab8d4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fedab8d4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fedab8d4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fedab8d4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fedab8d4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fedab8d4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fedab8d4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fedab8d4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fedab8d4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fedab8d4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fedab8d4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fedab8d4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fedab8d4],
.comment-send-btn.disabled .icon-send[data-v-fedab8d4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fedab8d4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fedab8d4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fedab8d4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fedab8d4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fedab8d4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fedab8d4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fedab8d4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fedab8d4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fedab8d4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fedab8d4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fedab8d4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fedab8d4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fedab8d4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fedab8d4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fedab8d4] {
  align-items: center;
  animation: blink-fedab8d4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fedab8d4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fedab8d4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fedab8d4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fedab8d4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fedab8d4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fedab8d4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fedab8d4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fedab8d4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fedab8d4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fedab8d4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fedab8d4] {
  margin: 0 0 0 -8px;
}
[data-v-fedab8d4] .custom-select {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 220px;
  width: 100%;
}
[data-v-fedab8d4] .custom-select .custom-select__selected {
  color: var(--color-900);
  padding: 0 24px 0 38px;
  width: 100%;
}
[data-v-fedab8d4] .custom-select .custom-select__selected.is-open,
[data-v-fedab8d4] .custom-select .custom-select__selected:hover {
  background-color: var(--color-200) !important;
}
[data-v-fedab8d4] .custom-select .custom-select__selected.is-open:after,
[data-v-fedab8d4] .custom-select .custom-select__selected:hover:after {
  background-color: var(--color-light-50) !important;
}
[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  background-color: var(--color-light-50) !important;
  border: none;
  color: var(--color-light-900);
  content: "";
  font-family: icons;
  font-size: 1.5rem;
  height: 28px;
  left: 2px;
  line-height: 1.5rem;
  padding: 2px;
  right: auto;
  top: 2px;
  width: 28px;
}
[data-v-fedab8d4] .custom-select .custom-select__items {
  height: 264px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.healthStat_1[data-v-fedab8d4] {
  background-color: var(--good);
  color: var(--good-sec);
}
.healthStat_1[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--good-sec-08);
}
.healthStat_1[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_2[data-v-fedab8d4] {
  background-color: var(--moderate);
  color: var(--moderate-sec);
}
.healthStat_2[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--moderate-sec-08);
}
.healthStat_2[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_3[data-v-fedab8d4] {
  background-color: var(--unhealthy-for-sensitive-groups);
  color: var(--unhealthy-for-sensitive-groups-sec);
}
.healthStat_3[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-for-sensitive-groups-sec-08);
}
.healthStat_3[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_4[data-v-fedab8d4] {
  background-color: var(--unhealthy);
  color: var(--unhealthy-sec);
}
.healthStat_4[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-sec-08);
}
.healthStat_4[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_5[data-v-fedab8d4] {
  background-color: var(--very-unhealthy);
  color: var(--very-unhealthy-sec);
}
.healthStat_5[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--very-unhealthy-sec-08);
}
.healthStat_5[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_6[data-v-fedab8d4] {
  background-color: var(--hazardous);
  color: var(--hazardous-sec);
}
.healthStat_6[data-v-fedab8d4] .custom-select .custom-select__selected {
  background-color: var(--hazardous-sec-08);
}
.healthStat_6[data-v-fedab8d4] .custom-select .custom-select__selected:after {
  content: "";
}
[data-v-fedab8d4] .breadcrumbs .breadcrumbs-link {
  color: var(--color-900);
}
[data-v-fedab8d4] .breadcrumbs .icon-chevron--right {
  color: var(--color-500);
}
[data-v-fedab8d4] .custom-select {
  margin-bottom: 16px;
  margin-top: 1px;
}
@media (min-width: 1024px) {
  [data-v-fedab8d4] .custom-select {
    margin-top: 8px;
  }
}
.pollution-block[data-v-fedab8d4] {
  box-shadow: 0 1px 3px #00000021;
  margin-bottom: 4px;
}
.pollution-block[data-v-fedab8d4] .breadcrumbs {
  margin: 0;
  padding: 0;
}
.pollution-block_wrap[data-v-fedab8d4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 8px 0;
}
@media (min-width: 1024px) {
  .pollution-block_wrap[data-v-fedab8d4] {
    padding: 20px 32px 0;
  }
}
.pollution-block_full[data-v-fedab8d4] {
  margin: 0 0 20px;
}
.pollution-block_flexi[data-v-fedab8d4],
.pollution-block_full[data-v-fedab8d4] {
  flex: 1 0 100%;
  padding: 0;
}
.pollution-block_flexi--col1[data-v-fedab8d4] {
  margin: 0 0 16px;
}
.pollution-block_flexi--col2[data-v-fedab8d4] {
  margin: 0 0 11px;
}
.pollution-block_flexi--col3[data-v-fedab8d4] {
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .pollution-block_flexi--col1[data-v-fedab8d4] {
    flex: 0 0 242px;
    margin: 0 0 20px;
  }
  .pollution-block_flexi--col2[data-v-fedab8d4] {
    flex: 0 0 298px;
    margin: 0 0 20px;
  }
  .pollution-block_flexi--col3[data-v-fedab8d4] {
    flex: 0 0 276px;
    margin: 0 0 20px;
  }
}
.pollution-block_timestamp[data-v-fedab8d4] {
  font-size: 0.625rem;
  line-height: 0.75rem;
  opacity: 0.44;
  text-transform: uppercase;
}
.pollution-block_score[data-v-fedab8d4] {
  display: inline-block;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 1024px) {
  .pollution-block_score[data-v-fedab8d4] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
  @supports (font-variation-settings: normal) {
    .pollution-block_score[data-v-fedab8d4] {
      font-variation-settings: "wght" 700;
    }
  }
  @supports not (font-variation-settings: normal) {
    .pollution-block_score[data-v-fedab8d4] {
      font-weight: 700;
    }
  }
}
.pollution-block_score-label[data-v-fedab8d4] {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-left: 12px;
}
@media (min-width: 1024px) {
  .pollution-block_score-label[data-v-fedab8d4] {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.pollution-block_score-dominant[data-v-fedab8d4] {
  text-transform: uppercase;
}
.pollution-block_score-name[data-v-fedab8d4] {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .pollution-block_score-name[data-v-fedab8d4] {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-top: 9px;
  }
}
.pollution-block_score-stats[data-v-fedab8d4] {
  column-count: 2;
  column-gap: 44px;
  margin-top: 5px;
}
@media (min-width: 1024px) {
  .pollution-block_score-stats[data-v-fedab8d4] {
    column-gap: 36px;
  }
}
.pollution-block_score-stats li[data-v-fedab8d4] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 10px;
}
.pollution-block_score-stats abbr[data-v-fedab8d4] {
  opacity: 0.44;
}
.pollution-block_score-stats-wrap[data-v-fedab8d4] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.pollution-block_legend-block[data-v-fedab8d4] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 1024px) {
  .pollution-block_legend-block[data-v-fedab8d4] {
    flex-direction: row;
  }
}
.pollution-block_legend-list[data-v-fedab8d4] {
  font-size: 0.75rem;
  letter-spacing: 0.16px;
  line-height: 0.9375rem;
  opacity: 0.44;
}
.pollution-block_legend-list li[data-v-fedab8d4] {
  margin-bottom: 12px;
}
.pollution-block_source-link[data-v-fedab8d4] {
  align-self: flex-start;
  font-size: 0.75rem;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .pollution-block_source-link[data-v-fedab8d4] {
    align-self: flex-end;
    bottom: 12px;
    position: relative;
    right: 0;
  }
}
.pollution-block_source-link .icon-launch[data-v-fedab8d4] {
  position: relative;
  top: 1px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-783d2960] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-783d2960] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-783d2960],
  .comment-reply-bubble[data-v-783d2960],
  [data-v-783d2960] .custom-select .custom-select__selected {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-783d2960],
  .comment-reply-bubble[data-v-783d2960],
  [data-v-783d2960] .custom-select .custom-select__selected {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-783d2960],
  .pollution-details_title[data-v-783d2960] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-783d2960],
  .pollution-details_title[data-v-783d2960] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .pollution-details_value[data-v-783d2960] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .pollution-details_value[data-v-783d2960] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-783d2960],
  .comment-title[data-v-783d2960] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-783d2960],
  .comment-title[data-v-783d2960] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-783d2960] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-783d2960] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-783d2960] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-783d2960] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-783d2960] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-783d2960] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-783d2960] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-783d2960] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-783d2960] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-783d2960] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-783d2960] {
  margin-bottom: 16px;
}
.comment-header[data-v-783d2960] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-783d2960] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-783d2960] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-783d2960] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-783d2960] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-783d2960] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-783d2960]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-783d2960],
.comment-page .comment-header.is-sticky[data-v-783d2960] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-783d2960] {
  animation: slideInDown-783d2960 0.32s ease-in-out;
}
@keyframes slideInDown-783d2960 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-783d2960] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-783d2960] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-783d2960]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-783d2960]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-783d2960] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-783d2960] {
  animation: slideOutUp-783d2960 0.32s ease-in-out;
}
@keyframes slideOutUp-783d2960 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-783d2960] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-783d2960] {
  margin-left: 8px;
}
.comment-title span[data-v-783d2960] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-783d2960] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-783d2960] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-783d2960] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-783d2960]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-783d2960] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-783d2960] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-783d2960] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-783d2960] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-783d2960] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-783d2960],
.comment-page.post-fixed .comment-post-body[data-v-783d2960] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-783d2960] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-783d2960] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-783d2960] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-783d2960] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-783d2960] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-783d2960] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-783d2960] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-783d2960] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-783d2960] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-783d2960],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-783d2960] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-783d2960] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-783d2960] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-783d2960],
.comment-page.post-fixed .comment-post-body.active[data-v-783d2960] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-783d2960],
  .comment-page.post-fixed .comment-post-body.active[data-v-783d2960] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-783d2960],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-783d2960] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-783d2960] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-783d2960] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-783d2960] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-783d2960] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-783d2960] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-783d2960] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-783d2960] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-783d2960] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-783d2960] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-783d2960] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-783d2960]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-783d2960]:focus,
.comment-input-field.textarea[data-v-783d2960]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-783d2960]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-783d2960] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-783d2960] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-783d2960] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-783d2960] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-783d2960] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-783d2960] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-783d2960] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-783d2960] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-783d2960]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-783d2960] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-783d2960],
.comment-send-btn.disabled .icon-send[data-v-783d2960] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-783d2960]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-783d2960] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-783d2960] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-783d2960] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-783d2960] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-783d2960] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-783d2960] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-783d2960] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-783d2960] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-783d2960] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-783d2960] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-783d2960] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-783d2960] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-783d2960] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-783d2960] {
  align-items: center;
  animation: blink-783d2960 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-783d2960 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-783d2960] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-783d2960] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-783d2960] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-783d2960] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-783d2960] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-783d2960] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-783d2960]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-783d2960] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-783d2960] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-783d2960] {
  margin: 0 0 0 -8px;
}
[data-v-783d2960] .custom-select {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 220px;
  width: 100%;
}
[data-v-783d2960] .custom-select .custom-select__selected {
  color: var(--color-900);
  padding: 0 24px 0 38px;
  width: 100%;
}
[data-v-783d2960] .custom-select .custom-select__selected.is-open,
[data-v-783d2960] .custom-select .custom-select__selected:hover {
  background-color: var(--color-200) !important;
}
[data-v-783d2960] .custom-select .custom-select__selected.is-open:after,
[data-v-783d2960] .custom-select .custom-select__selected:hover:after {
  background-color: var(--color-light-50) !important;
}
[data-v-783d2960] .custom-select .custom-select__selected:after {
  background-color: var(--color-light-50) !important;
  border: none;
  color: var(--color-light-900);
  content: "";
  font-family: icons;
  font-size: 1.5rem;
  height: 28px;
  left: 2px;
  line-height: 1.5rem;
  padding: 2px;
  right: auto;
  top: 2px;
  width: 28px;
}
[data-v-783d2960] .custom-select .custom-select__items {
  height: 264px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.healthStat_1[data-v-783d2960] {
  background-color: var(--good);
  color: var(--good-sec);
}
.healthStat_1[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--good-sec-08);
}
.healthStat_1[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_2[data-v-783d2960] {
  background-color: var(--moderate);
  color: var(--moderate-sec);
}
.healthStat_2[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--moderate-sec-08);
}
.healthStat_2[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_3[data-v-783d2960] {
  background-color: var(--unhealthy-for-sensitive-groups);
  color: var(--unhealthy-for-sensitive-groups-sec);
}
.healthStat_3[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-for-sensitive-groups-sec-08);
}
.healthStat_3[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_4[data-v-783d2960] {
  background-color: var(--unhealthy);
  color: var(--unhealthy-sec);
}
.healthStat_4[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-sec-08);
}
.healthStat_4[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_5[data-v-783d2960] {
  background-color: var(--very-unhealthy);
  color: var(--very-unhealthy-sec);
}
.healthStat_5[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--very-unhealthy-sec-08);
}
.healthStat_5[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_6[data-v-783d2960] {
  background-color: var(--hazardous);
  color: var(--hazardous-sec);
}
.healthStat_6[data-v-783d2960] .custom-select .custom-select__selected {
  background-color: var(--hazardous-sec-08);
}
.healthStat_6[data-v-783d2960] .custom-select .custom-select__selected:after {
  content: "";
}
.pollution-details[data-v-783d2960] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  margin: 0 0 4px;
  overflow: hidden;
  padding-bottom: 12px;
}
@media (min-width: 1024px) {
  .pollution-details[data-v-783d2960] {
    padding-bottom: 0;
  }
}
.pollution-details .card-header-wrap[data-v-783d2960] {
  height: 48px;
  padding: 0 8px;
  width: 100%;
}
.pollution-details_wrap[data-v-783d2960] {
  display: flex;
  flex-wrap: wrap;
}
.pollution-details_box[data-v-783d2960] {
  padding: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .pollution-details_box[data-v-783d2960] {
    flex: 0 0 352px;
    padding: 8px;
  }
}
.pollution-details_box[data-v-783d2960]:after,
.pollution-details_box[data-v-783d2960]:before {
  background-color: var(--color-200);
  content: "";
  display: block;
  position: absolute;
}
.pollution-details_box[data-v-783d2960]:after {
  display: none;
}
.pollution-details_box[data-v-783d2960]:before {
  height: 1px;
  left: 8px;
  top: 0;
  width: calc(100% - 16px);
}
@media (min-width: 1024px) {
  .pollution-details_box[data-v-783d2960]:after {
    display: block;
    height: calc(100% - 16px);
    right: 0;
    top: 8px;
    width: 1px;
  }
  .pollution-details_box[data-v-783d2960]:before {
    left: 8px;
    width: calc(100% - 8px);
  }
  .pollution-details_box[data-v-783d2960]:nth-child(2n):after {
    display: none;
  }
  .pollution-details_box[data-v-783d2960]:nth-child(2n):before {
    left: 0;
  }
}
.pollution-details_box-header[data-v-783d2960] {
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 16px;
}
.pollution-details_box-header-icon[data-v-783d2960] {
  align-content: center;
  background-color: var(--color-light-50);
  border-radius: 50%;
  display: flex;
  flex: 0 0 36px;
  flex-wrap: wrap;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.pollution-details_box-header-icon i[data-v-783d2960] {
  color: var(--color-light-900);
  display: block;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.pollution-details_value[data-v-783d2960] {
  align-self: flex-end;
  display: block;
  flex: 0 1 auto;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 8px;
}
.pollution-details_name[data-v-783d2960] {
  display: block;
  flex: 1 0 100%;
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
.pollution-details_title[data-v-783d2960] {
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-bottom: 12px;
}
.pollution-details_info[data-v-783d2960] {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 12px;
}
.pollution-details_info[data-v-783d2960]:last-of-type {
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ccf06b57],
  .pollution-widget_score-label[data-v-ccf06b57] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ccf06b57],
  .pollution-widget_score-label[data-v-ccf06b57] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ccf06b57],
  .comment-reply-bubble[data-v-ccf06b57],
  [data-v-ccf06b57] .custom-select .custom-select__selected {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ccf06b57],
  .comment-reply-bubble[data-v-ccf06b57],
  [data-v-ccf06b57] .custom-select .custom-select__selected {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ccf06b57],
  .pollution-widget_score[data-v-ccf06b57] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ccf06b57],
  .pollution-widget_score[data-v-ccf06b57] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .pollution-widget_timestamp[data-v-ccf06b57] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .pollution-widget_timestamp[data-v-ccf06b57] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ccf06b57],
  .comment-title[data-v-ccf06b57] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ccf06b57],
  .comment-title[data-v-ccf06b57] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ccf06b57] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ccf06b57] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ccf06b57] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ccf06b57] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ccf06b57] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ccf06b57] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ccf06b57] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ccf06b57] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ccf06b57] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ccf06b57] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ccf06b57] {
  margin-bottom: 16px;
}
.comment-header[data-v-ccf06b57] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ccf06b57] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ccf06b57] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ccf06b57] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ccf06b57] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ccf06b57] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ccf06b57]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ccf06b57],
.comment-page .comment-header.is-sticky[data-v-ccf06b57] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ccf06b57] {
  animation: slideInDown-ccf06b57 0.32s ease-in-out;
}
@keyframes slideInDown-ccf06b57 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ccf06b57] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ccf06b57] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ccf06b57]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ccf06b57]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ccf06b57] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ccf06b57] {
  animation: slideOutUp-ccf06b57 0.32s ease-in-out;
}
@keyframes slideOutUp-ccf06b57 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ccf06b57] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ccf06b57] {
  margin-left: 8px;
}
.comment-title span[data-v-ccf06b57] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ccf06b57] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ccf06b57] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ccf06b57] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ccf06b57]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ccf06b57] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ccf06b57] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ccf06b57] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ccf06b57] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ccf06b57] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ccf06b57],
.comment-page.post-fixed .comment-post-body[data-v-ccf06b57] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ccf06b57] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ccf06b57] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ccf06b57] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ccf06b57] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ccf06b57] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ccf06b57] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ccf06b57] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ccf06b57] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ccf06b57] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ccf06b57],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ccf06b57] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ccf06b57] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ccf06b57] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ccf06b57],
.comment-page.post-fixed .comment-post-body.active[data-v-ccf06b57] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ccf06b57],
  .comment-page.post-fixed .comment-post-body.active[data-v-ccf06b57] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ccf06b57],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ccf06b57] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ccf06b57] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ccf06b57] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ccf06b57] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ccf06b57] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ccf06b57] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ccf06b57] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ccf06b57] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ccf06b57] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ccf06b57] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ccf06b57] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ccf06b57]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ccf06b57]:focus,
.comment-input-field.textarea[data-v-ccf06b57]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ccf06b57]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ccf06b57] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ccf06b57] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ccf06b57] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ccf06b57] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ccf06b57] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ccf06b57] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ccf06b57] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ccf06b57] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ccf06b57]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ccf06b57] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ccf06b57],
.comment-send-btn.disabled .icon-send[data-v-ccf06b57] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ccf06b57]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ccf06b57] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ccf06b57] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ccf06b57] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ccf06b57] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ccf06b57] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ccf06b57] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ccf06b57] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ccf06b57] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ccf06b57] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ccf06b57] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ccf06b57] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ccf06b57] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ccf06b57] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ccf06b57] {
  align-items: center;
  animation: blink-ccf06b57 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ccf06b57 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ccf06b57] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ccf06b57] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ccf06b57] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ccf06b57] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ccf06b57] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ccf06b57] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ccf06b57]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ccf06b57] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ccf06b57] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ccf06b57] {
  margin: 0 0 0 -8px;
}
[data-v-ccf06b57] .custom-select {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 220px;
  width: 100%;
}
[data-v-ccf06b57] .custom-select .custom-select__selected {
  color: var(--color-900);
  padding: 0 24px 0 38px;
  width: 100%;
}
[data-v-ccf06b57] .custom-select .custom-select__selected.is-open,
[data-v-ccf06b57] .custom-select .custom-select__selected:hover {
  background-color: var(--color-200) !important;
}
[data-v-ccf06b57] .custom-select .custom-select__selected.is-open:after,
[data-v-ccf06b57] .custom-select .custom-select__selected:hover:after {
  background-color: var(--color-light-50) !important;
}
[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  background-color: var(--color-light-50) !important;
  border: none;
  color: var(--color-light-900);
  content: "";
  font-family: icons;
  font-size: 1.5rem;
  height: 28px;
  left: 2px;
  line-height: 1.5rem;
  padding: 2px;
  right: auto;
  top: 2px;
  width: 28px;
}
[data-v-ccf06b57] .custom-select .custom-select__items {
  height: 264px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.healthStat_1[data-v-ccf06b57] {
  background-color: var(--good);
  color: var(--good-sec);
}
.healthStat_1[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--good-sec-08);
}
.healthStat_1[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_2[data-v-ccf06b57] {
  background-color: var(--moderate);
  color: var(--moderate-sec);
}
.healthStat_2[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--moderate-sec-08);
}
.healthStat_2[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_3[data-v-ccf06b57] {
  background-color: var(--unhealthy-for-sensitive-groups);
  color: var(--unhealthy-for-sensitive-groups-sec);
}
.healthStat_3[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-for-sensitive-groups-sec-08);
}
.healthStat_3[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_4[data-v-ccf06b57] {
  background-color: var(--unhealthy);
  color: var(--unhealthy-sec);
}
.healthStat_4[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--unhealthy-sec-08);
}
.healthStat_4[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_5[data-v-ccf06b57] {
  background-color: var(--very-unhealthy);
  color: var(--very-unhealthy-sec);
}
.healthStat_5[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--very-unhealthy-sec-08);
}
.healthStat_5[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
.healthStat_6[data-v-ccf06b57] {
  background-color: var(--hazardous);
  color: var(--hazardous-sec);
}
.healthStat_6[data-v-ccf06b57] .custom-select .custom-select__selected {
  background-color: var(--hazardous-sec-08);
}
.healthStat_6[data-v-ccf06b57] .custom-select .custom-select__selected:after {
  content: "";
}
[data-v-ccf06b57] .custom-select {
  margin: 0 0 12px;
}
.pollution-widget[data-v-ccf06b57] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  margin-bottom: 4px;
  padding: 0 0 8px;
}
@media (min-width: 1024px) {
  .pollution-widget[data-v-ccf06b57] {
    border-radius: 0;
  }
}
.pollution-widget .card-header-wrap[data-v-ccf06b57] {
  border-radius: 0;
}
.pollution-widget[data-v-ccf06b57] .card-header {
  height: 48px;
  padding: 0 8px;
}
.pollution-widget[data-v-ccf06b57] .card-header .card-header__icon {
  background-color: var(--color-50);
}
@media (min-width: 1024px) {
  .pollution-widget[data-v-ccf06b57] .card-header .card-header__icon:hover {
    background-color: var(--color-200);
  }
}
.pollution-widget_row[data-v-ccf06b57] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.pollution-widget_wrap[data-v-ccf06b57] {
  border-radius: 0;
  margin: 0 8px;
  padding: 12px 16px 16px;
}
.pollution-widget_timestamp[data-v-ccf06b57] {
  font-size: 0.625rem;
  margin-bottom: 12px;
  opacity: 0.52;
  padding: 0;
  text-transform: uppercase;
}
.pollution-widget_score[data-v-ccf06b57] {
  display: inline-block;
  font-size: 1.875rem;
  padding: 0;
}
.pollution-widget_score-label[data-v-ccf06b57] {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-left: 12px;
  position: relative;
  top: 1px;
}
.pollution-widget_score-dominant[data-v-ccf06b57] {
  text-transform: uppercase;
}
.pollution-widget_score-name[data-v-ccf06b57] {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 8px;
  padding: 0 8px 0 0;
}
.pollution-widget_source-link[data-v-ccf06b57] {
  align-self: flex-end;
  font-size: 0.75rem;
  margin: 0 0 3px;
  white-space: nowrap;
}
.pollution-widget_source-link .icon-launch[data-v-ccf06b57] {
  position: relative;
  top: 1px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field,
  .horoscope__content {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field,
  .horoscope__content {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info,
  .horoscope__sign_name {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info,
  .horoscope__sign_name {
    font-weight: 700;
  }
}
.horoscope__sign {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .horoscope__sign {
    margin: 20px auto;
    max-width: 640px;
  }
}
.horoscope svg {
  display: block;
  height: 90px;
  margin: 0 auto 8px;
  width: 90px;
  fill: var(--color-900);
}
.horoscope__sign_name {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  margin-bottom: 8px;
}
.horoscope__content,
.horoscope__sign_name {
  color: var(--color-900);
  display: block;
  text-align: center;
}
.horoscope__content {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin-bottom: 20px;
}
.horoscope__divider {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4d65f313] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4d65f313] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4d65f313],
  .comment-reply-bubble[data-v-4d65f313] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4d65f313],
  .comment-reply-bubble[data-v-4d65f313] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4d65f313] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4d65f313] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4d65f313],
  .comment-title[data-v-4d65f313] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4d65f313],
  .comment-title[data-v-4d65f313] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4d65f313] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4d65f313] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4d65f313] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4d65f313] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4d65f313] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4d65f313] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4d65f313] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4d65f313] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4d65f313] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4d65f313] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4d65f313] {
  margin-bottom: 16px;
}
.comment-header[data-v-4d65f313] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4d65f313] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4d65f313] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4d65f313] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4d65f313] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4d65f313] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4d65f313]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4d65f313],
.comment-page .comment-header.is-sticky[data-v-4d65f313] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4d65f313] {
  animation: slideInDown-4d65f313 0.32s ease-in-out;
}
@keyframes slideInDown-4d65f313 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4d65f313] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4d65f313] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4d65f313]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4d65f313]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4d65f313] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4d65f313] {
  animation: slideOutUp-4d65f313 0.32s ease-in-out;
}
@keyframes slideOutUp-4d65f313 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4d65f313] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4d65f313] {
  margin-left: 8px;
}
.comment-title span[data-v-4d65f313] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4d65f313] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4d65f313] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4d65f313] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4d65f313]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4d65f313] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4d65f313] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4d65f313] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4d65f313] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4d65f313] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4d65f313],
.comment-page.post-fixed .comment-post-body[data-v-4d65f313] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4d65f313] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4d65f313] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4d65f313] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4d65f313] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4d65f313] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4d65f313] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4d65f313] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4d65f313] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4d65f313] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4d65f313],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4d65f313] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4d65f313] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4d65f313] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4d65f313],
.comment-page.post-fixed .comment-post-body.active[data-v-4d65f313] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4d65f313],
  .comment-page.post-fixed .comment-post-body.active[data-v-4d65f313] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4d65f313],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4d65f313] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4d65f313] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4d65f313] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4d65f313] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4d65f313] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4d65f313] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4d65f313] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4d65f313] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4d65f313] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4d65f313] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4d65f313] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4d65f313]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4d65f313]:focus,
.comment-input-field.textarea[data-v-4d65f313]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4d65f313]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4d65f313] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4d65f313] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4d65f313] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4d65f313] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4d65f313] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4d65f313] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4d65f313] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4d65f313] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4d65f313]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4d65f313] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4d65f313],
.comment-send-btn.disabled .icon-send[data-v-4d65f313] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4d65f313]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4d65f313] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4d65f313] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4d65f313] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4d65f313] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4d65f313] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4d65f313] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4d65f313] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4d65f313] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4d65f313] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4d65f313] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4d65f313] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4d65f313] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4d65f313] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4d65f313] {
  align-items: center;
  animation: blink-4d65f313 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4d65f313 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4d65f313] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4d65f313] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4d65f313] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4d65f313] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4d65f313] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4d65f313] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4d65f313]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4d65f313] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4d65f313] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4d65f313] {
  margin: 0 0 0 -8px;
}
.article-tags[data-v-4d65f313] {
  height: 32px;
  margin: 0 -16px 16px;
  overflow-x: auto;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .article-tags[data-v-4d65f313] {
    height: auto;
    margin: 0 -8px 16px;
    overflow-x: unset;
    width: calc(100% + 16px);
  }
}
.article-tags__wrapper[data-v-4d65f313] {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .article-tags__wrapper[data-v-4d65f313] {
    overflow-x: unset;
  }
}
.article-tags__list[data-v-4d65f313] {
  align-items: center;
  column-gap: 8px;
  display: flex;
  height: 100%;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .article-tags__list[data-v-4d65f313] {
    align-items: unset;
    flex-wrap: wrap;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.article-tags__list[data-v-4d65f313]::-webkit-scrollbar,
.article-tags__list[data-v-4d65f313]::-webkit-scrollbar-track {
  display: none;
  height: 0;
  width: 0;
}
.article-tags__list[data-v-4d65f313]::-webkit-scrollbar-thumb {
  display: none;
  height: 0;
  width: 0;
}
@media (min-width: 1024px) {
  .is-storytelling .article-tags__list[data-v-4d65f313] {
    padding: 0;
  }
}
.article-tags__tag[data-v-4d65f313] {
  display: inline-block;
  list-style-type: none;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .article-tags__tag[data-v-4d65f313] {
    padding-bottom: 8px;
  }
}
.article-tags__tag[data-v-4d65f313]:first-of-type {
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .article-tags__tag[data-v-4d65f313]:first-of-type {
    padding-left: 0;
  }
}
.article-tags__tag[data-v-4d65f313]:last-of-type {
  padding-right: 8px;
}
@media (min-width: 1024px) {
  .article-tags__tag[data-v-4d65f313]:last-of-type {
    padding-right: 0;
  }
}
.article-tags__tag-link[data-v-4d65f313] {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 0;
  color: var(--color-900);
  display: flex;
  font-size: 0.8125rem;
  justify-content: center;
  letter-spacing: 0.27px;
  min-height: 32px;
  padding: 8px;
  text-transform: uppercase;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .article-tags__tag-link[data-v-4d65f313] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .article-tags__tag-link[data-v-4d65f313] {
    font-weight: 500;
  }
}
.dark .article-tags__tag-link[data-v-4d65f313] {
  box-shadow: inset 0 0 0 1px #ffffff1f;
}
@media (min-width: 1024px) {
  .article-tags__tag-link[data-v-4d65f313]:hover {
    background-color: var(--color-200);
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info,
  .flatpages .html-text-element h2,
  .flatpages .html-text-element h3,
  .flatpages .html-text-element ol li:before,
  .flatpages .html-text-element strong,
  .flatpages .html-text-element ul li:before {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info,
  .flatpages .html-text-element h2,
  .flatpages .html-text-element h3,
  .flatpages .html-text-element ol li:before,
  .flatpages .html-text-element strong,
  .flatpages .html-text-element ul li:before {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .flatpages .article-download__file-link,
  .flatpages .html-text-element .flatpages-quotes p,
  .flatpages .html-text-element h4,
  .flatpages .html-text-element h5,
  .flatpages .html-text-element h6 {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .flatpages .article-download__file-link,
  .flatpages .html-text-element .flatpages-quotes p,
  .flatpages .html-text-element h4,
  .flatpages .html-text-element h5,
  .flatpages .html-text-element h6 {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login,
  .comment-title,
  .flatpages .html-text-element h1 {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login,
  .comment-title,
  .flatpages .html-text-element h1 {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .flatpages.cookie-page .html-text-element {
    padding: 24px 24px 48px;
  }
}
.flatpages .html-text-element {
  background-color: var(--color-50);
  padding: 20px 16px 24px;
}
@media (min-width: 429px) {
  .flatpages .html-text-element {
    border-radius: 0;
    box-shadow: 0 1px 3px #00000021;
    margin: 4px 0 128px;
  }
}
@media (min-width: 1024px) {
  .flatpages .html-text-element {
    padding: 24px 192px 48px;
  }
}
.flatpages .html-text-element h1 {
  font-size: 1.75rem;
  line-height: 2.125rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element h1 {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.flatpages .html-text-element h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element h2 {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
  }
}
.flatpages .html-text-element h3 {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element h3 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.flatpages .html-text-element h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element h4 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.flatpages .html-text-element h5,
.flatpages .html-text-element h6 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element h5,
  .flatpages .html-text-element h6 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.flatpages .html-text-element em,
.flatpages .html-text-element strong {
  word-break: break-word;
}
.flatpages .html-text-element em {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
.flatpages .html-text-element a {
  background-image: linear-gradient(var(--accent), var(--accent));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-size: 100% 1px;
  color: var(--accent);
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element a:hover {
    background-image: linear-gradient(var(--accent-hover), var(--accent-hover));
  }
}
.flatpages .html-text-element a:after {
  content: "";
  font-family: icons;
  font-size: 16px;
  margin-left: 4px;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element a:hover {
    color: var(--btn-prim-hover);
  }
}
.flatpages .html-text-element a[href^="https://www.kurir.rs"]:after
{
  display: none;
}
.flatpages .html-text-element .breadcrumbs a {
  background-image: none;
  background-position: unset;
  background-size: unset;
}
.flatpages .html-text-element .breadcrumbs a:after {
  display: none;
}
.flatpages .html-text-element ol,
.flatpages .html-text-element ul {
  list-style-position: inside;
  margin-bottom: 24px;
}
.flatpages .html-text-element ol li,
.flatpages .html-text-element ul li {
  display: block;
  margin-bottom: 12px;
  margin-left: 32px;
  position: relative;
}
.flatpages .html-text-element ol li:last-of-type,
.flatpages .html-text-element ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element ol li,
  .flatpages .html-text-element ul li {
    margin-left: 34px;
  }
}
.flatpages .html-text-element ol {
  counter-reset: item;
}
.flatpages .html-text-element ol li:before {
  color: var(--accent);
  content: counter(item);
  counter-increment: item;
  left: -32px;
  position: absolute;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element ol li:before {
    left: -34px;
  }
}
.flatpages .html-text-element ul li:before {
  color: var(--accent);
  content: "•";
  left: -32px;
  position: absolute;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element ul li:before {
    left: -34px;
  }
}
.flatpages .html-text-element h1,
.flatpages .html-text-element h2,
.flatpages .html-text-element h3,
.flatpages .html-text-element h4,
.flatpages .html-text-element h5,
.flatpages .html-text-element h6,
.flatpages .html-text-element p {
  color: var(--color-900);
  margin-bottom: 24px;
  word-break: break-word;
}
.flatpages .html-text-element .table__container:last-child,
.flatpages .html-text-element h1:last-child,
.flatpages .html-text-element h2:last-child,
.flatpages .html-text-element h3:last-child,
.flatpages .html-text-element h4:last-child,
.flatpages .html-text-element h5:last-child,
.flatpages .html-text-element h6:last-child,
.flatpages .html-text-element ol li:last-child,
.flatpages .html-text-element ol:last-child,
.flatpages .html-text-element p:last-child,
.flatpages .html-text-element ul li:last-child,
.flatpages .html-text-element ul:last-child {
  margin-bottom: 0;
}
.flatpages .html-text-element li,
.flatpages .html-text-element p {
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element li,
  .flatpages .html-text-element p {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.flatpages .html-text-element .flatpages-quotes {
  border-bottom: 4px solid var(--accent);
  border-top: 4px solid var(--accent);
  margin-bottom: 24px;
  padding: 19px 16px;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element .flatpages-quotes {
    margin: 0 -24px 24px;
    padding: 20px 24px;
  }
}
.flatpages .html-text-element .flatpages-quotes p {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element .flatpages-quotes p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.flatpages .html-text-element .table__container {
  border: 1px solid var(--color-100);
  display: block;
  margin-bottom: 24px;
  overflow: hidden;
  overflow-x: auto;
  padding: 0 10px 10px;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element .table__container {
    margin: 0 0 24px;
  }
}
.flatpages .html-text-element .table__container table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin: 0;
  min-width: 938px;
  padding: 0;
  table-layout: fixed;
  vertical-align: initial;
  width: 100%;
}
@media (min-width: 1024px) {
  .flatpages .html-text-element .table__container table {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.flatpages .html-text-element .table__container tr:nth-child(2n) {
  background: var(--color-75);
}
.flatpages .html-text-element .table__container th {
  border-bottom: 1px solid var(--color-100);
  overflow: hidden;
  padding: 10px;
  text-align: left;
}
.flatpages .html-text-element .table__container td {
  padding: 10px;
  text-overflow: ellipsis;
  vertical-align: top;
  word-wrap: break-word;
}
.flatpages .html-text-element .table__container td:nth-child(3) {
  padding-right: 30px;
}
.flatpages .article-download__file {
  margin-bottom: 24px;
}
.flatpages .article-download__file-link {
  align-items: center;
  background-color: var(--color-50);
  background-image: none !important;
  border: 2px solid var(--color-300);
  border-radius: 0;
  color: var(--color-900) !important;
  display: inline-flex;
  font-size: 0.875rem;
  justify-content: flex-start;
  min-height: 40px;
  padding: 6px 22px 6px 10px;
  transition: all 0.2s;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .flatpages .article-download__file-link:hover {
    background-color: var(--color-100);
  }
}
.flatpages .article-download__file-link:after {
  display: none;
}
.flatpages .article-download__file-name {
  padding: 4px 0 3px;
}
.flatpages .article-download__file-icon {
  font-size: 1.5rem;
  margin-right: 12px;
}
.html-text-element .breadcrumbs {
  align-items: center;
  display: flex;
  margin: 0 -16px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 15px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.html-text-element .breadcrumbs::-webkit-scrollbar {
  display: none;
  height: 0;
}
.html-text-element .breadcrumbs::-webkit-scrollbar-thumb,
.html-text-element .breadcrumbs::-webkit-scrollbar-track {
  height: 0;
}
.html-text-element .breadcrumbs.is-grabbing {
  cursor: grabbing;
}
.flatpages .html-text-element .breadcrumbs {
  margin-bottom: 20px;
}
.html-text-element .breadcrumbs-wrap {
  position: relative;
}
.html-text-element .breadcrumbs-gradient {
  bottom: 0;
  content: "";
  display: none;
  height: auto;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 2;
}
@media (min-width: 429px) {
  .html-text-element .breadcrumbs-gradient {
    display: block;
  }
}
.html-text-element .breadcrumbs-gradient.is-left {
  background-image: var(--color-50-scrim-leading);
  left: -15px;
}
.html-text-element .breadcrumbs-gradient.is-right {
  background-image: var(--color-50-scrim-trailing);
  right: -15px;
}
.html-text-element .breadcrumbs-icon-container {
  align-items: center;
  display: flex;
}
.html-text-element .breadcrumbs-link {
  color: var(--breadcrumbs-color);
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 2px;
  transition: all 0.15s;
  white-space: nowrap;
}
.html-text-element .breadcrumbs-link:first-child {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .html-text-element .breadcrumbs-link {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
.flatpages .html-text-element .breadcrumbs-link,
.storytelling .html-text-element .breadcrumbs-link {
  color: var(--breadcrumbs-color-special);
}
@media (min-width: 1024px) {
  .flatpages .html-text-element .breadcrumbs-link:hover,
  .storytelling .html-text-element .breadcrumbs-link:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.html-text-element .breadcrumbs .icon-chevron--right {
  color: var(--breadcrumbs-chevron);
}
.mosaic-form {
  height: 1300px;
}
@media (min-width: 429px) {
  .mosaic-form {
    height: 1200px;
  }
}
@media (min-width: 1024px) {
  .mosaic-form {
    height: 1150px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a2c30487] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a2c30487] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a2c30487],
  .comment-reply-bubble[data-v-a2c30487] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a2c30487],
  .comment-reply-bubble[data-v-a2c30487] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a2c30487] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a2c30487] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a2c30487],
  .comment-title[data-v-a2c30487] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a2c30487],
  .comment-title[data-v-a2c30487] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a2c30487] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a2c30487] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a2c30487] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a2c30487] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a2c30487] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a2c30487] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a2c30487] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a2c30487] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a2c30487] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a2c30487] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a2c30487] {
  margin-bottom: 16px;
}
.comment-header[data-v-a2c30487] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a2c30487] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a2c30487] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a2c30487] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a2c30487] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a2c30487] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a2c30487]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a2c30487],
.comment-page .comment-header.is-sticky[data-v-a2c30487] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a2c30487] {
  animation: slideInDown-a2c30487 0.32s ease-in-out;
}
@keyframes slideInDown-a2c30487 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a2c30487] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a2c30487] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a2c30487]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a2c30487]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a2c30487] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a2c30487] {
  animation: slideOutUp-a2c30487 0.32s ease-in-out;
}
@keyframes slideOutUp-a2c30487 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a2c30487] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a2c30487] {
  margin-left: 8px;
}
.comment-title span[data-v-a2c30487] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a2c30487] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a2c30487] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a2c30487] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a2c30487]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a2c30487] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a2c30487] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a2c30487] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a2c30487] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a2c30487] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a2c30487],
.comment-page.post-fixed .comment-post-body[data-v-a2c30487] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a2c30487] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a2c30487] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a2c30487] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a2c30487] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a2c30487] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a2c30487] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a2c30487] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a2c30487] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a2c30487] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a2c30487],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a2c30487] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a2c30487] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a2c30487] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a2c30487],
.comment-page.post-fixed .comment-post-body.active[data-v-a2c30487] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a2c30487],
  .comment-page.post-fixed .comment-post-body.active[data-v-a2c30487] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a2c30487],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a2c30487] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a2c30487] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a2c30487] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a2c30487] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a2c30487] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a2c30487] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a2c30487] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a2c30487] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a2c30487] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a2c30487] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a2c30487] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a2c30487]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a2c30487]:focus,
.comment-input-field.textarea[data-v-a2c30487]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a2c30487]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a2c30487] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a2c30487] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a2c30487] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a2c30487] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a2c30487] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a2c30487] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a2c30487] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a2c30487] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a2c30487]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a2c30487] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a2c30487],
.comment-send-btn.disabled .icon-send[data-v-a2c30487] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a2c30487]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a2c30487] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a2c30487] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a2c30487] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a2c30487] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a2c30487] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a2c30487] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a2c30487] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a2c30487] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a2c30487] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a2c30487] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a2c30487] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a2c30487] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a2c30487] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a2c30487] {
  align-items: center;
  animation: blink-a2c30487 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a2c30487 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a2c30487] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a2c30487] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a2c30487] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a2c30487] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a2c30487] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a2c30487] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a2c30487]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a2c30487] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a2c30487] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a2c30487] {
  margin: 0 0 0 -8px;
}
.main-container[data-v-a2c30487] {
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.loader-container[data-v-a2c30487] {
  background-color: var(--color-50);
  width: 100%;
}
.is-feed-no-header .loader-container[data-v-a2c30487] {
  background-color: initial;
}
.external-feed-layout .is-stil-widget .loader-container[data-v-a2c30487] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .below-article-content .loader-container[data-v-a2c30487] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -8px;
    width: calc(100% + 16px);
  }
}
.single-article[data-v-a2c30487] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
  padding-top: 9px;
  position: relative;
}
.single-article[data-v-a2c30487]:after {
  background-color: var(--color-200);
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 100%;
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(-n + 2) {
  margin-top: 0;
  padding-top: 0;
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(-n + 2):after {
  display: none;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(2) {
    margin-top: 8px;
    padding-top: 8px;
  }
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(2):after {
    display: block;
  }
}
.below-article-content .single-article[data-v-a2c30487]:nth-child(n + 4),
.feed-3-news .single-article[data-v-a2c30487]:nth-child(n + 4),
.feed-4-news .single-article[data-v-a2c30487]:nth-child(n + 5),
.feed-5-news .single-article[data-v-a2c30487]:nth-child(n + 6),
.feed-6-news .single-article[data-v-a2c30487]:nth-child(n + 7),
.feed-without-narrow-3-news .single-article[data-v-a2c30487]:nth-child(n + 4),
.feed-without-narrow-4-news .single-article[data-v-a2c30487]:nth-child(n + 5),
.feed-without-narrow-5-news .single-article[data-v-a2c30487]:nth-child(n + 6),
.feed-without-narrow-6-news .single-article[data-v-a2c30487]:nth-child(n + 7),
.full-width-3-news .single-article[data-v-a2c30487]:nth-child(n + 4),
.full-width-4-news .single-article[data-v-a2c30487]:nth-child(n + 5),
.full-width-5-news .single-article[data-v-a2c30487]:nth-child(n + 6),
.full-width-6-news .single-article[data-v-a2c30487]:nth-child(n + 7),
.narrow-3-news .single-article[data-v-a2c30487]:nth-child(n + 4),
.narrow-4-news .single-article[data-v-a2c30487]:nth-child(n + 5),
.narrow-5-news .single-article[data-v-a2c30487]:nth-child(n + 6),
.narrow-6-news .single-article[data-v-a2c30487]:nth-child(n + 7),
.sidebar-3-news .single-article[data-v-a2c30487]:nth-child(n + 4),
.sidebar-4-news .single-article[data-v-a2c30487]:nth-child(n + 5),
.sidebar-5-news .single-article[data-v-a2c30487]:nth-child(n + 6),
.sidebar-6-news .single-article[data-v-a2c30487]:nth-child(n + 7) {
  display: none;
}
@media (min-width: 1024px) {
  .below-article-content .single-article[data-v-a2c30487]:nth-child(-n + 3) {
    margin: 0;
    padding: 0 8px;
  }
  .below-article-content
    .single-article[data-v-a2c30487]:nth-child(-n + 3):before {
    background-color: var(--color-200);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
.below-article-content
  .single-article[data-v-a2c30487]:nth-child(-n + 3):after {
  display: none;
}
.single-article[data-v-a2c30487]:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.single-article[data-v-a2c30487]:first-of-type:after {
  display: none;
}
@media (min-width: 1024px) {
  .below-article-content .single-article[data-v-a2c30487]:first-of-type:before {
    display: none;
  }
}
.is-feed-no-header .single-article[data-v-a2c30487] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin: 0 0 4px;
  padding: 8px;
}
.is-feed-no-header .single-article[data-v-a2c30487]:after {
  display: none;
}
.external-feed-layout .is-stil-widget .single-article[data-v-a2c30487] {
  flex-direction: column;
  width: 50%;
}
@media (min-width: 1024px) {
  .below-article-content .single-article[data-v-a2c30487] {
    flex-direction: column;
    width: 33.33%;
  }
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487] {
    width: 100%;
  }
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(2n):after,
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(odd):after {
  width: calc(100% + 8px);
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(2n):after,
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(odd):after {
    width: 100%;
  }
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(odd) {
  padding-right: 8px;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(odd) {
    padding-right: 0;
  }
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(2n) {
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(2n) {
    padding-left: 0;
  }
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(2n):before {
  background-color: var(--color-200);
  content: "";
  height: calc(100% - 8px);
  left: -1px;
  position: absolute;
  top: 8px;
  width: 1px;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .is-stil-widget
    .single-article[data-v-a2c30487]:nth-child(2n):before {
    display: none;
  }
}
.external-feed-layout
  .is-stil-widget
  .single-article[data-v-a2c30487]:nth-child(2):before {
  height: 100%;
  top: 0;
}
.image[data-v-a2c30487] {
  height: 108px;
  width: 108px;
}
@media (min-width: 1024px) {
  .image[data-v-a2c30487] {
    height: 133px;
    width: 200px;
  }
}
.external-feed-layout .is-stil-widget .image[data-v-a2c30487] {
  aspect-ratio: 3/2;
  height: unset;
  width: 100%;
}
@media (min-width: 1024px) {
  .below-article-content .image[data-v-a2c30487] {
    aspect-ratio: 3/2;
    height: unset;
    width: 100%;
  }
  .article-sidebar .image[data-v-a2c30487],
  .full-width-3-news .image[data-v-a2c30487],
  .full-width-4-news .image[data-v-a2c30487],
  .full-width-5-news .image[data-v-a2c30487],
  .full-width-6-news .image[data-v-a2c30487],
  .is-sidebar .image[data-v-a2c30487] {
    height: 72px;
    order: 2;
    width: 108px;
  }
  .is-narrow .image[data-v-a2c30487] {
    aspect-ratio: 16/9;
    order: 1;
  }
}
.skeleton[data-v-a2c30487] {
  animation: loader-a2c30487 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
.content[data-v-a2c30487] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
@media (min-width: 1024px) {
  .external-feed-layout .is-narrow .is-stil-widget .content[data-v-a2c30487] {
    order: 2;
  }
}
.label[data-v-a2c30487] {
  height: 14px;
  margin: 0 0 8px;
  width: 128px;
}
@media (min-width: 1024px) {
  .label[data-v-a2c30487] {
    margin: 0 0 10px;
  }
}
.title[data-v-a2c30487] {
  height: 15px;
  margin-bottom: 6px;
  width: 100%;
}
.row-one[data-v-a2c30487] {
  width: 96%;
}
@media (min-width: 1024px) {
  .full-width-3-news .row-two[data-v-a2c30487],
  .full-width-4-news .row-two[data-v-a2c30487],
  .full-width-5-news .row-two[data-v-a2c30487],
  .full-width-6-news .row-two[data-v-a2c30487] {
    display: none;
  }
}
.row-three[data-v-a2c30487] {
  margin-bottom: 0;
  width: 80%;
}
@keyframes loader-a2c30487 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
.dark .js-widget .wig_prehead {
  color: var(--background-color-dark) !important;
}
.light .js-widget .wig_prehead {
  color: var(--background-color-light) !important;
}
.js-widget.feed-3-news {
  min-height: 384px;
}
@media (min-width: 1024px) {
  .js-widget.feed-3-news {
    min-height: 460px;
  }
}
.js-widget.feed-3-news.has-custum-header {
  min-height: 433px;
}
@media (min-width: 1024px) {
  .js-widget.feed-3-news.has-custum-header {
    min-height: 509px;
  }
}
.js-widget.feed-3-news.is-stil-widget {
  min-height: 490px;
}
@media (min-width: 429px) {
  .js-widget.feed-3-news.is-stil-widget {
    min-height: 553px;
  }
}
.js-widget.feed-3-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.feed-3-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
.js-widget.feed-4-news {
  min-height: 512px;
}
@media (min-width: 1024px) {
  .js-widget.feed-4-news {
    min-height: 613px;
  }
}
.js-widget.feed-4-news.has-custum-header {
  min-height: 558px;
}
@media (min-width: 1024px) {
  .js-widget.feed-4-news.has-custum-header {
    min-height: 659px;
  }
}
.js-widget.feed-4-news.is-stil-widget {
  min-height: 490px;
}
@media (min-width: 429px) {
  .js-widget.feed-4-news.is-stil-widget {
    min-height: 553px;
  }
}
.js-widget.feed-4-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.feed-4-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
.js-widget.feed-5-news {
  min-height: 640px;
}
@media (min-width: 1024px) {
  .js-widget.feed-5-news {
    min-height: 766px;
  }
}
.js-widget.feed-5-news.has-custum-header {
  min-height: 683px;
}
@media (min-width: 1024px) {
  .js-widget.feed-5-news.has-custum-header {
    min-height: 809px;
  }
}
.js-widget.feed-5-news.is-stil-widget {
  min-height: 736px;
}
@media (min-width: 429px) {
  .js-widget.feed-5-news.is-stil-widget {
    min-height: 809px;
  }
}
.js-widget.feed-5-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.feed-5-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
.js-widget.feed-6-news {
  min-height: 768px;
}
@media (min-width: 1024px) {
  .js-widget.feed-6-news {
    min-height: 920px;
  }
}
.js-widget.feed-6-news.has-custum-header {
  min-height: 808px;
}
@media (min-width: 1024px) {
  .js-widget.feed-6-news.has-custum-header {
    min-height: 960px;
  }
}
.js-widget.feed-6-news.is-stil-widget {
  min-height: 736px;
}
@media (min-width: 429px) {
  .js-widget.feed-6-news.is-stil-widget {
    min-height: 809px;
  }
}
.js-widget.feed-6-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.feed-6-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
.js-widget.feed-without-narrow-3-news {
  min-height: 384px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-3-news {
    min-height: 460px;
  }
}
.js-widget.feed-without-narrow-3-news.has-custum-header {
  min-height: 433px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-3-news.has-custum-header {
    min-height: 509px;
  }
}
.js-widget.feed-without-narrow-3-news.is-stil-widget {
  min-height: 490px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-3-news.is-stil-widget {
    min-height: 553px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-3-news.is-stil-widget {
    min-height: 660px;
  }
}
.js-widget.feed-without-narrow-3-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-3-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-3-news.is-stil-widget.has-custum-header {
    min-height: 719px;
  }
}
.js-widget.feed-without-narrow-4-news {
  min-height: 512px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-4-news {
    min-height: 613px;
  }
}
.js-widget.feed-without-narrow-4-news.has-custum-header {
  min-height: 558px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-4-news.has-custum-header {
    min-height: 659px;
  }
}
.js-widget.feed-without-narrow-4-news.is-stil-widget {
  min-height: 490px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-4-news.is-stil-widget {
    min-height: 553px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-4-news.is-stil-widget {
    min-height: 660px;
  }
}
.js-widget.feed-without-narrow-4-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-4-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-4-news.is-stil-widget.has-custum-header {
    min-height: 719px;
  }
}
.js-widget.feed-without-narrow-5-news {
  min-height: 640px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-5-news {
    min-height: 766px;
  }
}
.js-widget.feed-without-narrow-5-news.has-custum-header {
  min-height: 683px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-5-news.has-custum-header {
    min-height: 809px;
  }
}
.js-widget.feed-without-narrow-5-news.is-stil-widget {
  min-height: 736px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-5-news.is-stil-widget {
    min-height: 830px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-5-news.is-stil-widget {
    min-height: 990px;
  }
}
.js-widget.feed-without-narrow-5-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-5-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-5-news.is-stil-widget.has-custum-header {
    min-height: 1049px;
  }
}
.js-widget.feed-without-narrow-6-news {
  min-height: 768px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-6-news {
    min-height: 920px;
  }
}
.js-widget.feed-without-narrow-6-news.has-custum-header {
  min-height: 808px;
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-6-news.has-custum-header {
    min-height: 960px;
  }
}
.js-widget.feed-without-narrow-6-news.is-stil-widget {
  min-height: 736px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-6-news.is-stil-widget {
    min-height: 830px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-6-news.is-stil-widget {
    min-height: 990px;
  }
}
.js-widget.feed-without-narrow-6-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.feed-without-narrow-6-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
@media (min-width: 1024px) {
  .js-widget.feed-without-narrow-6-news.is-stil-widget.has-custum-header {
    min-height: 1049px;
  }
}
.js-widget.narrow-3-news {
  min-height: 374px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-3-news {
    min-height: 717px;
  }
}
.js-widget.narrow-3-news.has-custum-header {
  min-height: 422px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-3-news.has-custum-header {
    min-height: 765px;
  }
}
.js-widget.narrow-3-news.is-stil-widget {
  min-height: 454px;
}
@media (min-width: 429px) {
  .js-widget.narrow-3-news.is-stil-widget {
    min-height: 517px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-3-news.is-stil-widget {
    min-height: 712px;
  }
}
.js-widget.narrow-3-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.narrow-3-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-3-news.is-stil-widget.has-custum-header {
    min-height: 837px;
  }
}
.js-widget.narrow-4-news {
  min-height: 499px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-4-news {
    min-height: 957px;
  }
}
.js-widget.narrow-4-news.has-custum-header {
  min-height: 547px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-4-news.has-custum-header {
    min-height: 1005px;
  }
}
.js-widget.narrow-4-news.is-stil-widget {
  min-height: 454px;
}
@media (min-width: 429px) {
  .js-widget.narrow-4-news.is-stil-widget {
    min-height: 517px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-4-news.is-stil-widget {
    min-height: 949px;
  }
}
.js-widget.narrow-4-news.is-stil-widget.has-custum-header {
  min-height: 549px;
}
@media (min-width: 429px) {
  .js-widget.narrow-4-news.is-stil-widget.has-custum-header {
    min-height: 612px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-4-news.is-stil-widget.has-custum-header {
    min-height: 1096px;
  }
}
.js-widget.narrow-5-news {
  min-height: 624px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-5-news {
    min-height: 1196px;
  }
}
.js-widget.narrow-5-news.has-custum-header {
  min-height: 672px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-5-news.has-custum-header {
    min-height: 1244px;
  }
}
.js-widget.narrow-5-news.is-stil-widget {
  min-height: 724px;
}
@media (min-width: 429px) {
  .js-widget.narrow-5-news.is-stil-widget {
    min-height: 776px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-5-news.is-stil-widget {
    min-height: 1186px;
  }
}
.js-widget.narrow-5-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.narrow-5-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-5-news.is-stil-widget.has-custum-header {
    min-height: 1355px;
  }
}
.js-widget.narrow-6-news {
  min-height: 749px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-6-news {
    min-height: 1436px;
  }
}
.js-widget.narrow-6-news.has-custum-header {
  min-height: 797px;
}
@media (min-width: 1024px) {
  .js-widget.narrow-6-news.has-custum-header {
    min-height: 1484px;
  }
}
.js-widget.narrow-6-news.is-stil-widget {
  min-height: 724px;
}
@media (min-width: 429px) {
  .js-widget.narrow-6-news.is-stil-widget {
    min-height: 776px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-6-news.is-stil-widget {
    min-height: 1424px;
  }
}
.js-widget.narrow-6-news.is-stil-widget.has-custum-header {
  min-height: 795px;
}
@media (min-width: 429px) {
  .js-widget.narrow-6-news.is-stil-widget.has-custum-header {
    min-height: 889px;
  }
}
@media (min-width: 1024px) {
  .js-widget.narrow-6-news.is-stil-widget.has-custum-header {
    min-height: 1615px;
  }
}
.js-widget.sidebar-3-news {
  min-height: 374px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-3-news {
    min-height: 356px;
  }
}
.js-widget.sidebar-3-news.has-custum-header {
  min-height: 433px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-3-news.has-custum-header {
    min-height: 415px;
  }
}
.js-widget.sidebar-4-news {
  min-height: 499px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-4-news {
    min-height: 475px;
  }
}
.js-widget.sidebar-4-news.has-custum-header {
  min-height: 558px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-4-news.has-custum-header {
    min-height: 534px;
  }
}
.js-widget.sidebar-5-news {
  min-height: 624px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-5-news {
    min-height: 594px;
  }
}
.js-widget.sidebar-5-news.has-custum-header {
  min-height: 683px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-5-news.has-custum-header {
    min-height: 653px;
  }
}
.js-widget.sidebar-6-news {
  min-height: 749px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-6-news {
    min-height: 713px;
  }
}
.js-widget.sidebar-6-news.has-custum-header {
  min-height: 808px;
}
@media (min-width: 1024px) {
  .js-widget.sidebar-6-news.has-custum-header {
    min-height: 772px;
  }
}
.js-widget.below-article-content {
  min-height: 374px;
}
@media (min-width: 1024px) {
  .js-widget.below-article-content {
    min-height: 271px;
  }
}
.js-widget.full-width-3-news {
  min-height: 374px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-3-news {
    min-height: 266px;
  }
}
.js-widget.full-width-3-news.has-custum-header {
  min-height: 433px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-3-news.has-custum-header {
    min-height: 325px;
  }
}
.js-widget.full-width-4-news {
  min-height: 499px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-4-news {
    min-height: 355px;
  }
}
.js-widget.full-width-4-news.has-custum-header {
  min-height: 558px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-4-news.has-custum-header {
    min-height: 414px;
  }
}
.js-widget.full-width-5-news {
  min-height: 624px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-5-news {
    min-height: 444px;
  }
}
.js-widget.full-width-5-news.has-custum-header {
  min-height: 683px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-5-news.has-custum-header {
    min-height: 503px;
  }
}
.js-widget.full-width-6-news {
  min-height: 749px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-6-news {
    min-height: 533px;
  }
}
.js-widget.full-width-6-news.has-custum-header {
  min-height: 808px;
}
@media (min-width: 1024px) {
  .js-widget.full-width-6-news.has-custum-header {
    min-height: 592px;
  }
}
.js-widget {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
.js-widget .wig_widgetWrap .wig_titleWrap {
  gap: 4px !important;
}
@media (min-width: 1024px) {
  .js-widget .wig_widgetWrap .wig_titleWrap {
    gap: 8px !important;
  }
}
.js-widget .wig_widgetWrap,
.js-widget .wig_widgetWrap.list,
.js-widget .wig_widgetWrap.wig_list {
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
}
.js-widget .wig_widgetWrap .wig_header,
.js-widget .wig_widgetWrap.list .wig_header,
.js-widget .wig_widgetWrap.wig_list .wig_header {
  display: none !important;
}
.js-widget .wig_widgetWrap .wig_blockWrap,
.js-widget .wig_widgetWrap.list .wig_blockWrap,
.js-widget .wig_widgetWrap.wig_list .wig_blockWrap {
  gap: 0 !important;
}
@media (min-width: 1024px) {
  .below-article-content .js-widget .wig_widgetWrap .wig_blockWrap,
  .below-article-content .js-widget .wig_widgetWrap.list .wig_blockWrap,
  .below-article-content .js-widget .wig_widgetWrap.wig_list .wig_blockWrap {
    align-items: unset !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    margin-left: -8px !important;
    width: calc(100% + 16px) !important;
  }
}
.js-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_item.wig_video
  .wig_imgWrap:after,
.js-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_item.wig_video
  .wig_imgWrap:after,
.js-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_item.wig_video
  .wig_imgWrap:after {
  display: none !important;
}
.js-widget .wig_widgetWrap .wig_item,
.js-widget .wig_widgetWrap .wig_itemWrap,
.js-widget .wig_widgetWrap.list .wig_item,
.js-widget .wig_widgetWrap.list .wig_itemWrap,
.js-widget .wig_widgetWrap.wig_list .wig_item,
.js-widget .wig_widgetWrap.wig_list .wig_itemWrap {
  gap: 0 !important;
}
.below-article-content .js-widget .wig_widgetWrap .wig_itemWrap,
.below-article-content .js-widget .wig_widgetWrap.list .wig_itemWrap,
.below-article-content .js-widget .wig_widgetWrap.wig_list .wig_itemWrap {
  display: none !important;
}
@media (min-width: 1024px) {
  .below-article-content .js-widget .wig_widgetWrap .wig_itemWrap,
  .below-article-content .js-widget .wig_widgetWrap.list .wig_itemWrap,
  .below-article-content .js-widget .wig_widgetWrap.wig_list .wig_itemWrap {
    width: 33.33% !important;
  }
}
.below-article-content
  .js-widget
  .wig_widgetWrap
  .wig_itemWrap:nth-child(-n + 3),
.below-article-content
  .js-widget
  .wig_widgetWrap.list
  .wig_itemWrap:nth-child(-n + 3),
.below-article-content
  .js-widget
  .wig_widgetWrap.wig_list
  .wig_itemWrap:nth-child(-n + 3) {
  display: flex !important;
}
@media (min-width: 1024px) {
  .below-article-content
    .js-widget
    .wig_widgetWrap
    .wig_itemWrap:nth-child(-n + 3),
  .below-article-content
    .js-widget
    .wig_widgetWrap.list
    .wig_itemWrap:nth-child(-n + 3),
  .below-article-content
    .js-widget
    .wig_widgetWrap.wig_list
    .wig_itemWrap:nth-child(-n + 3) {
    margin: 0 8px !important;
    position: relative !important;
  }
  .below-article-content
    .js-widget
    .wig_widgetWrap
    .wig_itemWrap:nth-child(-n + 3):after,
  .below-article-content
    .js-widget
    .wig_widgetWrap.list
    .wig_itemWrap:nth-child(-n + 3):after,
  .below-article-content
    .js-widget
    .wig_widgetWrap.wig_list
    .wig_itemWrap:nth-child(-n + 3):after {
    background-color: var(--color-200) !important;
    content: "" !important;
    height: 100% !important;
    left: -8px !important;
    position: absolute !important;
    width: 1px !important;
  }
  .below-article-content
    .js-widget
    .wig_widgetWrap
    .wig_itemWrap:first-child:after,
  .below-article-content
    .js-widget
    .wig_widgetWrap.list
    .wig_itemWrap:first-child:after,
  .below-article-content
    .js-widget
    .wig_widgetWrap.wig_list
    .wig_itemWrap:first-child:after {
    display: none !important;
  }
}
.below-article-content
  .js-widget
  .wig_widgetWrap
  .wig_itemWrap:nth-child(3)
  .wig_item,
.below-article-content
  .js-widget
  .wig_widgetWrap.list
  .wig_itemWrap:nth-child(3)
  .wig_item,
.below-article-content
  .js-widget
  .wig_widgetWrap.wig_list
  .wig_itemWrap:nth-child(3)
  .wig_item {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.js-widget .wig_widgetWrap .wig_item,
.js-widget .wig_widgetWrap.list .wig_item,
.js-widget .wig_widgetWrap.wig_list .wig_item {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--color-200) !important;
  display: flex !important;
  flex-direction: row !important;
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}
@media (min-width: 1024px) {
  .below-article-content .js-widget .wig_widgetWrap .wig_item,
  .below-article-content .js-widget .wig_widgetWrap.list .wig_item,
  .below-article-content .js-widget .wig_widgetWrap.wig_list .wig_item {
    border-bottom: none !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .is-narrow .js-widget .wig_widgetWrap .wig_item,
  .is-narrow .js-widget .wig_widgetWrap.list .wig_item,
  .is-narrow .js-widget .wig_widgetWrap.wig_list .wig_item {
    flex-direction: column !important;
    height: 100% !important;
    justify-content: stretch !important;
  }
}
.below-article-content .js-widget .wig_widgetWrap .wig_item:nth-child(3),
.below-article-content .js-widget .wig_widgetWrap.list .wig_item:nth-child(3),
.below-article-content
  .js-widget
  .wig_widgetWrap.wig_list
  .wig_item:nth-child(3) {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.js-widget .wig_widgetWrap .wig_item img,
.js-widget .wig_widgetWrap.list .wig_item img,
.js-widget .wig_widgetWrap.wig_list .wig_item img {
  aspect-ratio: inherit !important;
  object-fit: cover !important;
  width: 100% !important;
}
.js-widget .wig_widgetWrap .wig_item .wig_prehead,
.js-widget .wig_widgetWrap.list .wig_item .wig_prehead,
.js-widget .wig_widgetWrap.wig_list .wig_item .wig_prehead {
  display: -webkit-box !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  height: 14px !important;
  letter-spacing: 0.37px !important;
  line-height: 0.875rem !important;
  overflow: hidden !important;
  position: relative !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  word-break: break-word !important;
  -webkit-line-clamp: 1 !important;
}
@supports (font-variation-settings: normal) {
  .js-widget .wig_widgetWrap .wig_item .wig_prehead,
  .js-widget .wig_widgetWrap.list .wig_item .wig_prehead,
  .js-widget .wig_widgetWrap.wig_list .wig_item .wig_prehead {
    font-variation-settings: "wght" 800 !important;
  }
}
.js-widget .wig_widgetWrap .wig_item .wig_prehead:after,
.js-widget .wig_widgetWrap.list .wig_item .wig_prehead:after,
.js-widget .wig_widgetWrap.wig_list .wig_item .wig_prehead:after {
  background-image: var(--color-50-scrim-trailing) !important;
  content: "" !important;
  display: block !important;
  height: 16px !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 12px !important;
}
.js-widget .wig_widgetWrap .wig_itemWrap:last-of-type .wig_item,
.js-widget .wig_widgetWrap.list .wig_itemWrap:last-of-type .wig_item,
.js-widget .wig_widgetWrap.wig_list .wig_itemWrap:last-of-type .wig_item {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.js-widget .wig_widgetWrap .wig_imgWrap,
.js-widget .wig_widgetWrap.list .wig_imgWrap,
.js-widget .wig_widgetWrap.wig_list .wig_imgWrap {
  aspect-ratio: 1/1 !important;
  flex-basis: 108px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: 108px !important;
  order: 1 !important;
  overflow: hidden !important;
  width: 108px !important;
}
@media (min-width: 1024px) {
  .js-widget .wig_widgetWrap .wig_imgWrap,
  .js-widget .wig_widgetWrap.list .wig_imgWrap,
  .js-widget .wig_widgetWrap.wig_list .wig_imgWrap {
    aspect-ratio: 3/2 !important;
    height: 72px !important;
    order: 2 !important;
  }
  .external-feed-layout .js-widget .wig_widgetWrap .wig_imgWrap,
  .external-feed-layout .js-widget .wig_widgetWrap.list .wig_imgWrap,
  .external-feed-layout .js-widget .wig_widgetWrap.wig_list .wig_imgWrap {
    flex-basis: 200px !important;
    height: auto !important;
    margin-right: 8px !important;
    order: 1 !important;
    width: 200px !important;
  }
  .below-article-content .js-widget .wig_widgetWrap .wig_imgWrap,
  .below-article-content .js-widget .wig_widgetWrap.list .wig_imgWrap,
  .below-article-content .js-widget .wig_widgetWrap.wig_list .wig_imgWrap,
  .is-narrow .js-widget .wig_widgetWrap .wig_imgWrap,
  .is-narrow .js-widget .wig_widgetWrap.list .wig_imgWrap,
  .is-narrow .js-widget .wig_widgetWrap.wig_list .wig_imgWrap {
    flex-basis: unset !important;
    height: unset !important;
    margin-bottom: 8px !important;
    margin-right: 0 !important;
    order: 1 !important;
    width: 100% !important;
  }
  .is-narrow .js-widget .wig_widgetWrap .wig_imgWrap,
  .is-narrow .js-widget .wig_widgetWrap.list .wig_imgWrap,
  .is-narrow .js-widget .wig_widgetWrap.wig_list .wig_imgWrap {
    aspect-ratio: 16/9 !important;
  }
}
.js-widget .wig_widgetWrap .wig_titleWrap,
.js-widget .wig_widgetWrap.list .wig_titleWrap,
.js-widget .wig_widgetWrap.wig_list .wig_titleWrap {
  margin-left: 8px !important;
  margin-right: 0 !important;
  order: 2 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .js-widget .wig_widgetWrap .wig_titleWrap,
  .js-widget .wig_widgetWrap.list .wig_titleWrap,
  .js-widget .wig_widgetWrap.wig_list .wig_titleWrap {
    margin-left: 0 !important;
    margin-right: 8px !important;
    order: 1 !important;
    width: calc(100% - 108px) !important;
  }
  .below-article-content .js-widget .wig_widgetWrap .wig_titleWrap,
  .below-article-content .js-widget .wig_widgetWrap.list .wig_titleWrap,
  .below-article-content .js-widget .wig_widgetWrap.wig_list .wig_titleWrap,
  .is-narrow .js-widget .wig_widgetWrap .wig_titleWrap,
  .is-narrow .js-widget .wig_widgetWrap.list .wig_titleWrap,
  .is-narrow .js-widget .wig_widgetWrap.wig_list .wig_titleWrap {
    margin-right: 0 !important;
    order: 2 !important;
    width: 100% !important;
  }
  .external-feed-layout .js-widget .wig_widgetWrap .wig_titleWrap,
  .external-feed-layout .js-widget .wig_widgetWrap.list .wig_titleWrap,
  .external-feed-layout .js-widget .wig_widgetWrap.wig_list .wig_titleWrap {
    margin-right: 0 !important;
    order: 2 !important;
  }
}
.js-widget .wig_widgetWrap .wig_title,
.js-widget .wig_widgetWrap.list .wig_title,
.js-widget .wig_widgetWrap.wig_list .wig_title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--color-900) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.23px !important;
  line-height: 1.3125rem !important;
  text-overflow: ellipsis;
  word-break: break-word !important;
}
@media (min-width: 1024px) {
  .js-widget .wig_widgetWrap .wig_title,
  .js-widget .wig_widgetWrap.list .wig_title,
  .js-widget .wig_widgetWrap.wig_list .wig_title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.25rem !important;
  }
}
@supports (font-variation-settings: normal) {
  .js-widget .wig_widgetWrap .wig_title,
  .js-widget .wig_widgetWrap.list .wig_title,
  .js-widget .wig_widgetWrap.wig_list .wig_title {
    font-variation-settings: "wght" 700 !important;
  }
}
.js-widget .wig_widgetWrap .wig_title:hover,
.js-widget .wig_widgetWrap.list .wig_title:hover,
.js-widget .wig_widgetWrap.wig_list .wig_title:hover {
  text-decoration: none !important;
}
.js-widget .wig_widgetWrap .wig_title.preHeadShow,
.js-widget .wig_widgetWrap.list .wig_title.preHeadShow,
.js-widget .wig_widgetWrap.wig_list .wig_title.preHeadShow {
  -webkit-line-clamp: unset !important;
}
.below-article-content .js-widget .list-header {
  display: none !important;
}
.js-widget.has-custum-header .list-header {
  border-bottom: none !important;
  padding: 0 4px 0 8px !important;
}
.js-widget.is-feed-no-header {
  background-color: initial;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
}
.js-widget.is-feed-no-header .wig_widgetWrap .wig_item,
.js-widget.is-feed-no-header .wig_widgetWrap.list .wig_item,
.js-widget.is-feed-no-header .wig_widgetWrap.wig_list .wig_item {
  background-color: var(--color-50) !important;
  border-bottom: none !important;
  box-shadow: var(--main-box-shadow) !important;
  margin-bottom: 4px !important;
  padding: 8px !important;
}
.is-narrow .js-widget.is-feed-no-header {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 8px;
}
.is-narrow .js-widget.is-feed-no-header .wig_widgetWrap .wig_item,
.is-narrow .js-widget.is-feed-no-header .wig_widgetWrap.list .wig_item,
.is-narrow .js-widget.is-feed-no-header .wig_widgetWrap.wig_list .wig_item {
  background-color: unset !important;
  border-bottom: 1px solid var(--color-200) !important;
  box-shadow: unset !important;
  margin-bottom: 8px !important;
  padding: 0 0 8px !important;
}
.is-narrow
  .js-widget.is-feed-no-header
  .wig_widgetWrap
  .wig_itemWrap:last-of-type
  .wig_item,
.is-narrow
  .js-widget.is-feed-no-header
  .wig_widgetWrap.list
  .wig_itemWrap:last-of-type
  .wig_item,
.is-narrow
  .js-widget.is-feed-no-header
  .wig_widgetWrap.wig_list
  .wig_itemWrap:last-of-type
  .wig_item {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.js-widget.is-feed-no-header
  .wig_widgetWrap
  .wig_itemWrap:last-of-type
  .wig_item {
  margin-bottom: 4px !important;
  padding: 8px !important;
}
.js-widget .bottom-divider {
  height: 3px;
  margin-top: 8px;
  width: 100%;
}
.below-article-content .js-widget .bottom-divider {
  display: none;
}
.external-feed-layout .js-widget.is-stil-widget.is-feed-no-header {
  background-color: var(--color-50) !important;
  box-shadow: var(--main-box-shadow) !important;
  margin-bottom: 4px !important;
  padding: 8px !important;
}
.external-feed-layout .js-widget.is-stil-widget .wig_widgetWrap .wig_blockWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap {
  margin-top: 8px !important;
  padding-right: 8px !important;
  padding-top: 8px !important;
  position: relative !important;
  width: 50% !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:before {
  background-color: var(--color-200) !important;
  content: "" !important;
  position: absolute !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:before {
  height: 1px !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:after {
  height: calc(100% - 8px) !important;
  right: 0 !important;
  top: 8px !important;
  width: 1px !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2),
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2),
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):before,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):before {
  display: none !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(-n + 2):after {
  height: 100% !important;
  top: 0 !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(2n):after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(2n):after,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:nth-of-type(2n):after {
  display: none !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap
  .wig_item,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item {
  border-bottom: none !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_imgWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_imgWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_imgWrap {
  aspect-ratio: 3/2 !important;
  flex-basis: unset !important;
  flex-shrink: unset !important;
  height: unset !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  width: 100% !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap {
  gap: 4px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap
    .wig_item
    .wig_titleWrap,
  .external-feed-layout
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap
    .wig_item
    .wig_titleWrap,
  .external-feed-layout
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap
    .wig_item
    .wig_titleWrap {
    gap: 8px !important;
  }
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap
  .wig_title.preHeadShow,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap
  .wig_title.preHeadShow,
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item
  .wig_titleWrap
  .wig_title.preHeadShow {
  -webkit-line-clamp: 5 !important;
}
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap:nth-child(2n),
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap:nth-child(2n),
.external-feed-layout
  .js-widget.is-stil-widget
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap:nth-child(2n) {
  padding-left: 8px !important;
  padding-right: 0 !important;
}
.external-feed-layout
  .js-widget.is-stil-widget.is-feed-no-header
  .wig_widgetWrap
  .wig_blockWrap
  .wig_itemWrap
  .wig_item,
.external-feed-layout
  .js-widget.is-stil-widget.is-feed-no-header
  .wig_widgetWrap.list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item,
.external-feed-layout
  .js-widget.is-stil-widget.is-feed-no-header
  .wig_widgetWrap.wig_list
  .wig_blockWrap
  .wig_itemWrap
  .wig_item {
  background-color: initial !important;
  box-shadow: none !important;
}
@media (min-width: 1024px) {
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap {
    padding-right: 0 !important;
    width: 100% !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:after,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:after,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:after {
    display: none;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n),
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n),
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n) {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):before,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):before,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):before {
    display: block !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):after,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):after,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:nth-of-type(2n):after {
    display: none !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:first-of-type,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:first-of-type,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:first-of-type:before,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:first-of-type:before,
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:first-of-type:before {
    display: none !important;
  }
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap
    .wig_blockWrap
    .wig_itemWrap:nth-child(2n),
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.list
    .wig_blockWrap
    .wig_itemWrap:nth-child(2n),
  .external-feed-layout
    .is-narrow
    .js-widget.is-stil-widget
    .wig_widgetWrap.wig_list
    .wig_blockWrap
    .wig_itemWrap:nth-child(2n) {
    padding-left: 0 !important;
  }
}
.dark .js-widget .list-header {
  background-color: var(--background-color-dark);
  color: var(--text-color-dark);
}
.light .js-widget .list-header {
  background-color: var(--background-color-light);
  color: var(--text-color-light);
}
@media (min-width: 1024px) {
  .dark .js-widget .list-header .arrow-link:hover,
  .light .js-widget .list-header .arrow-link:hover {
    background-color: var(--color-200);
  }
  .dark .js-widget.has-custum-header .list-header .arrow-link:hover {
    background-color: var(--arrow-background-color-dark-hover);
  }
  .light .js-widget.has-custum-header .list-header .arrow-link:hover {
    background-color: var(--arrow-background-color-light-hover);
  }
}
.dark .js-widget .bottom-divider {
  background-color: var(--background-color-dark);
}
.light .js-widget .bottom-divider {
  background-color: var(--background-color-light);
}
.midas-element .midas-side .midas-wgt-caption,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-caption,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-caption,
.midas-intext .midas-side .midas-wgt-caption,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-caption,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-caption {
  bottom: auto !important;
  color: var(--color-900) !important;
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.87px !important;
  line-height: normal !important;
  padding: 0 !important;
  right: auto !important;
  text-transform: uppercase !important;
  word-break: break-word !important;
}
@supports (font-variation-settings: normal) {
  .midas-element .midas-side .midas-wgt-caption,
  .midas-element .midas-wgt.midas-wgt-intext .midas-wgt-caption,
  .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-caption,
  .midas-intext .midas-side .midas-wgt-caption,
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-caption,
  .midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-caption {
    font-variation-settings: "wght" 800 !important;
  }
}
.midas-element .midas-side .midas-side-image,
.midas-element .midas-side .midas-wgt-article-image,
.midas-element .midas-wgt.midas-wgt-intext .midas-side-image,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-image,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-image,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-image,
.midas-intext .midas-side .midas-side-image,
.midas-intext .midas-side .midas-wgt-article-image,
.midas-intext .midas-wgt.midas-wgt-intext .midas-side-image,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-image,
.midas-intext .midas-wgt.midas-wgt-standard .midas-side-image,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-image {
  background-color: var(--color-75) !important;
  border-radius: 0 !important;
  flex-basis: 100% !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: 0 !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  overflow: hidden !important;
  padding-top: 66.6666666667% !important;
  position: relative !important;
  width: 100% !important;
}
.midas-element .midas-side .midas-side-image img,
.midas-element .midas-side .midas-wgt-article-image img,
.midas-element .midas-wgt.midas-wgt-intext .midas-side-image img,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-image img,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-image img,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-image img,
.midas-intext .midas-side .midas-side-image img,
.midas-intext .midas-side .midas-wgt-article-image img,
.midas-intext .midas-wgt.midas-wgt-intext .midas-side-image img,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-image img,
.midas-intext .midas-wgt.midas-wgt-standard .midas-side-image img,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-image img {
  bottom: 0 !important;
  height: 100% !important;
  left: 0 !important;
  object-fit: cover !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
.midas-element .midas-side .midas-side-title,
.midas-element .midas-side .midas-wgt-article-title,
.midas-element .midas-wgt.midas-wgt-intext .midas-side-title,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-title,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-title,
.midas-intext .midas-side .midas-side-title,
.midas-intext .midas-side .midas-wgt-article-title,
.midas-intext .midas-wgt.midas-wgt-intext .midas-side-title,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
.midas-intext .midas-wgt.midas-wgt-standard .midas-side-title,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-title {
  color: var(--color-900) !important;
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  line-height: 1.5rem !important;
  margin: 0 !important;
  order: 3 !important;
  padding: 0 !important;
  transition: all 0.2s !important;
  width: 100% !important;
  word-break: break-word !important;
}
@media (min-width: 1024px) {
  .midas-element .midas-side .midas-side-title,
  .midas-element .midas-side .midas-wgt-article-title,
  .midas-element .midas-wgt.midas-wgt-intext .midas-side-title,
  .midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
  .midas-element .midas-wgt.midas-wgt-standard .midas-side-title,
  .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-title,
  .midas-intext .midas-side .midas-side-title,
  .midas-intext .midas-side .midas-wgt-article-title,
  .midas-intext .midas-wgt.midas-wgt-intext .midas-side-title,
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
  .midas-intext .midas-wgt.midas-wgt-standard .midas-side-title,
  .midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
  }
}
@supports (font-variation-settings: normal) {
  .midas-element .midas-side .midas-side-title,
  .midas-element .midas-side .midas-wgt-article-title,
  .midas-element .midas-wgt.midas-wgt-intext .midas-side-title,
  .midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
  .midas-element .midas-wgt.midas-wgt-standard .midas-side-title,
  .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-title,
  .midas-intext .midas-side .midas-side-title,
  .midas-intext .midas-side .midas-wgt-article-title,
  .midas-intext .midas-wgt.midas-wgt-intext .midas-side-title,
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-title,
  .midas-intext .midas-wgt.midas-wgt-standard .midas-side-title,
  .midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-title {
    font-variation-settings: "wght" 700 !important;
  }
}
.midas-element .midas-side .midas-wgt-article-subc,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-subc,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-subc,
.midas-intext .midas-side .midas-wgt-article-subc,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-subc,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-subc {
  color: var(--color-500) !important;
  display: none !important;
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 0.875rem !important;
  margin: 0 0 8px !important;
  max-height: 14px !important;
  order: 2 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  word-break: break-word !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.midas-element .midas-side .midas-wgt-article-subc:empty,
.midas-element .midas-wgt.midas-wgt-intext .midas-wgt-article-subc:empty,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-subc:empty,
.midas-intext .midas-side .midas-wgt-article-subc:empty,
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article-subc:empty,
.midas-intext .midas-wgt.midas-wgt-standard .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .midas-element .midas-side .midas-wgt-article:hover .midas-side-title,
  .midas-element .midas-side .midas-wgt-article:hover .midas-wgt-article-title,
  .midas-element
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:hover
    .midas-side-title,
  .midas-element
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:hover
    .midas-wgt-article-title,
  .midas-element
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:hover
    .midas-side-title,
  .midas-element
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:hover
    .midas-wgt-article-title,
  .midas-intext .midas-side .midas-wgt-article:hover .midas-side-title,
  .midas-intext .midas-side .midas-wgt-article:hover .midas-wgt-article-title,
  .midas-intext
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:hover
    .midas-side-title,
  .midas-intext
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:hover
    .midas-wgt-article-title,
  .midas-intext
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:hover
    .midas-side-title,
  .midas-intext
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:hover
    .midas-wgt-article-title {
    color: var(--color-800) !important;
  }
  .article-sidebar .midas-element.hide-header .midas-side,
  .article-sidebar .midas-element.hide-header .midas-wgt.midas-wgt-intext,
  .article-sidebar .midas-element.hide-header .midas-wgt.midas-wgt-standard,
  .article-sidebar .midas-intext.hide-header .midas-side,
  .article-sidebar .midas-intext.hide-header .midas-wgt.midas-wgt-intext,
  .article-sidebar .midas-intext.hide-header .midas-wgt.midas-wgt-standard,
  .is-sidebar .midas-element.hide-header .midas-side,
  .is-sidebar .midas-element.hide-header .midas-wgt.midas-wgt-intext,
  .is-sidebar .midas-element.hide-header .midas-wgt.midas-wgt-standard,
  .is-sidebar .midas-intext.hide-header .midas-side,
  .is-sidebar .midas-intext.hide-header .midas-wgt.midas-wgt-intext,
  .is-sidebar .midas-intext.hide-header .midas-wgt.midas-wgt-standard {
    padding-top: 0 !important;
  }
}
.midas-element.hide-header .midas-side .midas-wgt-header,
.midas-element.hide-header .midas-wgt.midas-wgt-intext .midas-wgt-header,
.midas-element.hide-header .midas-wgt.midas-wgt-standard .midas-wgt-header,
.midas-intext.hide-header .midas-side .midas-wgt-header,
.midas-intext.hide-header .midas-wgt.midas-wgt-intext .midas-wgt-header,
.midas-intext.hide-header .midas-wgt.midas-wgt-standard .midas-wgt-header {
  display: none !important;
}
.midas-element .midas-wgt.midas-wgt-no-logo .midas-wgt-logo,
.midas-intext .midas-wgt.midas-wgt-no-logo .midas-wgt-logo {
  display: flex !important;
}
.midas-element {
  max-width: 704px;
}
.article-content .midas-element:last-of-type .midas-side,
.article-content .midas-element:last-of-type .midas-wgt.midas-wgt-standard {
  margin-bottom: 0 !important;
}
.midas-element .midas-side,
.midas-element .midas-wgt.midas-wgt-standard {
  background-color: var(--color-50) !important;
  box-shadow: 0 1px 2px #00000021 !important;
  margin: 0 0 4px !important;
  padding: 0 8px 8px !important;
}
@media (min-width: 429px) {
  .midas-element .midas-side,
  .midas-element .midas-wgt.midas-wgt-standard {
    border-radius: 0 !important;
  }
}
@media (min-width: 1024px) {
  .midas-element .midas-side.midas-wgt-logo-bottom:not(.midas-wgt-no-logo),
  .midas-element
    .midas-wgt.midas-wgt-standard.midas-wgt-logo-bottom:not(
      .midas-wgt-no-logo
    ) {
    padding-bottom: 8px !important;
  }
}
.midas-element .midas-side .midas-side-ul,
.midas-element .midas-side .midas-wgt-body,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-ul,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-body {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
}
.midas-element .midas-side .c-news-category-title,
.midas-element .midas-side .midas-wgt-header,
.midas-element .midas-wgt.midas-wgt-standard .c-news-category-title,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-header {
  border-bottom: 1px solid var(--color-200) !important;
  margin-bottom: 0 !important;
  padding: 16px 0 15px !important;
  -webkit-text-decoration: uppercase !important;
  text-decoration: uppercase !important;
}
@media (min-width: 1024px) {
  .midas-element .midas-side .midas-side-image,
  .midas-element .midas-side .midas-wgt-article-image,
  .midas-element .midas-wgt.midas-wgt-standard .midas-side-image,
  .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article-image {
    padding-top: 66.6666666667% !important;
  }
}
.midas-element .midas-side .midas-side-ul li,
.midas-element .midas-side .midas-wgt-article,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-ul li,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article {
  border-top: 1px solid var(--color-200) !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  position: relative !important;
  width: 100% !important;
}
.article-sidebar .midas-element .midas-side .midas-side-ul li,
.article-sidebar .midas-element .midas-side .midas-wgt-article,
.article-sidebar .midas-element .midas-wgt.midas-wgt-standard .midas-side-ul li,
.article-sidebar
  .midas-element
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article,
.is-sidebar .midas-element .midas-side .midas-side-ul li,
.is-sidebar .midas-element .midas-side .midas-wgt-article,
.is-sidebar .midas-element .midas-wgt.midas-wgt-standard .midas-side-ul li,
.is-sidebar .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article {
  padding: 8px 0 !important;
}
.midas-element .midas-side .midas-side-ul li:first-of-type,
.midas-element .midas-side .midas-wgt-article:first-of-type,
.midas-element .midas-wgt.midas-wgt-standard .midas-side-ul li:first-of-type,
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-article:first-of-type {
  border-top: none !important;
}
.midas-element
  .midas-wgt.midas-wgt-standard
  .midas-wgt-body
  .midas-wgt-article
  a {
  display: flex !important;
  flex-direction: column !important;
}
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo-line {
  display: none !important;
}
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo {
  align-items: flex-start !important;
  position: static !important;
}
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo-anchor {
  padding-left: 0 !important;
}
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo-text {
  display: unset !important;
  font-family: Inter, Helvetica Neue, arial, sans-serif !important;
  font-size: 0.6875rem !important;
  line-height: 0.875rem !important;
}
.dark .midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo-text {
  color: var(--color) !important;
}
.midas-element .midas-wgt.midas-wgt-standard .midas-wgt-logo-image {
  height: 13px !important;
  margin-left: 4px !important;
  object-fit: contain !important;
}
.midas-element
  .midas-wgt.midas-wgt-standard.midas-wgt-logo-bottom:not(.midas-wgt-no-logo) {
  padding-bottom: 8px !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin: 0 -8px !important;
    width: calc(100% + 16px) !important;
  }
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    margin: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: none !important;
    padding: 8px !important;
    width: 33.33% !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    background-color: var(--color-200-without-transparency) !important;
    content: "" !important;
    height: 1px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after {
    background-color: var(--color-200-without-transparency) !important;
    bottom: 8px !important;
    content: "" !important;
    height: calc(100% - 16px) !important;
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    width: 1px !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):before {
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):after {
    display: none !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1):before {
    left: 8px !important;
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(-n + 3):before {
    display: none !important;
  }
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: 1px solid var(--color-200) !important;
    padding: 8px 0 !important;
    width: 100% !important;
  }
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child {
    border-top: none !important;
  }
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    display: none !important;
  }
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  a {
  flex-direction: column !important;
  flex-wrap: unset !important;
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-image {
  flex: unset;
  flex-basis: unset !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  padding-top: 66.6666666667% !important;
  width: 100% !important;
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  font-size: 1.25rem !important;
  letter-spacing: 0.3px !important;
  line-height: 1.5rem !important;
  order: 3 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
  }
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc {
  margin: 0 0 8px !important;
  order: 2 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 8px 0 0 !important;
    order: 3 !important;
  }
  .article-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc,
  .is-sidebar
    .midas-element.midas-bb-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 0 0 8px !important;
    order: 2 !important;
  }
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-image,
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-image {
  margin-right: 0 !important;
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-title,
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-title {
  width: 100% !important;
}
.midas-element.midas-bb-into-grid
  .midas-wgt.midas-wgt-desktop-3-col
  .midas-wgt-article:not(:nth-child(3n)) {
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin: 0 -8px !important;
    width: calc(100% + 16px) !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    margin: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: none !important;
    padding: 8px !important;
    width: 33.33% !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    background-color: var(--color-200-without-transparency) !important;
    content: "" !important;
    height: 1px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after {
    background-color: var(--color-200-without-transparency) !important;
    bottom: 8px !important;
    content: "" !important;
    height: calc(100% - 16px) !important;
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    width: 1px !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):before {
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):after {
    display: none !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1):before {
    left: 8px !important;
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(-n + 3):before {
    display: none !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: 1px solid var(--color-200) !important;
    padding: 8px 0 !important;
    width: 100% !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child {
    border-top: none !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    display: none !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  a {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a {
    flex-direction: column !important;
    flex-wrap: unset !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-image {
  flex: 1;
  flex-basis: 108px !important;
  margin-bottom: 0 !important;
  order: 1 !important;
  padding-top: 72px !important;
  width: 108px !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex: unset;
    flex-basis: unset !important;
    margin-bottom: 8px !important;
    order: 1 !important;
    padding-top: 66.6666666667% !important;
    width: 100% !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex: unset;
    flex-basis: 108px !important;
    margin-bottom: 0 !important;
    order: 3 !important;
    padding-top: 72px !important;
    width: 108px !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex: unset;
    flex-basis: 108px !important;
    margin-bottom: 0 !important;
    order: 3 !important;
    padding-left: 0 !important;
    padding-top: 72px !important;
    width: 108px !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  font-size: 0.9375rem !important;
  letter-spacing: 0.23px !important;
  line-height: 1.3125rem !important;
  order: 2 !important;
  padding-left: 8px !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title {
    flex: 1;
    font-size: 0.875rem !important;
    letter-spacing: 0.3px;
    line-height: 1.0625rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.article-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title,
.is-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  padding-left: 8px !important;
  padding-right: 0 !important;
}
@media (min-width: 1024px) {
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title {
    padding-left: 0 !important;
    padding-right: 8px !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc {
  order: 1 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 8px 0 0 !important;
    order: 3 !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 0 0 8px !important;
    order: 1 !important;
    padding-right: 0 !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  a,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  a {
  flex-direction: column !important;
  flex-wrap: unset !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-image,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-image {
  flex: unset;
  flex-basis: 100% !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  padding-top: 66.6666666667% !important;
  width: 100% !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-title,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-title {
  flex: unset;
  font-size: 1.25rem !important;
  letter-spacing: 0.3px !important;
  line-height: 1.5rem !important;
  order: 3 !important;
  padding: 0 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child
    .midas-wgt-article-title,
  .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1)
    .midas-wgt-article-title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
    order: 2 !important;
  }
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child
    .midas-wgt-article-title,
  .article-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1)
    .midas-wgt-article-title,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child
    .midas-wgt-article-title,
  .is-sidebar
    .midas-element.midas-bcc-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1)
    .midas-wgt-article-title {
    order: 3 !important;
  }
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc {
  order: 2 !important;
  width: unset !important;
}
.article-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc,
.article-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc,
.is-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc,
.is-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc {
  margin: 0 0 8px !important;
  order: 2 !important;
}
.article-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc:empty,
.article-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc:empty,
.is-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc:empty,
.is-sidebar
  .midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-image,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-image {
  margin-right: 0 !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-title,
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-title {
  width: 100% !important;
}
.midas-element.midas-bcc-into-grid
  .midas-wgt.midas-wgt-desktop-3-col
  .midas-wgt-article:not(:nth-child(3n)) {
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .article-sidebar
    .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article.midas-content
    .midas-wgt-article-image,
  .is-sidebar
    .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article.midas-content
    .midas-wgt-article-image {
    margin-top: 0 !important;
  }
}
.midas-element.midas-bcc .midas-wgt.midas-wgt-standard .midas-wgt-article a {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-image {
  flex: 1;
  flex-basis: 108px !important;
  margin-bottom: 0 !important;
  order: 1 !important;
  padding-top: 72px !important;
  width: 108px !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex-basis: 224px !important;
    order: 3 !important;
    padding-top: 149px !important;
    width: 224px !important;
  }
  .article-sidebar
    .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image,
  .is-sidebar
    .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex-basis: 108px !important;
    padding-top: 72px !important;
    width: 108px !important;
  }
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  font-size: 0.9375rem !important;
  letter-spacing: 0.23px !important;
  line-height: 1.3125rem !important;
  order: 2 !important;
  padding-left: 8px !important;
  padding-right: 0 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
  }
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc {
  order: 1 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    padding-right: 234px !important;
  }
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child.midas-content
    .midas-wgt-article-image,
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1).midas-content
    .midas-wgt-article-image {
    margin-top: 0 !important;
  }
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  a,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  a {
  flex-direction: column !important;
  flex-wrap: unset !important;
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-image,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-image {
  flex-basis: 100% !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  padding-top: 66.6666666667% !important;
  width: 100% !important;
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-title,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-title {
  font-size: 1.25rem !important;
  letter-spacing: 0.3px !important;
  line-height: 1.5rem !important;
  order: 3 !important;
  padding: 0 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child
    .midas-wgt-article-title,
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1)
    .midas-wgt-article-title {
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
  }
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:first-child
  .midas-wgt-article-subc,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article:nth-child(3n + 1)
  .midas-wgt-article-subc {
  order: 2 !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child
    .midas-wgt-article-subc,
  .midas-element.midas-bcc
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1)
    .midas-wgt-article-subc {
    padding-right: 0 !important;
  }
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-image,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-image {
  margin-right: 0 !important;
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-title,
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-title {
  width: 100% !important;
}
.midas-element.midas-bcc
  .midas-wgt.midas-wgt-desktop-3-col
  .midas-wgt-article:not(:nth-child(3n)) {
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin: 0 -8px !important;
    width: calc(100% + 16px) !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-body {
    margin: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: none !important;
    padding: 8px !important;
    width: 33.33% !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    background-color: var(--color-200-without-transparency) !important;
    content: "" !important;
    height: 1px !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after {
    background-color: var(--color-200-without-transparency) !important;
    bottom: 8px !important;
    content: "" !important;
    height: calc(100% - 16px) !important;
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    width: 1px !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):before {
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n):after {
    display: none !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(3n + 1):before {
    left: 8px !important;
    width: calc(100% - 8px) !important;
  }
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:nth-child(-n + 3):before {
    display: none !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article {
    border-top: 1px solid var(--color-200) !important;
    padding: 8px 0 !important;
    width: 100% !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:first-child {
    border-top: none !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:after,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article:before {
    display: none !important;
  }
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  a {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a {
    flex-direction: column !important;
    flex-wrap: unset !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    a {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-image {
  flex: 1;
  flex-basis: 108px !important;
  margin-bottom: 0 !important;
  order: 3 !important;
  padding-top: 72px !important;
  width: 108px !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex: unset;
    flex-basis: unset !important;
    margin-bottom: 8px !important;
    order: 1 !important;
    padding-top: 66.6666666667% !important;
    width: 100% !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-image {
    flex: unset;
    flex-basis: 108px !important;
    margin-bottom: 0 !important;
    order: 3 !important;
    padding-top: 72px !important;
    width: 108px !important;
  }
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  font-size: 0.9375rem !important;
  letter-spacing: 0.23px !important;
  line-height: 1.3125rem !important;
  order: 2 !important;
  padding-right: 8px !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-title {
    flex: 1;
    font-size: 0.875rem !important;
    letter-spacing: normal !important;
    line-height: 1.0625rem !important;
    padding-right: 0 !important;
  }
}
.article-sidebar
  .midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title,
.is-sidebar
  .midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-title {
  flex: 1;
  padding-right: 8px !important;
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc {
  order: 1 !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 8px 0 0 !important;
    order: 3 !important;
  }
  .article-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc,
  .is-sidebar
    .midas-element.midas-clist-into-grid
    .midas-wgt.midas-wgt-standard
    .midas-wgt-article
    .midas-wgt-article-subc {
    margin: 0 0 8px !important;
    order: 1 !important;
    padding-right: 0 !important;
  }
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-standard
  .midas-wgt-article
  .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-image,
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-image {
  margin-right: 0 !important;
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 2)
  .midas-wgt-article-title,
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-desktop-1-col.midas-wgt-d-1-2
  .midas-wgt-article:nth-child(3n + 3)
  .midas-wgt-article-title {
  width: 100% !important;
}
.midas-element.midas-clist-into-grid
  .midas-wgt.midas-wgt-desktop-3-col
  .midas-wgt-article:not(:nth-child(3n)) {
  margin-right: 0 !important;
}
.midas-intext .midas-wgt-logo,
.midas-intext .midas-wgt.midas-wgt-logo-bottom .midas-wgt-logo {
  display: none !important;
}
.midas-intext .midas-wgt.midas-wgt-logo-bottom:not(.midas-wgt-no-logo) {
  padding-bottom: 0 !important;
}
.midas-intext .midas-wgt.midas-wgt-intext {
  background-color: var(--color-100) !important;
  margin: 0 -16px 24px !important;
  padding: 0 16px !important;
}
@media (min-width: 1024px) {
  .midas-intext .midas-wgt.midas-wgt-intext {
    margin-bottom: 24px !important;
    margin-left: -32px !important;
    margin-right: -32px !important;
    padding: 0 32px !important;
  }
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-caption {
  font-size: 0.75rem !important;
  letter-spacing: 1.73px !important;
}
@media (min-width: 1024px) {
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-caption {
    font-size: 0.8125rem !important;
    letter-spacing: 1.87px !important;
  }
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-header {
  justify-content: flex-start !important;
  margin-bottom: 0 !important;
  padding: 16px 0 !important;
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-line {
  display: none !important;
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article {
  border-top: 1px solid var(--color-200) !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  position: relative !important;
  width: 100% !important;
}
@media (min-width: 1024px) {
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article {
    border-top: none !important;
    padding: 0 0 8px !important;
    width: 50% !important;
  }
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article:nth-child(odd) {
  margin-right: 0 !important;
}
@media (min-width: 1024px) {
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article:nth-child(odd) {
    padding-right: 8px !important;
  }
  .midas-intext
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:nth-child(odd):after {
    background-color: var(--color-200) !important;
    bottom: 8px !important;
    content: "" !important;
    height: calc(100% - 8px) !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 1px !important;
  }
  .midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article:nth-child(2n) {
    padding-left: 8px !important;
  }
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article:nth-child(n + 2) {
  display: none !important;
}
@media (min-width: 1024px) {
  .midas-intext
    .midas-wgt.midas-wgt-intext
    .midas-wgt-article:nth-child(n + 2) {
    display: inline-block !important;
  }
}
.midas-intext .midas-wgt.midas-wgt-intext .midas-wgt-article:nth-child(n + 3) {
  display: none !important;
}
.midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor {
  display: flex !important;
  flex-direction: column !important;
}
.article-rte
  .midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor:after {
  display: none !important;
}
.midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor
  .midas-wgt-article-image {
  flex-basis: 100% !important;
  margin-bottom: 8px !important;
  order: 1 !important;
  padding-top: 66.6666666667% !important;
  width: 100% !important;
}
.midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor
  .midas-wgt-article-title {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  order: 2 !important;
}
.midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor
  .midas-wgt-article-subc {
  margin: 8px 0 0 !important;
  order: 3 !important;
}
.midas-intext
  .midas-wgt.midas-wgt-intext
  .midas-wgt-article
  .midas-wgt-article-anchor
  .midas-wgt-article-subc:empty {
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .midas-intext.hide-header .midas-wgt.midas-wgt-intext {
    padding-top: 8px !important;
  }
}
.midas-intext.hide-header .midas-wgt.midas-wgt-intext .midas-wgt-article {
  border-top: none !important;
}
.sasomange-external-widget[data-v-7a51c871] {
  box-shadow: var(--main-box-shadow);
  margin: 0 0 4px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1024px) {
  .article-below
    .below-article-content
    .sasomange-external-widget[data-v-7a51c871] {
    width: 100%;
  }
}
.article-sidebar .sasomange-external-widget[data-v-7a51c871],
.below-article-content .sasomange-external-widget[data-v-7a51c871],
.is-main .sasomange-external-widget[data-v-7a51c871],
.is-sidebar .sasomange-external-widget[data-v-7a51c871] {
  margin-top: 0;
}
.sasomange-external-widget iframe[data-v-7a51c871] {
  display: block;
  height: 490px;
}
@media screen and (min-width: 320px) {
  .sasomange-external-widget iframe[data-v-7a51c871] {
    height: 542px;
  }
}
@media screen and (min-width: 484px) {
  .sasomange-external-widget iframe[data-v-7a51c871] {
    height: 616px;
  }
}
@media (min-width: 1024px) {
  .sasomange-external-widget.is-full-width-position iframe[data-v-7a51c871] {
    height: 326px;
  }
  .sasomange-external-widget.is-feed-position iframe[data-v-7a51c871] {
    height: 616px;
  }
  .sasomange-external-widget.is-below-article-content-position
    iframe[data-v-7a51c871],
  .sasomange-external-widget.is-feed-without-narrow-position
    iframe[data-v-7a51c871] {
    height: 285px;
  }
  .sasomange-external-widget.is-narrow-position iframe[data-v-7a51c871] {
    height: 520px;
  }
  .sasomange-external-widget.is-sidebar-position iframe[data-v-7a51c871] {
    height: 490px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7a51c871] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7a51c871] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7a51c871],
  .comment-reply-bubble[data-v-7a51c871] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7a51c871],
  .comment-reply-bubble[data-v-7a51c871] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7a51c871] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7a51c871] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7a51c871],
  .comment-title[data-v-7a51c871] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7a51c871],
  .comment-title[data-v-7a51c871] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7a51c871] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7a51c871] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7a51c871] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7a51c871] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7a51c871] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7a51c871] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7a51c871] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7a51c871] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7a51c871] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7a51c871] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7a51c871] {
  margin-bottom: 16px;
}
.comment-header[data-v-7a51c871] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7a51c871] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7a51c871] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7a51c871] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7a51c871] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7a51c871] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7a51c871]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7a51c871],
.comment-page .comment-header.is-sticky[data-v-7a51c871] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7a51c871] {
  animation: slideInDown-7a51c871 0.32s ease-in-out;
}
@keyframes slideInDown-7a51c871 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7a51c871] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7a51c871] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7a51c871]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7a51c871]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7a51c871] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7a51c871] {
  animation: slideOutUp-7a51c871 0.32s ease-in-out;
}
@keyframes slideOutUp-7a51c871 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7a51c871] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7a51c871] {
  margin-left: 8px;
}
.comment-title span[data-v-7a51c871] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7a51c871] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7a51c871] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7a51c871] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7a51c871]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7a51c871] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7a51c871] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7a51c871] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7a51c871] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7a51c871] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7a51c871],
.comment-page.post-fixed .comment-post-body[data-v-7a51c871] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7a51c871] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7a51c871] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7a51c871] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7a51c871] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7a51c871] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7a51c871] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7a51c871] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7a51c871] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7a51c871] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7a51c871],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7a51c871] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7a51c871] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7a51c871] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7a51c871],
.comment-page.post-fixed .comment-post-body.active[data-v-7a51c871] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7a51c871],
  .comment-page.post-fixed .comment-post-body.active[data-v-7a51c871] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7a51c871],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7a51c871] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7a51c871] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7a51c871] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7a51c871] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7a51c871] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7a51c871] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7a51c871] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7a51c871] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7a51c871] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7a51c871] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7a51c871] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7a51c871]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7a51c871]:focus,
.comment-input-field.textarea[data-v-7a51c871]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7a51c871]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7a51c871] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7a51c871] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7a51c871] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7a51c871] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7a51c871] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7a51c871] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7a51c871] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7a51c871] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7a51c871]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7a51c871] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7a51c871],
.comment-send-btn.disabled .icon-send[data-v-7a51c871] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7a51c871]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7a51c871] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7a51c871] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7a51c871] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7a51c871] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7a51c871] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7a51c871] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7a51c871] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7a51c871] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7a51c871] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7a51c871] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7a51c871] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7a51c871] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7a51c871] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7a51c871] {
  align-items: center;
  animation: blink-7a51c871 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7a51c871 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7a51c871] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7a51c871] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7a51c871] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7a51c871] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7a51c871] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7a51c871] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7a51c871]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7a51c871] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7a51c871] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7a51c871] {
  margin: 0 0 0 -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7c1262b9] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7c1262b9] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7c1262b9],
  .comment-reply-bubble[data-v-7c1262b9] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7c1262b9],
  .comment-reply-bubble[data-v-7c1262b9] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7c1262b9] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7c1262b9] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7c1262b9],
  .comment-title[data-v-7c1262b9] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7c1262b9],
  .comment-title[data-v-7c1262b9] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7c1262b9] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7c1262b9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7c1262b9] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7c1262b9] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7c1262b9] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7c1262b9] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7c1262b9] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7c1262b9] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7c1262b9] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7c1262b9] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7c1262b9] {
  margin-bottom: 16px;
}
.comment-header[data-v-7c1262b9] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7c1262b9] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7c1262b9] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7c1262b9] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7c1262b9] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7c1262b9] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7c1262b9]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7c1262b9],
.comment-page .comment-header.is-sticky[data-v-7c1262b9] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7c1262b9] {
  animation: slideInDown-7c1262b9 0.32s ease-in-out;
}
@keyframes slideInDown-7c1262b9 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7c1262b9] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7c1262b9] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7c1262b9]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7c1262b9]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7c1262b9] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7c1262b9] {
  animation: slideOutUp-7c1262b9 0.32s ease-in-out;
}
@keyframes slideOutUp-7c1262b9 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7c1262b9] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7c1262b9] {
  margin-left: 8px;
}
.comment-title span[data-v-7c1262b9] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7c1262b9] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7c1262b9] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7c1262b9] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7c1262b9]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7c1262b9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7c1262b9] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7c1262b9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7c1262b9] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7c1262b9] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7c1262b9],
.comment-page.post-fixed .comment-post-body[data-v-7c1262b9] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7c1262b9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7c1262b9] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7c1262b9] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7c1262b9] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7c1262b9] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7c1262b9] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7c1262b9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7c1262b9] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7c1262b9] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7c1262b9],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7c1262b9] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7c1262b9] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7c1262b9] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7c1262b9],
.comment-page.post-fixed .comment-post-body.active[data-v-7c1262b9] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7c1262b9],
  .comment-page.post-fixed .comment-post-body.active[data-v-7c1262b9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7c1262b9],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7c1262b9] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7c1262b9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7c1262b9] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7c1262b9] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7c1262b9] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7c1262b9] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7c1262b9] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7c1262b9] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7c1262b9] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7c1262b9] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7c1262b9] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7c1262b9]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7c1262b9]:focus,
.comment-input-field.textarea[data-v-7c1262b9]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7c1262b9]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7c1262b9] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7c1262b9] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7c1262b9] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7c1262b9] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7c1262b9] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7c1262b9] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7c1262b9] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7c1262b9] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7c1262b9]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7c1262b9] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7c1262b9],
.comment-send-btn.disabled .icon-send[data-v-7c1262b9] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7c1262b9]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7c1262b9] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7c1262b9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7c1262b9] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7c1262b9] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7c1262b9] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7c1262b9] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7c1262b9] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7c1262b9] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7c1262b9] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7c1262b9] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7c1262b9] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7c1262b9] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7c1262b9] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7c1262b9] {
  align-items: center;
  animation: blink-7c1262b9 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7c1262b9 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7c1262b9] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7c1262b9] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7c1262b9] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7c1262b9] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7c1262b9] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7c1262b9] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7c1262b9]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7c1262b9] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7c1262b9] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7c1262b9] {
  margin: 0 0 0 -8px;
}
.loader-container[data-v-7c1262b9] {
  background-color: var(--color-50);
  display: block;
  padding-top: 3px;
}
.loader-container .pagination[data-v-7c1262b9] {
  height: 43px;
  padding-top: 11px;
  text-align: center;
}
.loader-container .dot[data-v-7c1262b9] {
  display: inline-block;
  height: 6px;
  margin: 0 13px;
  width: 6px;
}
.skeleton[data-v-7c1262b9] {
  animation: loader-7c1262b9 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 3px;
  display: block;
}
.custom .loader-container[data-v-7c1262b9] {
  background-color: var(--ca-surface-color-from-cms);
}
.custom .skeleton[data-v-7c1262b9] {
  animation: loader-7c1262b9 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--title-color-from-cms-08),
    var(--title-color-from-cms-20),
    var(--title-color-from-cms-08)
  );
  background-size: 200%;
}
.label[data-v-7c1262b9] {
  height: 8px;
  margin-bottom: 11px;
  width: 128px;
}
.title[data-v-7c1262b9] {
  height: 11px;
  margin-bottom: 9px;
  width: 100%;
}
.row-two[data-v-7c1262b9] {
  margin-bottom: 21px;
  width: 60%;
}
.skeleton[data-v-7c1262b9]:last-of-type {
  margin-bottom: 0;
}
.divider[data-v-7c1262b9] {
  height: 1px;
  margin-bottom: 19px;
  width: 100%;
}
@keyframes loader-7c1262b9 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-2b2095f0] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-2b2095f0] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-2b2095f0],
  .comment-reply-bubble[data-v-2b2095f0] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-2b2095f0],
  .comment-reply-bubble[data-v-2b2095f0] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2b2095f0] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-2b2095f0] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2b2095f0],
  .comment-title[data-v-2b2095f0],
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-labels
    .card-label-wrap {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-2b2095f0],
  .comment-title[data-v-2b2095f0],
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-labels
    .card-label-wrap {
    font-weight: 800;
  }
}
.comment-teaser[data-v-2b2095f0] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-2b2095f0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-2b2095f0] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-2b2095f0] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-2b2095f0] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-2b2095f0] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-2b2095f0] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-2b2095f0] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-2b2095f0] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-2b2095f0] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-2b2095f0] {
  margin-bottom: 16px;
}
.comment-header[data-v-2b2095f0] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-2b2095f0] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-2b2095f0] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-2b2095f0] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-2b2095f0] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-2b2095f0] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-2b2095f0]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-2b2095f0],
.comment-page .comment-header.is-sticky[data-v-2b2095f0] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-2b2095f0] {
  animation: slideInDown-2b2095f0 0.32s ease-in-out;
}
@keyframes slideInDown-2b2095f0 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2b2095f0] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2b2095f0] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2b2095f0]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-2b2095f0]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-2b2095f0] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-2b2095f0] {
  animation: slideOutUp-2b2095f0 0.32s ease-in-out;
}
@keyframes slideOutUp-2b2095f0 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-2b2095f0] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-2b2095f0] {
  margin-left: 8px;
}
.comment-title span[data-v-2b2095f0] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-2b2095f0] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-2b2095f0] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-2b2095f0] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-2b2095f0]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-2b2095f0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-2b2095f0] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-2b2095f0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-2b2095f0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-2b2095f0] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-2b2095f0],
.comment-page.post-fixed .comment-post-body[data-v-2b2095f0] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-2b2095f0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-2b2095f0] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-2b2095f0] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-2b2095f0] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-2b2095f0] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-2b2095f0] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-2b2095f0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-2b2095f0] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-2b2095f0] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-2b2095f0],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-2b2095f0] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-2b2095f0] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-2b2095f0] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-2b2095f0],
.comment-page.post-fixed .comment-post-body.active[data-v-2b2095f0] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-2b2095f0],
  .comment-page.post-fixed .comment-post-body.active[data-v-2b2095f0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-2b2095f0],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-2b2095f0] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-2b2095f0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-2b2095f0] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-2b2095f0] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-2b2095f0] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-2b2095f0] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-2b2095f0] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-2b2095f0] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-2b2095f0] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-2b2095f0] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2b2095f0] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-2b2095f0]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-2b2095f0]:focus,
.comment-input-field.textarea[data-v-2b2095f0]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-2b2095f0]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-2b2095f0] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-2b2095f0] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2b2095f0] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-2b2095f0] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2b2095f0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-2b2095f0] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-2b2095f0] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-2b2095f0] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-2b2095f0]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-2b2095f0] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-2b2095f0],
.comment-send-btn.disabled .icon-send[data-v-2b2095f0] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-2b2095f0]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-2b2095f0] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-2b2095f0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-2b2095f0] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-2b2095f0] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-2b2095f0] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-2b2095f0] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-2b2095f0] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-2b2095f0] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-2b2095f0] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-2b2095f0] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-2b2095f0] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-2b2095f0] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-2b2095f0] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-2b2095f0] {
  align-items: center;
  animation: blink-2b2095f0 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-2b2095f0 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-2b2095f0] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-2b2095f0] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-2b2095f0] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-2b2095f0] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-2b2095f0] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-2b2095f0] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-2b2095f0]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-2b2095f0] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-2b2095f0] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-2b2095f0] {
  margin: 0 0 0 -8px;
}
.content-aside.full-width[data-v-2b2095f0] {
  background-color: var(--ca-surface-color-from-cms);
  margin-bottom: 4px;
  max-width: 1024px;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] {
    display: flex;
    flex-direction: column;
    height: 512px;
    justify-content: space-between;
    padding: 0;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-main {
  width: 100%;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-main {
    height: 100%;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-header {
  align-items: center;
  height: 48px;
  padding: 8px 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-header {
    height: 56px;
    margin-bottom: 12px;
    padding: 16px 0;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-header.is-mobile {
  display: flex;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-header.is-mobile {
    display: none;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-header.is-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-header.is-desktop {
    display: flex;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-sponsor {
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  margin-right: 8px;
  max-height: 24px;
  position: relative;
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-sponsor img {
  max-height: 100%;
  object-fit: contain;
  width: auto;
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-headline {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  line-height: 1rem;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@supports (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-headline {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-headline {
    font-weight: 800;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-image {
  aspect-ratio: 3/2;
  margin-bottom: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-image {
    aspect-ratio: 2/1;
    border-radius: unset;
    height: 0;
    margin-bottom: 0;
    overflow: unset;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-image picture {
  aspect-ratio: inherit;
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-image img {
  aspect-ratio: inherit;
  object-fit: cover;
  width: 100%;
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-content {
  height: 100%;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-content {
    padding: 0 24px;
    width: 373px;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-main-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-labels {
  display: flex;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-labels
  .card-label-wrap {
  margin: 0 4px 8px 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width.has-related[data-v-2b2095f0]
    .content-aside-main-info {
    height: 100%;
  }
}
.content-aside.full-width.has-header[data-v-2b2095f0] {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width.has-header[data-v-2b2095f0]
    .content-aside-main-info {
    height: calc(100% - 136px);
  }
}
.content-aside.full-width.has-related-header[data-v-2b2095f0] {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width.has-related-header[data-v-2b2095f0]
    .content-aside-main-info {
    height: calc(100% - 80px);
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-title {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 16px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-title {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-title {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin-bottom: 20px;
  }
}
.content-aside.full-width.has-related[data-v-2b2095f0] .content-aside-title {
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .content-aside.full-width.has-related[data-v-2b2095f0] .content-aside-title {
    margin-bottom: 20px;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-link {
  align-items: center;
  background-color: var(--cta-bg-color-from-cms);
  color: var(--cta-text-color-from-cms);
  font-size: 0.875rem;
  height: auto;
  height: 40px;
  justify-content: center;
  line-height: 1.0625rem;
  padding: 8px;
  text-align: center;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link {
    padding: 8px 24px;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link:hover {
    background-color: var(--cta-bg-hover-color-from-cms);
    color: var(--cta-text-hover-color-from-cms);
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-link.is-mobile {
  display: inline-flex;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link.is-mobile {
    display: none;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-link.is-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-link.is-desktop {
    display: inline-flex;
  }
}
.content-aside.full-width[data-v-2b2095f0] .content-aside-list {
  padding: 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0] .content-aside-list {
    padding: 0 0 24px;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .articles-slider {
  margin: 0 -16px;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .articles-slider {
    margin: auto;
    padding: 0 12px;
    width: 100%;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article {
  margin-top: 7px;
  padding: 8px 16px 0;
  position: relative;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article:before {
  background-color: var(--title-color-from-cms);
  content: "";
  height: 1px;
  left: 16px;
  opacity: 0.12;
  position: absolute;
  right: 16px;
  top: 0;
  width: calc(100% - 32px);
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article:before {
    display: none;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article:first-of-type {
  margin-top: 0;
  padding: 0 16px;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article:first-of-type:before {
  display: none;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article:first-of-type {
    padding: 0 12px;
  }
}
@media (min-width: 429px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article {
    width: 428px;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article {
    margin-top: 0;
    padding: 0 12px;
    width: 33.33%;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-content {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-image {
  background-color: var(--ca-surface-color-from-cms);
  display: none;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-image {
    display: flex;
    flex-basis: 108px;
    flex-grow: 0;
    flex-shrink: 0;
    height: 72px;
    overflow: hidden;
    width: 108px;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-image
  picture {
  aspect-ratio: 3/2;
  height: 72px;
  width: 108px;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-image
  img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-title {
  color: var(--color-900);
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-title {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-title {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-left: 8px;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-labels {
  display: flex;
}
.content-aside.full-width[data-v-2b2095f0]
  .content-aside-list
  .related-article-labels
  .card-label-wrap {
  font-size: 0.75rem;
  margin: 0 8px 4px 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .content-aside-list
    .related-article-labels
    .card-label-wrap {
    margin: 0 4px 8px 0;
  }
}
.content-aside.full-width.has-related[data-v-2b2095f0] .content-aside-list {
  position: relative;
}
@media (min-width: 1024px) {
  .content-aside.full-width.has-related[data-v-2b2095f0] .content-aside-list {
    position: unset;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker,
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker {
  background-color: var(--cta-bg-color-from-cms);
  height: 32px;
  top: calc(50% + 9px);
  transition: all 0.15s;
  width: 32px;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__left-arrow-marker:hover,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__right-arrow-marker:hover {
    background-color: var(--cta-bg-hover-color-from-cms);
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker:before,
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker:before {
  background-color: var(--cta-bg-color-from-cms);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s;
  width: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__left-arrow-marker:hover:before,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__right-arrow-marker:hover:before {
    background-color: var(--cta-bg-hover-color-from-cms);
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker:after,
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker:after {
  font-family: icons !important;
  height: auto;
  left: unset;
  position: relative;
  right: unset;
  width: auto;
  z-index: 2;
  speak: never;
  border: none;
  color: var(--cta-text-color-from-cms);
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__left-arrow-marker:hover:after,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__right-arrow-marker:hover:after {
    color: var(--cta-text-hover-color-from-cms);
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker {
  right: 8px;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker:after {
  content: "";
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker {
  left: 8px;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker:after {
  content: "";
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow:before,
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow:before {
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  position: absolute;
  top: 0;
  width: 24px;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__left-arrow:hover
    .wm-content-slider__right-arrow-marker:before,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__left-arrow-marker:before,
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__right-arrow:hover
    .wm-content-slider__right-arrow-marker:before {
    opacity: 1;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__slides-container {
  padding-bottom: 38px;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider
    .wm-content-slider__slides-container {
    padding-bottom: 0;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider.no-pagination
  .wm-content-slider__slides-container {
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .content-aside.full-width[data-v-2b2095f0]
    .wm-content-slider.no-pagination
    .wm-content-slider__slides-container {
    padding-bottom: 0;
  }
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__pagination {
  bottom: 4px;
  width: 100%;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__dot {
  background-color: unset;
  height: 22px;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
  width: 28px;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__dot:last-of-type {
  margin-left: 0;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__dot:after {
  background-color: var(--title-color-from-cms);
  border-radius: 100%;
  content: "";
  height: 6px;
  left: 50%;
  opacity: 0.12;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
  width: 6px;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__dot.isActive {
  background-color: unset;
}
.content-aside.full-width[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__dot.isActive:after {
  background-color: var(--title-color-from-cms);
  opacity: 1;
}
.content-aside.full-width.dark[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow-marker,
.content-aside.full-width.dark[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow-marker {
  box-shadow: inset 0 0 0 1px #fff3 !important;
}
.content-aside.full-width.custom
  .related-article-labels
  .is-time[data-v-2b2095f0] {
  opacity: 0.48;
}
.content-aside.full-width.custom[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__left-arrow:before,
.content-aside.full-width.custom[data-v-2b2095f0]
  .wm-content-slider
  .wm-content-slider__right-arrow:before {
  display: none;
}
[data-v-2b2095f0] .content-aside-list .skeleton {
  border-radius: 0;
}
.hidden[data-v-2b2095f0] {
  display: none;
}
.pagination .next[data-v-312211e9],
.pagination .prev[data-v-312211e9] {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px !important;
}
.pagination li[data-v-312211e9] {
  border-radius: 0 !important;
}
.pagination li[data-v-312211e9]:first-of-type,
.pagination li[data-v-312211e9]:last-of-type {
  color: var(--accent);
}
.pagination li a[data-v-312211e9]:before {
  font-size: 1rem !important;
}
.pagination li.active[data-v-312211e9]:after {
  border-radius: 0 !important;
}
.pagination li.disabled[data-v-312211e9] {
  opacity: 0.42;
}
.pagination li.disabled[data-v-312211e9]:first-of-type {
  margin-right: 8px;
}
.pagination li.disabled[data-v-312211e9]:last-of-type {
  margin-left: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-312211e9] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-312211e9] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-312211e9],
  .comment-reply-bubble[data-v-312211e9] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-312211e9],
  .comment-reply-bubble[data-v-312211e9] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-312211e9] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-312211e9] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-312211e9],
  .comment-title[data-v-312211e9] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-312211e9],
  .comment-title[data-v-312211e9] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-312211e9] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-312211e9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-312211e9] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-312211e9] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-312211e9] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-312211e9] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-312211e9] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-312211e9] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-312211e9] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-312211e9] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-312211e9] {
  margin-bottom: 16px;
}
.comment-header[data-v-312211e9] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-312211e9] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-312211e9] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-312211e9] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-312211e9] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-312211e9] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-312211e9]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-312211e9],
.comment-page .comment-header.is-sticky[data-v-312211e9] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-312211e9] {
  animation: slideInDown-312211e9 0.32s ease-in-out;
}
@keyframes slideInDown-312211e9 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-312211e9] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-312211e9] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-312211e9]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-312211e9]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-312211e9] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-312211e9] {
  animation: slideOutUp-312211e9 0.32s ease-in-out;
}
@keyframes slideOutUp-312211e9 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-312211e9] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-312211e9] {
  margin-left: 8px;
}
.comment-title span[data-v-312211e9] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-312211e9] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-312211e9] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-312211e9] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-312211e9]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-312211e9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-312211e9] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-312211e9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-312211e9] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-312211e9] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-312211e9],
.comment-page.post-fixed .comment-post-body[data-v-312211e9] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-312211e9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-312211e9] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-312211e9] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-312211e9] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-312211e9] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-312211e9] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-312211e9] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-312211e9] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-312211e9] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-312211e9],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-312211e9] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-312211e9] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-312211e9] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-312211e9],
.comment-page.post-fixed .comment-post-body.active[data-v-312211e9] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-312211e9],
  .comment-page.post-fixed .comment-post-body.active[data-v-312211e9] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-312211e9],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-312211e9] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-312211e9] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-312211e9] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-312211e9] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-312211e9] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-312211e9] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-312211e9] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-312211e9] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-312211e9] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-312211e9] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-312211e9] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-312211e9]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-312211e9]:focus,
.comment-input-field.textarea[data-v-312211e9]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-312211e9]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-312211e9] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-312211e9] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-312211e9] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-312211e9] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-312211e9] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-312211e9] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-312211e9] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-312211e9] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-312211e9]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-312211e9] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-312211e9],
.comment-send-btn.disabled .icon-send[data-v-312211e9] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-312211e9]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-312211e9] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-312211e9] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-312211e9] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-312211e9] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-312211e9] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-312211e9] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-312211e9] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-312211e9] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-312211e9] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-312211e9] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-312211e9] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-312211e9] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-312211e9] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-312211e9] {
  align-items: center;
  animation: blink-312211e9 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-312211e9 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-312211e9] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-312211e9] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-312211e9] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-312211e9] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-312211e9] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-312211e9] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-312211e9]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-312211e9] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-312211e9] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-312211e9] {
  margin: 0 0 0 -8px;
}
.pagination[data-v-312211e9] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
@media screen and (min-width: 400px) {
  .pagination[data-v-312211e9] {
    justify-content: center;
  }
}
.pagination li[data-v-312211e9] {
  align-items: center;
  border-radius: 3px;
  color: var(--color-900);
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  height: 32px;
  justify-content: center;
  margin: 0 2px;
  min-width: 32px;
  padding: 0 2px;
  transition: all 0.15s;
}
@supports (font-variation-settings: normal) {
  .pagination li[data-v-312211e9] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .pagination li[data-v-312211e9] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .pagination li[data-v-312211e9] {
    padding: 0 4px;
  }
}
.pagination li a[data-v-312211e9] {
  align-items: center;
  display: flex;
  flex-basis: 32px;
  flex-grow: 1;
  flex-shrink: 1;
  height: 32px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .pagination li[data-v-312211e9]:hover {
    background-color: var(--color-200);
  }
}
.pagination li[data-v-312211e9]:first-of-type,
.pagination li[data-v-312211e9]:last-of-type {
  background-color: #54545400;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  margin: 0;
  width: 32px;
}
@media (min-width: 1024px) {
  .pagination li[data-v-312211e9]:first-of-type:hover,
  .pagination li[data-v-312211e9]:last-of-type:hover {
    background-color: var(--color-200);
  }
}
.pagination li:first-of-type a[data-v-312211e9],
.pagination li:last-of-type a[data-v-312211e9] {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  font-family: icons !important;
  height: 100%;
  justify-content: center;
  width: 100%;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination li:first-of-type a[data-v-312211e9]:before,
.pagination li:last-of-type a[data-v-312211e9]:before {
  font-size: 1.5rem;
  transition: color 0.3s;
}
@media (min-width: 1024px) {
  .pagination li[data-v-312211e9]:first-of-type {
    margin-right: 8px;
  }
  .pagination li[data-v-312211e9]:last-of-type {
    margin-left: 8px;
  }
}
.pagination li:first-of-type a[data-v-312211e9]:before {
  content: "";
}
.pagination li:last-of-type a[data-v-312211e9]:before {
  content: "";
}
.pagination li.disabled[data-v-312211e9] {
  cursor: default;
  margin: 0;
  min-width: unset;
  pointer-events: none;
}
.pagination li.disabled a[data-v-312211e9] {
  color: var(--color-500);
  cursor: default;
}
.pagination li.disabled[data-v-312211e9]:first-of-type {
  margin-right: 10px;
}
.pagination li.disabled[data-v-312211e9]:last-of-type {
  margin-left: 10px;
}
.pagination li.active[data-v-312211e9] {
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  min-width: 32px;
  padding: 0 2px;
  position: relative;
}
@media (min-width: 1024px) {
  .pagination li.active[data-v-312211e9] {
    padding: 0 4px;
  }
}
.pagination li.active[data-v-312211e9]:after {
  background-color: var(--accent);
  border-radius: 1px 1px 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  right: 2px;
  width: auto;
}
@media (min-width: 1024px) {
  .pagination li.active[data-v-312211e9]:after {
    left: 4px;
    right: 4px;
  }
}
.pagination li.active + .disabled[data-v-312211e9] {
  margin-left: 10px;
}
.pagination li.ellipsis[data-v-312211e9] {
  color: var(--color-500);
  cursor: default;
  margin: 0;
  min-width: unset;
  pointer-events: none;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-9bc92025] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-9bc92025] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-9bc92025],
  .comment-reply-bubble[data-v-9bc92025] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-9bc92025],
  .comment-reply-bubble[data-v-9bc92025] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9bc92025] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-9bc92025] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9bc92025],
  .comment-title[data-v-9bc92025] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9bc92025],
  .comment-title[data-v-9bc92025] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-9bc92025] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-9bc92025] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-9bc92025] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-9bc92025] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-9bc92025] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-9bc92025] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-9bc92025] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-9bc92025] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-9bc92025] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-9bc92025] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-9bc92025] {
  margin-bottom: 16px;
}
.comment-header[data-v-9bc92025] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-9bc92025] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-9bc92025] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-9bc92025] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-9bc92025] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-9bc92025] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-9bc92025]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-9bc92025],
.comment-page .comment-header.is-sticky[data-v-9bc92025] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-9bc92025] {
  animation: slideInDown-9bc92025 0.32s ease-in-out;
}
@keyframes slideInDown-9bc92025 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9bc92025] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9bc92025] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9bc92025]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9bc92025]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9bc92025] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-9bc92025] {
  animation: slideOutUp-9bc92025 0.32s ease-in-out;
}
@keyframes slideOutUp-9bc92025 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-9bc92025] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-9bc92025] {
  margin-left: 8px;
}
.comment-title span[data-v-9bc92025] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-9bc92025] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-9bc92025] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-9bc92025] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-9bc92025]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-9bc92025] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-9bc92025] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-9bc92025] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-9bc92025] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-9bc92025] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-9bc92025],
.comment-page.post-fixed .comment-post-body[data-v-9bc92025] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-9bc92025] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-9bc92025] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-9bc92025] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-9bc92025] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-9bc92025] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-9bc92025] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-9bc92025] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-9bc92025] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-9bc92025] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-9bc92025],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-9bc92025] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-9bc92025] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-9bc92025] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-9bc92025],
.comment-page.post-fixed .comment-post-body.active[data-v-9bc92025] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-9bc92025],
  .comment-page.post-fixed .comment-post-body.active[data-v-9bc92025] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-9bc92025],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-9bc92025] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-9bc92025] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-9bc92025] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-9bc92025] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-9bc92025] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-9bc92025] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-9bc92025] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-9bc92025] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-9bc92025] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-9bc92025] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9bc92025] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-9bc92025]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-9bc92025]:focus,
.comment-input-field.textarea[data-v-9bc92025]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9bc92025]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-9bc92025] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-9bc92025] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9bc92025] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-9bc92025] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9bc92025] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9bc92025] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-9bc92025] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-9bc92025] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9bc92025]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-9bc92025] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-9bc92025],
.comment-send-btn.disabled .icon-send[data-v-9bc92025] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-9bc92025]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-9bc92025] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-9bc92025] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-9bc92025] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-9bc92025] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-9bc92025] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-9bc92025] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-9bc92025] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-9bc92025] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-9bc92025] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-9bc92025] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-9bc92025] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-9bc92025] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-9bc92025] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-9bc92025] {
  align-items: center;
  animation: blink-9bc92025 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-9bc92025 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-9bc92025] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-9bc92025] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-9bc92025] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-9bc92025] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-9bc92025] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-9bc92025] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-9bc92025]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-9bc92025] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-9bc92025] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-9bc92025] {
  margin: 0 0 0 -8px;
}
.loader-container[data-v-9bc92025] {
  background-color: var(--color-50);
  padding-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .loader-container[data-v-9bc92025] {
    margin: 0 auto;
    max-width: 688px;
  }
}
.skeleton[data-v-9bc92025] {
  animation: loader-9bc92025 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
.wrapper[data-v-9bc92025] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 8px;
}
.image[data-v-9bc92025] {
  height: 72px;
  margin-top: 28px;
  width: 108px;
}
@media (min-width: 1024px) {
  .image[data-v-9bc92025] {
    height: 133px;
    margin: 0;
    order: 1;
    width: 200px;
  }
}
.label[data-v-9bc92025] {
  height: 8px;
  margin: 4px 0 16px;
  width: 128px;
}
.content[data-v-9bc92025] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
@media (min-width: 1024px) {
  .content[data-v-9bc92025] {
    order: 2;
    padding-bottom: 8px;
  }
}
.title[data-v-9bc92025] {
  height: 11px;
  margin-bottom: 9px;
  width: 100%;
}
.row-one[data-v-9bc92025] {
  width: 96%;
}
.row-three[data-v-9bc92025] {
  width: 80%;
}
.skeleton[data-v-9bc92025]:last-of-type {
  margin-bottom: 0;
}
.divider[data-v-9bc92025] {
  height: 1px;
  margin-bottom: 8px;
  width: 100%;
}
@keyframes loader-9bc92025 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-00617da3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-00617da3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-00617da3],
  .comment-reply-bubble[data-v-00617da3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-00617da3],
  .comment-reply-bubble[data-v-00617da3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-00617da3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-00617da3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-00617da3],
  .comment-title[data-v-00617da3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-00617da3],
  .comment-title[data-v-00617da3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-00617da3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-00617da3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-00617da3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-00617da3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-00617da3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-00617da3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-00617da3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-00617da3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-00617da3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-00617da3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-00617da3] {
  margin-bottom: 16px;
}
.comment-header[data-v-00617da3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-00617da3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-00617da3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-00617da3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-00617da3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-00617da3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-00617da3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-00617da3],
.comment-page .comment-header.is-sticky[data-v-00617da3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-00617da3] {
  animation: slideInDown-00617da3 0.32s ease-in-out;
}
@keyframes slideInDown-00617da3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-00617da3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-00617da3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-00617da3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-00617da3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-00617da3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-00617da3] {
  animation: slideOutUp-00617da3 0.32s ease-in-out;
}
@keyframes slideOutUp-00617da3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-00617da3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-00617da3] {
  margin-left: 8px;
}
.comment-title span[data-v-00617da3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-00617da3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-00617da3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-00617da3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-00617da3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-00617da3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-00617da3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-00617da3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-00617da3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-00617da3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-00617da3],
.comment-page.post-fixed .comment-post-body[data-v-00617da3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-00617da3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-00617da3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-00617da3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-00617da3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-00617da3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-00617da3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-00617da3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-00617da3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-00617da3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-00617da3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-00617da3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-00617da3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-00617da3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-00617da3],
.comment-page.post-fixed .comment-post-body.active[data-v-00617da3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-00617da3],
  .comment-page.post-fixed .comment-post-body.active[data-v-00617da3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-00617da3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-00617da3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-00617da3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-00617da3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-00617da3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-00617da3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-00617da3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-00617da3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-00617da3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-00617da3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-00617da3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-00617da3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-00617da3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-00617da3]:focus,
.comment-input-field.textarea[data-v-00617da3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-00617da3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-00617da3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-00617da3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-00617da3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-00617da3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-00617da3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-00617da3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-00617da3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-00617da3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-00617da3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-00617da3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-00617da3],
.comment-send-btn.disabled .icon-send[data-v-00617da3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-00617da3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-00617da3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-00617da3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-00617da3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-00617da3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-00617da3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-00617da3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-00617da3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-00617da3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-00617da3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-00617da3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-00617da3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-00617da3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-00617da3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-00617da3] {
  align-items: center;
  animation: blink-00617da3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-00617da3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-00617da3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-00617da3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-00617da3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-00617da3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-00617da3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-00617da3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-00617da3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-00617da3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-00617da3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-00617da3] {
  margin: 0 0 0 -8px;
}
.search[data-v-00617da3] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 20px 8px 0;
}
@media (min-width: 1024px) {
  .search[data-v-00617da3] {
    padding: 24px 8px 8px;
  }
}
.search-header__form[data-v-00617da3] {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .search-header__form[data-v-00617da3] {
    max-width: 468px;
  }
}
.search-header__form form[data-v-00617da3] {
  height: 32px;
  margin-bottom: 12px;
  position: relative;
}
@media (min-width: 1024px) {
  .search-header__form form[data-v-00617da3] {
    height: 48px;
  }
}
.search-header__form input[data-v-00617da3] {
  background-color: var(--search-input-background);
  border: none;
  border-radius: 0;
  caret-color: var(--search-input-caret-color);
  color: var(--search-input-color);
  font-family: inherit;
  font-size: 1rem;
  height: 32px;
  line-height: 1.25rem;
  margin: 0;
  padding: 8px 32px 8px 12px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .search-header__form input[data-v-00617da3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .search-header__form input[data-v-00617da3] {
    font-weight: 400;
  }
}
@media (min-width: 429px) {
  .search-header__form input[data-v-00617da3] {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .search-header__form input[data-v-00617da3] {
    height: 100%;
    padding: 12px 48px 12px 12px;
    width: 100%;
  }
  @supports (font-variation-settings: normal) {
    .search-header__form input[data-v-00617da3] {
      font-variation-settings: "wght" 600;
    }
  }
  @supports not (font-variation-settings: normal) {
    .search-header__form input[data-v-00617da3] {
      font-weight: 600;
    }
  }
}
.search-header__form input[data-v-00617da3]:focus,
.search-header__form input[data-v-00617da3]:focus-visible {
  background-color: var(--color-200);
  border: none;
  outline: none;
}
.search-header__form input[data-v-00617da3]::placeholder {
  color: var(--search-input-placeholder);
  font-size: 1rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .search-header__form input[data-v-00617da3]::placeholder {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .search-header__form input[data-v-00617da3]::placeholder {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
    .search-header__form input[data-v-00617da3]::placeholder {
      font-variation-settings: "wght" 600;
    }
  }
  @supports not (font-variation-settings: normal) {
    .search-header__form input[data-v-00617da3]::placeholder {
      font-weight: 600;
    }
  }
}
.search-header__form input[data-v-00617da3]:active {
  background-color: var(--color-200);
}
.search-header__form .icon-close--filled[data-v-00617da3] {
  align-items: center;
  border-radius: 50%;
  color: var(--search-icon-close);
  display: flex;
  font-size: 1rem;
  height: 32px;
  justify-content: center;
  line-height: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s;
  width: 32px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .search-header__form .icon-close--filled[data-v-00617da3]:hover {
    color: var(--search-icon-close-hover);
    cursor: pointer;
  }
  .search-header__form .icon-close--filled[data-v-00617da3] {
    margin-right: 8px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.search-header__info[data-v-00617da3] {
  color: var(--search-info);
  display: block;
  font-size: 0.75rem;
  padding: 0;
}
@supports (font-variation-settings: normal) {
  .search-header__info[data-v-00617da3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .search-header__info[data-v-00617da3] {
    font-weight: 500;
  }
}
.search__results[data-v-00617da3] {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 429px) {
  .search__results[data-v-00617da3] {
    border-radius: 0;
  }
}
.search__results .search-card-wrapper[data-v-00617da3] {
  max-width: 688px;
  width: 100%;
}
.search__results[data-v-00617da3] .card-c .title,
.search__results[data-v-00617da3] .card-c .card-image {
  margin-bottom: 0;
}
.search__result-divider[data-v-00617da3],
.search__section-divider[data-v-00617da3] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 8px 0;
  width: auto;
}
.search__section-divider[data-v-00617da3] {
  margin: 20px 0 8px;
}
@media (min-width: 1024px) {
  .search__section-divider[data-v-00617da3] {
    margin: 24px 0 8px;
  }
}
.search__no-results[data-v-00617da3] {
  width: 100%;
}
@media (min-width: 1024px) {
  .search__no-results[data-v-00617da3] {
    margin: 0 auto;
    max-width: 468px;
  }
}
.search__no-results-icon[data-v-00617da3] {
  display: block;
  margin-bottom: 24px;
  text-align: center;
}
.search__no-results-icon i[data-v-00617da3] {
  color: var(--color-500);
  display: block;
  font-size: 4.5rem;
  line-height: 4.5rem;
}
@media (min-width: 1024px) {
  .search__no-results-icon i[data-v-00617da3] {
    font-size: 6rem;
    line-height: 6rem;
  }
}
.search__no-results-title[data-v-00617da3] {
  color: var(--color-900);
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 24px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .search__no-results-title[data-v-00617da3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .search__no-results-title[data-v-00617da3] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .search__no-results-title[data-v-00617da3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin: 0 auto 24px;
    max-width: 592px;
  }
}
.search__no-results-text[data-v-00617da3] {
  color: var(--color-900);
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  margin: 0 auto 24px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .search__no-results-text[data-v-00617da3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .search__no-results-text[data-v-00617da3] {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .search__no-results-text[data-v-00617da3] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
    max-width: 592px;
  }
}
.search__pagination[data-v-00617da3] {
  margin-bottom: 24px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .search__pagination[data-v-00617da3] {
    margin-bottom: 16px;
  }
}
.search__pagination .pagination[data-v-00617da3] {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .search__pagination .pagination[data-v-00617da3] {
    padding: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-35a33ac7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-35a33ac7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-35a33ac7],
  .comment-reply-bubble[data-v-35a33ac7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-35a33ac7],
  .comment-reply-bubble[data-v-35a33ac7] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-35a33ac7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-35a33ac7] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-35a33ac7],
  .comment-title[data-v-35a33ac7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-35a33ac7],
  .comment-title[data-v-35a33ac7] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-35a33ac7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-35a33ac7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-35a33ac7] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-35a33ac7] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-35a33ac7] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-35a33ac7] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-35a33ac7] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-35a33ac7] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-35a33ac7] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-35a33ac7] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-35a33ac7] {
  margin-bottom: 16px;
}
.comment-header[data-v-35a33ac7] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-35a33ac7] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-35a33ac7] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-35a33ac7] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-35a33ac7] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-35a33ac7] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-35a33ac7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-35a33ac7],
.comment-page .comment-header.is-sticky[data-v-35a33ac7] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-35a33ac7] {
  animation: slideInDown-35a33ac7 0.32s ease-in-out;
}
@keyframes slideInDown-35a33ac7 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-35a33ac7] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-35a33ac7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-35a33ac7]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-35a33ac7]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-35a33ac7] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-35a33ac7] {
  animation: slideOutUp-35a33ac7 0.32s ease-in-out;
}
@keyframes slideOutUp-35a33ac7 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-35a33ac7] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-35a33ac7] {
  margin-left: 8px;
}
.comment-title span[data-v-35a33ac7] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-35a33ac7] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-35a33ac7] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-35a33ac7] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-35a33ac7]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-35a33ac7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-35a33ac7] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-35a33ac7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-35a33ac7] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-35a33ac7] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-35a33ac7],
.comment-page.post-fixed .comment-post-body[data-v-35a33ac7] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-35a33ac7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-35a33ac7] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-35a33ac7] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-35a33ac7] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-35a33ac7] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-35a33ac7] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-35a33ac7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-35a33ac7] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-35a33ac7] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-35a33ac7],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-35a33ac7] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-35a33ac7] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-35a33ac7] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-35a33ac7],
.comment-page.post-fixed .comment-post-body.active[data-v-35a33ac7] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-35a33ac7],
  .comment-page.post-fixed .comment-post-body.active[data-v-35a33ac7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-35a33ac7],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-35a33ac7] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-35a33ac7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-35a33ac7] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-35a33ac7] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-35a33ac7] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-35a33ac7] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-35a33ac7] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-35a33ac7] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-35a33ac7] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-35a33ac7] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-35a33ac7] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-35a33ac7]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-35a33ac7]:focus,
.comment-input-field.textarea[data-v-35a33ac7]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-35a33ac7]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-35a33ac7] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-35a33ac7] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-35a33ac7] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-35a33ac7] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-35a33ac7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-35a33ac7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-35a33ac7] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-35a33ac7] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-35a33ac7]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-35a33ac7] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-35a33ac7],
.comment-send-btn.disabled .icon-send[data-v-35a33ac7] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-35a33ac7]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-35a33ac7] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-35a33ac7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-35a33ac7] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-35a33ac7] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-35a33ac7] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-35a33ac7] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-35a33ac7] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-35a33ac7] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-35a33ac7] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-35a33ac7] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-35a33ac7] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-35a33ac7] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-35a33ac7] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-35a33ac7] {
  align-items: center;
  animation: blink-35a33ac7 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-35a33ac7 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-35a33ac7] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-35a33ac7] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-35a33ac7] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-35a33ac7] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-35a33ac7] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-35a33ac7] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-35a33ac7]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-35a33ac7] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-35a33ac7] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-35a33ac7] {
  margin: 0 0 0 -8px;
}
.profile[data-v-35a33ac7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  display: flex;
  flex-direction: column;
  margin: 0 0 4px;
  padding: 4px 16px 0;
  width: 100%;
}
@media (min-width: 429px) {
  .profile[data-v-35a33ac7] {
    border-radius: 0;
    margin: 4px 0;
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .profile[data-v-35a33ac7] {
    flex-direction: row;
    padding: 24px 8px;
  }
}
.profile-tabs[data-v-35a33ac7] {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 -12px;
  width: auto;
}
@media (min-width: 429px) {
  .profile-tabs[data-v-35a33ac7] {
    margin: 4px -12px 0;
  }
}
@media (min-width: 1024px) {
  .profile-tabs[data-v-35a33ac7] {
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 300px;
  }
}
.profile-tabs__link[data-v-35a33ac7] {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: inset 0 0 0 2px var(--color-100);
  color: var(--color-900);
  display: flex;
  flex-basis: 50%;
  flex-basis: 100%;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  padding: 8px;
  position: relative;
  transition: all 0.15s;
  width: 50%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__link[data-v-35a33ac7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__link[data-v-35a33ac7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__link[data-v-35a33ac7] {
    box-shadow: unset;
    flex-basis: unset;
    font-size: 1rem;
    height: 48px;
    justify-content: flex-start;
    padding: 14px 12px;
    width: 100%;
  }
  .profile-tabs__link[data-v-35a33ac7]:hover {
    background-color: var(--color-100);
    cursor: pointer;
  }
}
.profile-tabs__link.is-active[data-v-35a33ac7] {
  background-color: var(--color-100);
  box-shadow: inset 0 0 0 2px #0000;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active[data-v-35a33ac7] {
    box-shadow: unset;
  }
}
.profile-tabs__link.is-active span[data-v-35a33ac7] {
  position: relative;
}
.profile-tabs__link.is-active span[data-v-35a33ac7]:before {
  background-color: var(--accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active span[data-v-35a33ac7]:before {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: -12px;
    right: unset;
    top: 0;
    width: 2px;
  }
}
.profile-tabs__divider[data-v-35a33ac7] {
  background-color: var(--color-100);
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 32px;
  width: 4px;
}
.profile-tabs__wrap[data-v-35a33ac7] {
  padding-top: 28px;
}
@media (min-width: 1024px) {
  .profile-tabs__wrap[data-v-35a33ac7] {
    padding-right: 24px;
    padding-top: 0;
  }
}
.profile-tabs__section[data-v-35a33ac7] {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .profile-tabs__section.is-delete[data-v-35a33ac7],
  .profile-tabs__section.profile-newsletters-tab[data-v-35a33ac7] {
    margin-bottom: 0;
  }
}
.profile-tabs__section p[data-v-35a33ac7] {
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-35a33ac7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-35a33ac7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-35a33ac7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-35a33ac7] {
    font-weight: 700;
  }
}
.profile-tabs__section .form-textbox[data-v-35a33ac7] {
  margin-bottom: 20px;
}
.profile-tabs__section .profile-delete[data-v-35a33ac7],
.profile-tabs__section .profile-newsletter-preview[data-v-35a33ac7] {
  background-image: linear-gradient(var(--color-200), var(--color-200));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-700);
  font-size: 0.875rem;
  line-height: 1.375rem;
  transition: all 0.2s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-35a33ac7],
  .profile-tabs__section .profile-newsletter-preview[data-v-35a33ac7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-35a33ac7],
  .profile-tabs__section .profile-newsletter-preview[data-v-35a33ac7] {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__section .profile-delete[data-v-35a33ac7]:hover,
  .profile-tabs__section .profile-newsletter-preview[data-v-35a33ac7]:hover {
    background-image: linear-gradient(var(--color-300), var(--color-300));
    color: var(--color-800);
    cursor: pointer;
  }
}
.profile-tabs__section .profile-newsletter-preview[data-v-35a33ac7] {
  background-position: 0 90%;
  flex-shrink: 0;
}
.profile-tabs__section-divider[data-v-35a33ac7] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.profile-tabs__section-title[data-v-35a33ac7] {
  color: var(--color-900);
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-35a33ac7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-35a33ac7] {
    font-weight: 800;
  }
}
.profile-tabs__section-subtitle[data-v-35a33ac7] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-35a33ac7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-35a33ac7] {
    font-weight: 800;
  }
}
.profile-tabs__user[data-v-35a33ac7] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__user[data-v-35a33ac7] {
    text-align: left;
  }
}
.profile-tabs__user-initials[data-v-35a33ac7] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 3.5rem;
  height: 112px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 112px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-35a33ac7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-35a33ac7] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__user-initials[data-v-35a33ac7] {
    margin: 0 0 20px;
  }
}
.profile-tabs__button[data-v-35a33ac7] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__button[data-v-35a33ac7] {
    text-align: left;
  }
}
.profile-newsletter-item[data-v-35a33ac7] {
  align-items: center;
  border-top: 1px solid var(--color-light-200);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 12px;
  padding-top: 13px;
}
.profile-newsletter-item[data-v-35a33ac7]:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.profile-newsletter-image[data-v-35a33ac7] {
  aspect-ratio: 108/72;
  border-radius: 0;
  flex-shrink: 0;
  height: 72px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
.profile-newsletter-image[data-v-35a33ac7] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.profile-newsletter-info[data-v-35a33ac7] {
  flex-grow: 2;
  padding: 0 12px;
}
.profile-newsletter-label[data-v-35a33ac7] {
  color: var(--label-sec-background);
  display: -webkit-box;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 5px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-35a33ac7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-35a33ac7] {
    font-weight: 700;
  }
}
.profile-newsletter-title[data-v-35a33ac7] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-35a33ac7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-35a33ac7] {
    font-weight: 700;
  }
}
.btn--icons[data-v-35a33ac7] {
  padding: 0 48px;
}
.btn--username[data-v-35a33ac7] {
  width: 100%;
}
@media (min-width: 1024px) {
  .btn--username[data-v-35a33ac7] {
    width: auto;
  }
  .btn--full[data-v-35a33ac7] {
    display: inline-flex;
    width: 50%;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-fef52523] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-fef52523] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-fef52523],
  .comment-reply-bubble[data-v-fef52523] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-fef52523],
  .comment-reply-bubble[data-v-fef52523] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fef52523] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-fef52523] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fef52523],
  .comment-title[data-v-fef52523] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-fef52523],
  .comment-title[data-v-fef52523] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-fef52523] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-fef52523] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-fef52523] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-fef52523] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-fef52523] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-fef52523] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-fef52523] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-fef52523] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-fef52523] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-fef52523] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-fef52523] {
  margin-bottom: 16px;
}
.comment-header[data-v-fef52523] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-fef52523] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-fef52523] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-fef52523] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-fef52523] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-fef52523] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-fef52523]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-fef52523],
.comment-page .comment-header.is-sticky[data-v-fef52523] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-fef52523] {
  animation: slideInDown-fef52523 0.32s ease-in-out;
}
@keyframes slideInDown-fef52523 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fef52523] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fef52523] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fef52523]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-fef52523]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-fef52523] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-fef52523] {
  animation: slideOutUp-fef52523 0.32s ease-in-out;
}
@keyframes slideOutUp-fef52523 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-fef52523] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-fef52523] {
  margin-left: 8px;
}
.comment-title span[data-v-fef52523] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-fef52523] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-fef52523] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-fef52523] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-fef52523]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-fef52523] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-fef52523] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-fef52523] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-fef52523] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-fef52523] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-fef52523],
.comment-page.post-fixed .comment-post-body[data-v-fef52523] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-fef52523] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-fef52523] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-fef52523] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-fef52523] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-fef52523] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-fef52523] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-fef52523] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-fef52523] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-fef52523] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-fef52523],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-fef52523] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-fef52523] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-fef52523] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-fef52523],
.comment-page.post-fixed .comment-post-body.active[data-v-fef52523] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-fef52523],
  .comment-page.post-fixed .comment-post-body.active[data-v-fef52523] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-fef52523],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-fef52523] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-fef52523] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-fef52523] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-fef52523] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-fef52523] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-fef52523] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-fef52523] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-fef52523] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-fef52523] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-fef52523] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fef52523] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-fef52523]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-fef52523]:focus,
.comment-input-field.textarea[data-v-fef52523]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-fef52523]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-fef52523] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-fef52523] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fef52523] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-fef52523] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fef52523] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-fef52523] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-fef52523] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-fef52523] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-fef52523]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-fef52523] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-fef52523],
.comment-send-btn.disabled .icon-send[data-v-fef52523] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-fef52523]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-fef52523] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-fef52523] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-fef52523] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-fef52523] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-fef52523] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-fef52523] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-fef52523] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-fef52523] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-fef52523] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-fef52523] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-fef52523] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-fef52523] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-fef52523] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-fef52523] {
  align-items: center;
  animation: blink-fef52523 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-fef52523 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-fef52523] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-fef52523] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-fef52523] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-fef52523] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-fef52523] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-fef52523] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-fef52523]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-fef52523] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-fef52523] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-fef52523] {
  margin: 0 0 0 -8px;
}
.profile[data-v-fef52523] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  display: flex;
  flex-direction: column;
  margin: 0 0 4px;
  padding: 4px 16px 0;
  width: 100%;
}
@media (min-width: 429px) {
  .profile[data-v-fef52523] {
    border-radius: 0;
    margin: 4px 0;
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .profile[data-v-fef52523] {
    flex-direction: row;
    padding: 24px 8px;
  }
}
.profile-tabs[data-v-fef52523] {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 -12px;
  width: auto;
}
@media (min-width: 429px) {
  .profile-tabs[data-v-fef52523] {
    margin: 4px -12px 0;
  }
}
@media (min-width: 1024px) {
  .profile-tabs[data-v-fef52523] {
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 300px;
  }
}
.profile-tabs__link[data-v-fef52523] {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: inset 0 0 0 2px var(--color-100);
  color: var(--color-900);
  display: flex;
  flex-basis: 50%;
  flex-basis: 100%;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  padding: 8px;
  position: relative;
  transition: all 0.15s;
  width: 50%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__link[data-v-fef52523] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__link[data-v-fef52523] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__link[data-v-fef52523] {
    box-shadow: unset;
    flex-basis: unset;
    font-size: 1rem;
    height: 48px;
    justify-content: flex-start;
    padding: 14px 12px;
    width: 100%;
  }
  .profile-tabs__link[data-v-fef52523]:hover {
    background-color: var(--color-100);
    cursor: pointer;
  }
}
.profile-tabs__link.is-active[data-v-fef52523] {
  background-color: var(--color-100);
  box-shadow: inset 0 0 0 2px #0000;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active[data-v-fef52523] {
    box-shadow: unset;
  }
}
.profile-tabs__link.is-active span[data-v-fef52523] {
  position: relative;
}
.profile-tabs__link.is-active span[data-v-fef52523]:before {
  background-color: var(--accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active span[data-v-fef52523]:before {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: -12px;
    right: unset;
    top: 0;
    width: 2px;
  }
}
.profile-tabs__divider[data-v-fef52523] {
  background-color: var(--color-100);
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 32px;
  width: 4px;
}
.profile-tabs__wrap[data-v-fef52523] {
  padding-top: 28px;
}
@media (min-width: 1024px) {
  .profile-tabs__wrap[data-v-fef52523] {
    padding-right: 24px;
    padding-top: 0;
  }
}
.profile-tabs__section[data-v-fef52523] {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .profile-tabs__section.is-delete[data-v-fef52523],
  .profile-tabs__section.profile-newsletters-tab[data-v-fef52523] {
    margin-bottom: 0;
  }
}
.profile-tabs__section p[data-v-fef52523] {
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-fef52523] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-fef52523] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-fef52523] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-fef52523] {
    font-weight: 700;
  }
}
.profile-tabs__section .form-textbox[data-v-fef52523] {
  margin-bottom: 20px;
}
.profile-tabs__section .profile-delete[data-v-fef52523],
.profile-tabs__section .profile-newsletter-preview[data-v-fef52523] {
  background-image: linear-gradient(var(--color-200), var(--color-200));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-700);
  font-size: 0.875rem;
  line-height: 1.375rem;
  transition: all 0.2s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-fef52523],
  .profile-tabs__section .profile-newsletter-preview[data-v-fef52523] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-fef52523],
  .profile-tabs__section .profile-newsletter-preview[data-v-fef52523] {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__section .profile-delete[data-v-fef52523]:hover,
  .profile-tabs__section .profile-newsletter-preview[data-v-fef52523]:hover {
    background-image: linear-gradient(var(--color-300), var(--color-300));
    color: var(--color-800);
    cursor: pointer;
  }
}
.profile-tabs__section .profile-newsletter-preview[data-v-fef52523] {
  background-position: 0 90%;
  flex-shrink: 0;
}
.profile-tabs__section-divider[data-v-fef52523] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.profile-tabs__section-title[data-v-fef52523] {
  color: var(--color-900);
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-fef52523] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-fef52523] {
    font-weight: 800;
  }
}
.profile-tabs__section-subtitle[data-v-fef52523] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-fef52523] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-fef52523] {
    font-weight: 800;
  }
}
.profile-tabs__user[data-v-fef52523] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__user[data-v-fef52523] {
    text-align: left;
  }
}
.profile-tabs__user-initials[data-v-fef52523] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 3.5rem;
  height: 112px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 112px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-fef52523] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-fef52523] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__user-initials[data-v-fef52523] {
    margin: 0 0 20px;
  }
}
.profile-tabs__button[data-v-fef52523] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__button[data-v-fef52523] {
    text-align: left;
  }
}
.profile-newsletter-item[data-v-fef52523] {
  align-items: center;
  border-top: 1px solid var(--color-light-200);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 12px;
  padding-top: 13px;
}
.profile-newsletter-item[data-v-fef52523]:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.profile-newsletter-image[data-v-fef52523] {
  aspect-ratio: 108/72;
  border-radius: 0;
  flex-shrink: 0;
  height: 72px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
.profile-newsletter-image[data-v-fef52523] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.profile-newsletter-info[data-v-fef52523] {
  flex-grow: 2;
  padding: 0 12px;
}
.profile-newsletter-label[data-v-fef52523] {
  color: var(--label-sec-background);
  display: -webkit-box;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 5px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-fef52523] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-fef52523] {
    font-weight: 700;
  }
}
.profile-newsletter-title[data-v-fef52523] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-fef52523] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-fef52523] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ded3ee9f] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ded3ee9f] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ded3ee9f],
  .comment-reply-bubble[data-v-ded3ee9f] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ded3ee9f],
  .comment-reply-bubble[data-v-ded3ee9f] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ded3ee9f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ded3ee9f] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ded3ee9f],
  .comment-title[data-v-ded3ee9f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ded3ee9f],
  .comment-title[data-v-ded3ee9f] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ded3ee9f] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ded3ee9f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ded3ee9f] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ded3ee9f] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ded3ee9f] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ded3ee9f] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ded3ee9f] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ded3ee9f] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ded3ee9f] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ded3ee9f] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ded3ee9f] {
  margin-bottom: 16px;
}
.comment-header[data-v-ded3ee9f] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ded3ee9f] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ded3ee9f] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ded3ee9f] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ded3ee9f] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ded3ee9f] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ded3ee9f]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ded3ee9f],
.comment-page .comment-header.is-sticky[data-v-ded3ee9f] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ded3ee9f] {
  animation: slideInDown-ded3ee9f 0.32s ease-in-out;
}
@keyframes slideInDown-ded3ee9f {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ded3ee9f] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ded3ee9f] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ded3ee9f]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ded3ee9f]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ded3ee9f] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ded3ee9f] {
  animation: slideOutUp-ded3ee9f 0.32s ease-in-out;
}
@keyframes slideOutUp-ded3ee9f {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ded3ee9f] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ded3ee9f] {
  margin-left: 8px;
}
.comment-title span[data-v-ded3ee9f] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ded3ee9f] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ded3ee9f] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ded3ee9f] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ded3ee9f]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ded3ee9f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ded3ee9f] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ded3ee9f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ded3ee9f] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ded3ee9f] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ded3ee9f],
.comment-page.post-fixed .comment-post-body[data-v-ded3ee9f] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ded3ee9f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ded3ee9f] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ded3ee9f] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ded3ee9f] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ded3ee9f] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ded3ee9f] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ded3ee9f] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ded3ee9f] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ded3ee9f] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ded3ee9f],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ded3ee9f] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ded3ee9f] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ded3ee9f] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ded3ee9f],
.comment-page.post-fixed .comment-post-body.active[data-v-ded3ee9f] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ded3ee9f],
  .comment-page.post-fixed .comment-post-body.active[data-v-ded3ee9f] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ded3ee9f],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ded3ee9f] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ded3ee9f] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ded3ee9f] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ded3ee9f] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ded3ee9f] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ded3ee9f] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ded3ee9f] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ded3ee9f] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ded3ee9f] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ded3ee9f] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ded3ee9f] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ded3ee9f]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ded3ee9f]:focus,
.comment-input-field.textarea[data-v-ded3ee9f]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ded3ee9f]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ded3ee9f] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ded3ee9f] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ded3ee9f] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ded3ee9f] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ded3ee9f] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ded3ee9f] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ded3ee9f] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ded3ee9f] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ded3ee9f]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ded3ee9f] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ded3ee9f],
.comment-send-btn.disabled .icon-send[data-v-ded3ee9f] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ded3ee9f]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ded3ee9f] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ded3ee9f] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ded3ee9f] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ded3ee9f] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ded3ee9f] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ded3ee9f] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ded3ee9f] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ded3ee9f] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ded3ee9f] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ded3ee9f] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ded3ee9f] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ded3ee9f] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ded3ee9f] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ded3ee9f] {
  align-items: center;
  animation: blink-ded3ee9f 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ded3ee9f {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ded3ee9f] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ded3ee9f] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ded3ee9f] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ded3ee9f] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ded3ee9f] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ded3ee9f] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ded3ee9f]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ded3ee9f] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ded3ee9f] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ded3ee9f] {
  margin: 0 0 0 -8px;
}
.profile[data-v-ded3ee9f] {
  background-color: var(--color-50);
  box-shadow: 0 1px 3px #00000021;
  display: flex;
  flex-direction: column;
  margin: 0 0 4px;
  padding: 4px 16px 0;
  width: 100%;
}
@media (min-width: 429px) {
  .profile[data-v-ded3ee9f] {
    border-radius: 0;
    margin: 4px 0;
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .profile[data-v-ded3ee9f] {
    flex-direction: row;
    padding: 24px 8px;
  }
}
.profile-tabs[data-v-ded3ee9f] {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 -12px;
  width: auto;
}
@media (min-width: 429px) {
  .profile-tabs[data-v-ded3ee9f] {
    margin: 4px -12px 0;
  }
}
@media (min-width: 1024px) {
  .profile-tabs[data-v-ded3ee9f] {
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 300px;
  }
}
.profile-tabs__link[data-v-ded3ee9f] {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: inset 0 0 0 2px var(--color-100);
  color: var(--color-900);
  display: flex;
  flex-basis: 50%;
  flex-basis: 100%;
  font-size: 0.8125rem;
  height: 32px;
  justify-content: center;
  padding: 8px;
  position: relative;
  transition: all 0.15s;
  width: 50%;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__link[data-v-ded3ee9f] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__link[data-v-ded3ee9f] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__link[data-v-ded3ee9f] {
    box-shadow: unset;
    flex-basis: unset;
    font-size: 1rem;
    height: 48px;
    justify-content: flex-start;
    padding: 14px 12px;
    width: 100%;
  }
  .profile-tabs__link[data-v-ded3ee9f]:hover {
    background-color: var(--color-100);
    cursor: pointer;
  }
}
.profile-tabs__link.is-active[data-v-ded3ee9f] {
  background-color: var(--color-100);
  box-shadow: inset 0 0 0 2px #0000;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active[data-v-ded3ee9f] {
    box-shadow: unset;
  }
}
.profile-tabs__link.is-active span[data-v-ded3ee9f] {
  position: relative;
}
.profile-tabs__link.is-active span[data-v-ded3ee9f]:before {
  background-color: var(--accent);
  border-radius: 0;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 1024px) {
  .profile-tabs__link.is-active span[data-v-ded3ee9f]:before {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: -12px;
    right: unset;
    top: 0;
    width: 2px;
  }
}
.profile-tabs__divider[data-v-ded3ee9f] {
  background-color: var(--color-100);
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 32px;
  width: 4px;
}
.profile-tabs__wrap[data-v-ded3ee9f] {
  padding-top: 28px;
}
@media (min-width: 1024px) {
  .profile-tabs__wrap[data-v-ded3ee9f] {
    padding-right: 24px;
    padding-top: 0;
  }
}
.profile-tabs__section[data-v-ded3ee9f] {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .profile-tabs__section.is-delete[data-v-ded3ee9f],
  .profile-tabs__section.profile-newsletters-tab[data-v-ded3ee9f] {
    margin-bottom: 0;
  }
}
.profile-tabs__section p[data-v-ded3ee9f] {
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-ded3ee9f] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p[data-v-ded3ee9f] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-ded3ee9f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section p strong[data-v-ded3ee9f] {
    font-weight: 700;
  }
}
.profile-tabs__section .form-textbox[data-v-ded3ee9f] {
  margin-bottom: 20px;
}
.profile-tabs__section .profile-delete[data-v-ded3ee9f],
.profile-tabs__section .profile-newsletter-preview[data-v-ded3ee9f] {
  background-image: linear-gradient(var(--color-200), var(--color-200));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  color: var(--color-700);
  font-size: 0.875rem;
  line-height: 1.375rem;
  transition: all 0.2s;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-ded3ee9f],
  .profile-tabs__section .profile-newsletter-preview[data-v-ded3ee9f] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section .profile-delete[data-v-ded3ee9f],
  .profile-tabs__section .profile-newsletter-preview[data-v-ded3ee9f] {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__section .profile-delete[data-v-ded3ee9f]:hover,
  .profile-tabs__section .profile-newsletter-preview[data-v-ded3ee9f]:hover {
    background-image: linear-gradient(var(--color-300), var(--color-300));
    color: var(--color-800);
    cursor: pointer;
  }
}
.profile-tabs__section .profile-newsletter-preview[data-v-ded3ee9f] {
  background-position: 0 90%;
  flex-shrink: 0;
}
.profile-tabs__section-divider[data-v-ded3ee9f] {
  background-color: var(--color-200);
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.profile-tabs__section-title[data-v-ded3ee9f] {
  color: var(--color-900);
  display: block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-ded3ee9f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-title[data-v-ded3ee9f] {
    font-weight: 800;
  }
}
.profile-tabs__section-subtitle[data-v-ded3ee9f] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-ded3ee9f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__section-subtitle[data-v-ded3ee9f] {
    font-weight: 800;
  }
}
.profile-tabs__user[data-v-ded3ee9f] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__user[data-v-ded3ee9f] {
    text-align: left;
  }
}
.profile-tabs__user-initials[data-v-ded3ee9f] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 3.5rem;
  height: 112px;
  justify-content: center;
  margin: 0 auto 20px;
  width: 112px;
}
@supports (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-ded3ee9f] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-tabs__user-initials[data-v-ded3ee9f] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .profile-tabs__user-initials[data-v-ded3ee9f] {
    margin: 0 0 20px;
  }
}
.profile-tabs__button[data-v-ded3ee9f] {
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-tabs__button[data-v-ded3ee9f] {
    text-align: left;
  }
}
.profile-newsletter-item[data-v-ded3ee9f] {
  align-items: center;
  border-top: 1px solid var(--color-light-200);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 12px;
  padding-top: 13px;
}
.profile-newsletter-item[data-v-ded3ee9f]:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.profile-newsletter-image[data-v-ded3ee9f] {
  aspect-ratio: 108/72;
  border-radius: 0;
  flex-shrink: 0;
  height: 72px;
  overflow: hidden;
  position: relative;
  width: 108px;
}
.profile-newsletter-image[data-v-ded3ee9f] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.profile-newsletter-info[data-v-ded3ee9f] {
  flex-grow: 2;
  padding: 0 12px;
}
.profile-newsletter-label[data-v-ded3ee9f] {
  color: var(--label-sec-background);
  display: -webkit-box;
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin-bottom: 5px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-ded3ee9f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-label[data-v-ded3ee9f] {
    font-weight: 700;
  }
}
.profile-newsletter-title[data-v-ded3ee9f] {
  color: var(--color-900);
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-ded3ee9f] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .profile-newsletter-title[data-v-ded3ee9f] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-32ad6548] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-32ad6548] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-32ad6548],
  .comment-reply-bubble[data-v-32ad6548] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-32ad6548],
  .comment-reply-bubble[data-v-32ad6548] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-32ad6548] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-32ad6548] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-32ad6548],
  .comment-title[data-v-32ad6548] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-32ad6548],
  .comment-title[data-v-32ad6548] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-32ad6548] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-32ad6548] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-32ad6548] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-32ad6548] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-32ad6548] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-32ad6548] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-32ad6548] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-32ad6548] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-32ad6548] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-32ad6548] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-32ad6548] {
  margin-bottom: 16px;
}
.comment-header[data-v-32ad6548] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-32ad6548] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-32ad6548] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-32ad6548] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-32ad6548] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-32ad6548] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-32ad6548]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-32ad6548],
.comment-page .comment-header.is-sticky[data-v-32ad6548] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-32ad6548] {
  animation: slideInDown-32ad6548 0.32s ease-in-out;
}
@keyframes slideInDown-32ad6548 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-32ad6548] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-32ad6548] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-32ad6548]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-32ad6548]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-32ad6548] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-32ad6548] {
  animation: slideOutUp-32ad6548 0.32s ease-in-out;
}
@keyframes slideOutUp-32ad6548 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-32ad6548] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-32ad6548] {
  margin-left: 8px;
}
.comment-title span[data-v-32ad6548] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-32ad6548] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-32ad6548] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-32ad6548] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-32ad6548]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-32ad6548] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-32ad6548] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-32ad6548] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-32ad6548] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-32ad6548] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-32ad6548],
.comment-page.post-fixed .comment-post-body[data-v-32ad6548] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-32ad6548] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-32ad6548] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-32ad6548] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-32ad6548] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-32ad6548] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-32ad6548] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-32ad6548] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-32ad6548] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-32ad6548] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-32ad6548],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-32ad6548] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-32ad6548] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-32ad6548] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-32ad6548],
.comment-page.post-fixed .comment-post-body.active[data-v-32ad6548] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-32ad6548],
  .comment-page.post-fixed .comment-post-body.active[data-v-32ad6548] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-32ad6548],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-32ad6548] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-32ad6548] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-32ad6548] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-32ad6548] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-32ad6548] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-32ad6548] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-32ad6548] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-32ad6548] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-32ad6548] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-32ad6548] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-32ad6548] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-32ad6548]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-32ad6548]:focus,
.comment-input-field.textarea[data-v-32ad6548]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-32ad6548]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-32ad6548] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-32ad6548] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-32ad6548] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-32ad6548] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-32ad6548] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-32ad6548] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-32ad6548] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-32ad6548] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-32ad6548]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-32ad6548] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-32ad6548],
.comment-send-btn.disabled .icon-send[data-v-32ad6548] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-32ad6548]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-32ad6548] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-32ad6548] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-32ad6548] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-32ad6548] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-32ad6548] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-32ad6548] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-32ad6548] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-32ad6548] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-32ad6548] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-32ad6548] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-32ad6548] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-32ad6548] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-32ad6548] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-32ad6548] {
  align-items: center;
  animation: blink-32ad6548 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-32ad6548 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-32ad6548] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-32ad6548] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-32ad6548] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-32ad6548] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-32ad6548] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-32ad6548] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-32ad6548]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-32ad6548] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-32ad6548] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-32ad6548] {
  margin: 0 0 0 -8px;
}
.archive[data-v-32ad6548] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 8px;
  margin-top: 4px;
  width: 100%;
}
@media (min-width: 429px) {
  .archive[data-v-32ad6548] {
    margin-top: 4px;
  }
}
.archive-feed[data-v-32ad6548] {
  margin: 0 8px;
  max-width: 640px;
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .archive-feed[data-v-32ad6548] {
    margin: 0 auto;
  }
}
.archive-breadcrumbs[data-v-32ad6548] {
  margin-bottom: 20px;
}
.archive-breadcrumbs[data-v-32ad6548] .breadcrumbs-link {
  color: var(--color-900);
}
.archive-breadcrumbs[data-v-32ad6548] .icon-chevron--right {
  color: var(--color-500);
}
.archive-header[data-v-32ad6548] {
  padding: 20px 0;
}
@media (min-width: 1024px) {
  .archive-header[data-v-32ad6548] {
    padding: 24px 24px 24px 0;
  }
}
.archive-title[data-v-32ad6548] {
  color: var(--color-900);
  font-size: 1.75rem;
  margin-bottom: 24px;
}
@supports (font-variation-settings: normal) {
  .archive-title[data-v-32ad6548] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-title[data-v-32ad6548] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .archive-title[data-v-32ad6548] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.archive-date-wrapper[data-v-32ad6548] {
  align-items: center;
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.archive-date-wrapper[data-v-32ad6548]::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .archive-date-wrapper[data-v-32ad6548] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
  }
}
.archive-date-wrapper[data-v-32ad6548]:not(:last-child) {
  margin-bottom: 16px;
}
.archive-date-wrapper[data-v-32ad6548]:last-child {
  margin-bottom: 8px;
}
.archive[data-v-32ad6548] .news-feed {
  box-shadow: none;
  margin: 0;
}
.archive[data-v-32ad6548] .news-feed .card-wrap {
  padding: 16px;
}
.archive[data-v-32ad6548] .news-feed .card-wrap .card-labels-wrap {
  max-width: 100%;
}
.archive[data-v-32ad6548] .news-feed .card-wrap .card-labels {
  overflow: visible;
}
.archive[data-v-32ad6548] .news-feed .card-wrap .card-labels:after {
  display: none;
}
.archive[data-v-32ad6548] .news-feed .card-wrap .card-label {
  flex-shrink: 1;
}
.archive[data-v-32ad6548] .news-feed .card-wrap .card-label span {
  display: block;
}
@media (min-width: 1024px) {
  .archive[data-v-32ad6548] .news-feed .card-wrap {
    padding: 24px;
  }
}
.archive[data-v-32ad6548] .news-feed .card-wrap:first-of-type {
  padding-top: 16px;
}
.archive[data-v-32ad6548] .card-title {
  margin-bottom: 0 !important;
}
.archive-date-item[data-v-32ad6548] {
  border-radius: 2px;
  color: var(--color-600);
  display: inline-block;
  font-size: 0.8125rem;
  height: 24px;
  padding: 4px;
  text-align: center;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .archive-date-item[data-v-32ad6548]:hover {
    background-color: var(--color-100);
    color: var(--color-900);
  }
}
.archive .day-item[data-v-32ad6548] {
  width: 24px;
}
.archive .is-active[data-v-32ad6548] {
  background-color: var(--color-100);
  color: var(--color-900);
}
@media (min-width: 1024px) {
  .archive .is-active[data-v-32ad6548]:hover {
    background-color: var(--color-200);
    color: var(--color-900);
  }
}
.archive-date-item[data-v-32ad6548]:not(:last-child) {
  margin-right: 12px;
}
.archive-date-title[data-v-32ad6548] {
  color: var(--color-900);
  font-size: 0.8125rem;
  margin-right: 16px;
}
@supports (font-variation-settings: normal) {
  .archive-date-title[data-v-32ad6548] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-date-title[data-v-32ad6548] {
    font-weight: 700;
  }
}
.archive-no-result[data-v-32ad6548] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  padding: 24px 16px;
  text-align: center;
}
@media (min-width: 1024px) {
  .archive-no-result[data-v-32ad6548] {
    margin-bottom: 48px;
    padding: 24px;
  }
}
.archive-no-result .icon-calendar[data-v-32ad6548] {
  color: var(--color-500);
  font-size: 4.5rem;
}
@media (min-width: 1024px) {
  .archive-no-result .icon-calendar[data-v-32ad6548] {
    font-size: 6rem;
  }
}
.archive-no-result .no-result-title[data-v-32ad6548] {
  color: var(--color-900);
  font-size: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .archive-no-result .no-result-title[data-v-32ad6548] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-no-result .no-result-title[data-v-32ad6548] {
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .archive-no-result .no-result-title[data-v-32ad6548] {
    font-size: 1.6875rem;
  }
}
.archive-no-result .no-result-desc[data-v-32ad6548] {
  color: var(--color-900);
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}
@media (min-width: 1024px) {
  .archive-no-result .no-result-desc[data-v-32ad6548] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-83352ad6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-83352ad6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-83352ad6],
  .comment-reply-bubble[data-v-83352ad6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-83352ad6],
  .comment-reply-bubble[data-v-83352ad6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-83352ad6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-83352ad6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-83352ad6],
  .comment-title[data-v-83352ad6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-83352ad6],
  .comment-title[data-v-83352ad6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-83352ad6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-83352ad6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-83352ad6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-83352ad6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-83352ad6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-83352ad6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-83352ad6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-83352ad6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-83352ad6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-83352ad6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-83352ad6] {
  margin-bottom: 16px;
}
.comment-header[data-v-83352ad6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-83352ad6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-83352ad6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-83352ad6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-83352ad6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-83352ad6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-83352ad6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-83352ad6],
.comment-page .comment-header.is-sticky[data-v-83352ad6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-83352ad6] {
  animation: slideInDown-83352ad6 0.32s ease-in-out;
}
@keyframes slideInDown-83352ad6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-83352ad6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-83352ad6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-83352ad6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-83352ad6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-83352ad6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-83352ad6] {
  animation: slideOutUp-83352ad6 0.32s ease-in-out;
}
@keyframes slideOutUp-83352ad6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-83352ad6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-83352ad6] {
  margin-left: 8px;
}
.comment-title span[data-v-83352ad6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-83352ad6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-83352ad6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-83352ad6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-83352ad6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-83352ad6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-83352ad6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-83352ad6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-83352ad6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-83352ad6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-83352ad6],
.comment-page.post-fixed .comment-post-body[data-v-83352ad6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-83352ad6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-83352ad6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-83352ad6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-83352ad6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-83352ad6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-83352ad6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-83352ad6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-83352ad6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-83352ad6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-83352ad6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-83352ad6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-83352ad6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-83352ad6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-83352ad6],
.comment-page.post-fixed .comment-post-body.active[data-v-83352ad6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-83352ad6],
  .comment-page.post-fixed .comment-post-body.active[data-v-83352ad6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-83352ad6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-83352ad6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-83352ad6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-83352ad6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-83352ad6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-83352ad6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-83352ad6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-83352ad6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-83352ad6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-83352ad6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-83352ad6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-83352ad6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-83352ad6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-83352ad6]:focus,
.comment-input-field.textarea[data-v-83352ad6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-83352ad6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-83352ad6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-83352ad6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-83352ad6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-83352ad6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-83352ad6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-83352ad6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-83352ad6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-83352ad6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-83352ad6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-83352ad6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-83352ad6],
.comment-send-btn.disabled .icon-send[data-v-83352ad6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-83352ad6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-83352ad6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-83352ad6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-83352ad6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-83352ad6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-83352ad6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-83352ad6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-83352ad6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-83352ad6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-83352ad6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-83352ad6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-83352ad6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-83352ad6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-83352ad6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-83352ad6] {
  align-items: center;
  animation: blink-83352ad6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-83352ad6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-83352ad6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-83352ad6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-83352ad6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-83352ad6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-83352ad6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-83352ad6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-83352ad6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-83352ad6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-83352ad6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-83352ad6] {
  margin: 0 0 0 -8px;
}
.sticky-scroll-container.isSticky[data-v-83352ad6] {
  position: sticky;
}
.sticky-scroll-container.hasMargin[data-v-83352ad6] {
  margin-bottom: 8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-373f82a3] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-373f82a3] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-373f82a3],
  .comment-reply-bubble[data-v-373f82a3] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-373f82a3],
  .comment-reply-bubble[data-v-373f82a3] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-373f82a3] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-373f82a3] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-373f82a3],
  .comment-title[data-v-373f82a3] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-373f82a3],
  .comment-title[data-v-373f82a3] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-373f82a3] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-373f82a3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-373f82a3] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-373f82a3] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-373f82a3] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-373f82a3] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-373f82a3] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-373f82a3] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-373f82a3] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-373f82a3] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-373f82a3] {
  margin-bottom: 16px;
}
.comment-header[data-v-373f82a3] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-373f82a3] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-373f82a3] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-373f82a3] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-373f82a3] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-373f82a3] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-373f82a3]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-373f82a3],
.comment-page .comment-header.is-sticky[data-v-373f82a3] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-373f82a3] {
  animation: slideInDown-373f82a3 0.32s ease-in-out;
}
@keyframes slideInDown-373f82a3 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-373f82a3] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-373f82a3] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-373f82a3]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-373f82a3]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-373f82a3] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-373f82a3] {
  animation: slideOutUp-373f82a3 0.32s ease-in-out;
}
@keyframes slideOutUp-373f82a3 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-373f82a3] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-373f82a3] {
  margin-left: 8px;
}
.comment-title span[data-v-373f82a3] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-373f82a3] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-373f82a3] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-373f82a3] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-373f82a3]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-373f82a3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-373f82a3] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-373f82a3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-373f82a3] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-373f82a3] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-373f82a3],
.comment-page.post-fixed .comment-post-body[data-v-373f82a3] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-373f82a3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-373f82a3] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-373f82a3] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-373f82a3] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-373f82a3] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-373f82a3] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-373f82a3] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-373f82a3] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-373f82a3] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-373f82a3],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-373f82a3] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-373f82a3] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-373f82a3] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-373f82a3],
.comment-page.post-fixed .comment-post-body.active[data-v-373f82a3] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-373f82a3],
  .comment-page.post-fixed .comment-post-body.active[data-v-373f82a3] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-373f82a3],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-373f82a3] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-373f82a3] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-373f82a3] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-373f82a3] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-373f82a3] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-373f82a3] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-373f82a3] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-373f82a3] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-373f82a3] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-373f82a3] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-373f82a3] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-373f82a3]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-373f82a3]:focus,
.comment-input-field.textarea[data-v-373f82a3]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-373f82a3]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-373f82a3] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-373f82a3] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-373f82a3] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-373f82a3] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-373f82a3] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-373f82a3] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-373f82a3] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-373f82a3] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-373f82a3]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-373f82a3] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-373f82a3],
.comment-send-btn.disabled .icon-send[data-v-373f82a3] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-373f82a3]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-373f82a3] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-373f82a3] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-373f82a3] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-373f82a3] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-373f82a3] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-373f82a3] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-373f82a3] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-373f82a3] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-373f82a3] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-373f82a3] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-373f82a3] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-373f82a3] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-373f82a3] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-373f82a3] {
  align-items: center;
  animation: blink-373f82a3 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-373f82a3 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-373f82a3] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-373f82a3] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-373f82a3] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-373f82a3] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-373f82a3] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-373f82a3] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-373f82a3]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-373f82a3] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-373f82a3] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-373f82a3] {
  margin: 0 0 0 -8px;
}
.sticky-scroll-container[data-v-373f82a3] {
  z-index: 1;
}
.sticky-scroll-container.isSticky[data-v-373f82a3] {
  position: sticky;
}
.sticky-scroll-container.hasBottomMargin[data-v-373f82a3] {
  padding-bottom: 0.015rem;
}
.full-width[data-v-373f82a3] {
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-6caa439b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-6caa439b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-6caa439b],
  .comment-reply-bubble[data-v-6caa439b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-6caa439b],
  .comment-reply-bubble[data-v-6caa439b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6caa439b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6caa439b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6caa439b],
  .comment-title[data-v-6caa439b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6caa439b],
  .comment-title[data-v-6caa439b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-6caa439b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-6caa439b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-6caa439b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-6caa439b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-6caa439b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-6caa439b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-6caa439b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-6caa439b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-6caa439b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-6caa439b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-6caa439b] {
  margin-bottom: 16px;
}
.comment-header[data-v-6caa439b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-6caa439b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-6caa439b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-6caa439b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-6caa439b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-6caa439b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-6caa439b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-6caa439b],
.comment-page .comment-header.is-sticky[data-v-6caa439b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-6caa439b] {
  animation: slideInDown-6caa439b 0.32s ease-in-out;
}
@keyframes slideInDown-6caa439b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6caa439b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6caa439b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6caa439b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6caa439b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6caa439b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-6caa439b] {
  animation: slideOutUp-6caa439b 0.32s ease-in-out;
}
@keyframes slideOutUp-6caa439b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-6caa439b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-6caa439b] {
  margin-left: 8px;
}
.comment-title span[data-v-6caa439b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-6caa439b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-6caa439b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-6caa439b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-6caa439b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-6caa439b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-6caa439b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-6caa439b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-6caa439b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-6caa439b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-6caa439b],
.comment-page.post-fixed .comment-post-body[data-v-6caa439b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-6caa439b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-6caa439b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-6caa439b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-6caa439b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-6caa439b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-6caa439b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-6caa439b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-6caa439b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-6caa439b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-6caa439b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-6caa439b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-6caa439b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-6caa439b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-6caa439b],
.comment-page.post-fixed .comment-post-body.active[data-v-6caa439b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-6caa439b],
  .comment-page.post-fixed .comment-post-body.active[data-v-6caa439b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-6caa439b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-6caa439b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-6caa439b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-6caa439b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-6caa439b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-6caa439b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-6caa439b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-6caa439b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-6caa439b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-6caa439b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-6caa439b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6caa439b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-6caa439b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-6caa439b]:focus,
.comment-input-field.textarea[data-v-6caa439b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6caa439b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-6caa439b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-6caa439b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6caa439b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-6caa439b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6caa439b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6caa439b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-6caa439b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-6caa439b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6caa439b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-6caa439b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-6caa439b],
.comment-send-btn.disabled .icon-send[data-v-6caa439b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-6caa439b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-6caa439b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-6caa439b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-6caa439b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-6caa439b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-6caa439b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-6caa439b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-6caa439b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-6caa439b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-6caa439b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-6caa439b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-6caa439b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-6caa439b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-6caa439b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-6caa439b] {
  align-items: center;
  animation: blink-6caa439b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-6caa439b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-6caa439b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-6caa439b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-6caa439b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-6caa439b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-6caa439b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-6caa439b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-6caa439b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-6caa439b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-6caa439b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-6caa439b] {
  margin: 0 0 0 -8px;
}
@media (min-width: 1024px) {
  .is-content.sticky-content[data-v-6caa439b] {
    display: flex;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-9e9440aa] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-9e9440aa] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-9e9440aa],
  .comment-reply-bubble[data-v-9e9440aa] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-9e9440aa],
  .comment-reply-bubble[data-v-9e9440aa] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .category-breadcrumbs[data-v-9e9440aa],
  .comment-no-comment-info[data-v-9e9440aa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .category-breadcrumbs[data-v-9e9440aa],
  .comment-no-comment-info[data-v-9e9440aa] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e9440aa],
  .comment-title[data-v-9e9440aa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-9e9440aa],
  .comment-title[data-v-9e9440aa] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-9e9440aa] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-9e9440aa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-9e9440aa] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-9e9440aa] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-9e9440aa] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-9e9440aa] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-9e9440aa] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-9e9440aa] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-9e9440aa] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-9e9440aa] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-9e9440aa] {
  margin-bottom: 16px;
}
.comment-header[data-v-9e9440aa] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-9e9440aa] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-9e9440aa] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-9e9440aa] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e9440aa] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-9e9440aa] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-9e9440aa]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-9e9440aa],
.comment-page .comment-header.is-sticky[data-v-9e9440aa] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-9e9440aa] {
  animation: slideInDown-9e9440aa 0.32s ease-in-out;
}
@keyframes slideInDown-9e9440aa {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e9440aa] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e9440aa] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e9440aa]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-9e9440aa]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-9e9440aa] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-9e9440aa] {
  animation: slideOutUp-9e9440aa 0.32s ease-in-out;
}
@keyframes slideOutUp-9e9440aa {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-9e9440aa] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-9e9440aa] {
  margin-left: 8px;
}
.comment-title span[data-v-9e9440aa] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-9e9440aa] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-9e9440aa] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-9e9440aa] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-9e9440aa]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-9e9440aa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-9e9440aa] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-9e9440aa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-9e9440aa] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-9e9440aa] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-9e9440aa],
.comment-page.post-fixed .comment-post-body[data-v-9e9440aa] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-9e9440aa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-9e9440aa] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-9e9440aa] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-9e9440aa] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-9e9440aa] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-9e9440aa] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-9e9440aa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-9e9440aa] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-9e9440aa] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-9e9440aa],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-9e9440aa] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-9e9440aa] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-9e9440aa] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e9440aa],
.comment-page.post-fixed .comment-post-body.active[data-v-9e9440aa] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-9e9440aa],
  .comment-page.post-fixed .comment-post-body.active[data-v-9e9440aa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-9e9440aa],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-9e9440aa] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-9e9440aa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-9e9440aa] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-9e9440aa] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-9e9440aa] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-9e9440aa] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-9e9440aa] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-9e9440aa] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-9e9440aa] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-9e9440aa] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e9440aa] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-9e9440aa]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-9e9440aa]:focus,
.comment-input-field.textarea[data-v-9e9440aa]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-9e9440aa]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-9e9440aa] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-9e9440aa] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e9440aa] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-9e9440aa] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e9440aa] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-9e9440aa] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-9e9440aa] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-9e9440aa] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-9e9440aa]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-9e9440aa] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-9e9440aa],
.comment-send-btn.disabled .icon-send[data-v-9e9440aa] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-9e9440aa]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-9e9440aa] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-9e9440aa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-9e9440aa] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-9e9440aa] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-9e9440aa] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-9e9440aa] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-9e9440aa] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-9e9440aa] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-9e9440aa] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-9e9440aa] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-9e9440aa] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-9e9440aa] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-9e9440aa] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-9e9440aa] {
  align-items: center;
  animation: blink-9e9440aa 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-9e9440aa {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-9e9440aa] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-9e9440aa] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-9e9440aa] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-9e9440aa] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-9e9440aa] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-9e9440aa] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-9e9440aa]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-9e9440aa] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-9e9440aa] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-9e9440aa] {
  margin: 0 0 0 -8px;
}
.category-breadcrumbs[data-v-9e9440aa] {
  color: var(--color-900);
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin: 12px 0;
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .category-breadcrumbs[data-v-9e9440aa] {
    font-size: 2.4375rem;
    line-height: 3rem;
    margin: 16px 0;
  }
}
.breadcrumbs-chevron[data-v-9e9440aa] {
  color: var(--color-500);
  display: inline-flex;
  font-size: 24px;
  height: 24px;
  margin: 0 4px;
  width: 24px;
}
@media (min-width: 1024px) {
  .breadcrumbs-chevron[data-v-9e9440aa] {
    font-size: 32px;
    height: 32px;
    margin: 0 4px;
    width: 32px;
  }
}
@supports (font-variation-settings: normal) {
  .card-comment .card-comment__footer[data-v-cf84c4db],
  .card-comment .card-comment__reaction_number[data-v-cf84c4db],
  .card-comment .card-comment__text[data-v-cf84c4db],
  .comment-input-field[data-v-cf84c4db] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .card-comment .card-comment__footer[data-v-cf84c4db],
  .card-comment .card-comment__reaction_number[data-v-cf84c4db],
  .card-comment .card-comment__text[data-v-cf84c4db],
  .comment-input-field[data-v-cf84c4db] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .card-comment .card-comment__header[data-v-cf84c4db],
  .comment-input-info[data-v-cf84c4db],
  .comment-reply-bubble[data-v-cf84c4db] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .card-comment .card-comment__header[data-v-cf84c4db],
  .comment-input-info[data-v-cf84c4db],
  .comment-reply-bubble[data-v-cf84c4db] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cf84c4db] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cf84c4db] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  [data-v-cf84c4db] .card-comment-replies .show-replies .text {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  [data-v-cf84c4db] .card-comment-replies .show-replies .text {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .card-comment .card-comment__author_avatar[data-v-cf84c4db],
  .comment-avatar.login[data-v-cf84c4db],
  .comment-title[data-v-cf84c4db] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .card-comment .card-comment__author_avatar[data-v-cf84c4db],
  .comment-avatar.login[data-v-cf84c4db],
  .comment-title[data-v-cf84c4db] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-cf84c4db] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-cf84c4db] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-cf84c4db] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-cf84c4db] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-cf84c4db] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-cf84c4db] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-cf84c4db] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-cf84c4db] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-cf84c4db] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-cf84c4db] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-cf84c4db] {
  margin-bottom: 16px;
}
.comment-header[data-v-cf84c4db] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-cf84c4db] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-cf84c4db] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-cf84c4db] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-cf84c4db] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-cf84c4db] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-cf84c4db]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-cf84c4db],
.comment-page .comment-header.is-sticky[data-v-cf84c4db] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-cf84c4db] {
  animation: slideInDown-cf84c4db 0.32s ease-in-out;
}
@keyframes slideInDown-cf84c4db {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cf84c4db] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf84c4db] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf84c4db]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cf84c4db]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cf84c4db] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-cf84c4db] {
  animation: slideOutUp-cf84c4db 0.32s ease-in-out;
}
@keyframes slideOutUp-cf84c4db {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-cf84c4db] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-cf84c4db] {
  margin-left: 8px;
}
.comment-title span[data-v-cf84c4db] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-cf84c4db] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-cf84c4db] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-cf84c4db] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-cf84c4db]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-cf84c4db] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-cf84c4db] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-cf84c4db] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-cf84c4db] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-cf84c4db] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-cf84c4db],
.comment-page.post-fixed .comment-post-body[data-v-cf84c4db] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-cf84c4db] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-cf84c4db] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-cf84c4db] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-cf84c4db] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-cf84c4db] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-cf84c4db] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-cf84c4db] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-cf84c4db] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-cf84c4db] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-cf84c4db],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-cf84c4db] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-cf84c4db] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-cf84c4db] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-cf84c4db],
.comment-page.post-fixed .comment-post-body.active[data-v-cf84c4db] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-cf84c4db],
  .comment-page.post-fixed .comment-post-body.active[data-v-cf84c4db] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-cf84c4db],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-cf84c4db] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-cf84c4db] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-cf84c4db] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-cf84c4db] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-cf84c4db] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-cf84c4db] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-cf84c4db] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-cf84c4db] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-cf84c4db] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-cf84c4db] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cf84c4db] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-cf84c4db]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-cf84c4db]:focus,
.comment-input-field.textarea[data-v-cf84c4db]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cf84c4db]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-cf84c4db] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-cf84c4db] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cf84c4db] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-cf84c4db] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cf84c4db] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cf84c4db] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-cf84c4db] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-cf84c4db] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cf84c4db]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-cf84c4db] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-cf84c4db],
.comment-send-btn.disabled .icon-send[data-v-cf84c4db] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-cf84c4db]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-cf84c4db] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-cf84c4db] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-cf84c4db] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-cf84c4db] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-cf84c4db] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-cf84c4db] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-cf84c4db] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-cf84c4db] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-cf84c4db] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-cf84c4db] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-cf84c4db] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-cf84c4db] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-cf84c4db] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-cf84c4db] {
  align-items: center;
  animation: blink-cf84c4db 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-cf84c4db {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-cf84c4db] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-cf84c4db] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-cf84c4db] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-cf84c4db] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-cf84c4db] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-cf84c4db] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-cf84c4db]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-cf84c4db] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-cf84c4db] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-cf84c4db] {
  margin: 0 0 0 -8px;
}
.card-comment-wrap[data-v-cf84c4db] {
  animation-duration: 0.32s;
  animation-name: show-cf84c4db;
  display: block;
  margin-bottom: 8px;
  opacity: 1;
  transition: opacity 0.32s ease-in-out;
}
.all-comments-page .card-comment-wrap[data-v-cf84c4db] {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .all-comments-page .card-comment-wrap[data-v-cf84c4db] {
    margin-bottom: 24px;
  }
  .card-comment-wrap[data-v-cf84c4db] {
    margin-bottom: 16px;
  }
}
.card-comment-wrap[data-v-cf84c4db] .is-hidden {
  display: none;
  opacity: 0;
}
@keyframes show-cf84c4db {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.card-comment[data-v-cf84c4db] {
  display: flex;
}
.card-comment .card-comment__author_avatar[data-v-cf84c4db] {
  background: var(--label-sec-background);
  border-radius: 50%;
  color: var(--color-50);
  display: block;
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.25rem;
  height: 40px;
  line-height: 1.5rem;
  margin-right: 8px;
  overflow: hidden;
  padding: 8px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .card-comment .card-comment__author_avatar[data-v-cf84c4db] {
    margin-right: 8px;
  }
}
.card-comment .card-comment__content[data-v-cf84c4db] {
  box-sizing: border-box;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.card-comment .card-comment__header[data-v-cf84c4db] {
  align-items: center;
  color: var(--color-700);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .card-comment .card-comment__header[data-v-cf84c4db] {
    margin-bottom: 8px;
  }
}
.card-comment .card-comment__author[data-v-cf84c4db] {
  margin-right: 8px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .card-comment .card-comment__author[data-v-cf84c4db] {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}
.card-comment .card-comment__header-time[data-v-cf84c4db] {
  color: var(--color-500);
}
.card-comment .card-comment__text[data-v-cf84c4db] {
  color: var(--color-900);
  font-size: 0.9375rem;
  line-height: 1.1875rem;
  margin-bottom: 4px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .card-comment .card-comment__text[data-v-cf84c4db] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.card-comment .card-comment__footer[data-v-cf84c4db] {
  color: var(--color-900);
  display: flex;
  font-size: 0.75rem;
  justify-content: space-between;
  position: relative;
}
.card-comment .card-comment__footer .icon-add-reply-custom[data-v-cf84c4db],
.card-comment .card-comment__footer .icon-thumbs-up[data-v-cf84c4db] {
  font-size: 1rem;
}
.card-comment .card-comment__footer-link[data-v-cf84c4db] {
  align-items: center;
  background-color: var(--color-100);
  border-radius: 0;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-left: -8px;
  padding: 8px;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .card-comment .card-comment__footer-link[data-v-cf84c4db]:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
}
.card-comment .card-comment__footer-link.is-user-reaction[data-v-cf84c4db] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .card-comment
    .card-comment__footer-link.is-user-reaction[data-v-cf84c4db]:hover {
    background-color: var(--color-200);
    cursor: pointer;
  }
}
.card-comment .card-comment__footer-link span[data-v-cf84c4db] {
  color: var(--accent-alt);
}
.comment-page
  .card-comment
  .card-comment__footer-link-answers[data-v-cf84c4db] {
  margin-right: 0;
}
.comment-page
  .card-comment
  .card-comment__footer-link-answers.is-disabled[data-v-cf84c4db] {
  background-color: var(--color-100);
  color: var(--color-400);
  cursor: default;
}
.card-comment .card-comment__reaction[data-v-cf84c4db] {
  height: 16px;
  margin-right: 4px;
  position: relative;
  width: 16px;
}
.card-comment .card-comment__reaction.is-user-reaction[data-v-cf84c4db]:after {
  background-color: var(--accent-alt);
  border-radius: 0;
  bottom: -6px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}
.card-comment .card-comment__reaction_number[data-v-cf84c4db] {
  font-size: 0.75rem;
}
.card-comment .card-comment__reaction_number.is-user-reaction[data-v-cf84c4db] {
  color: var(--accent-alt);
}
.card-comment .card-comment__reaction img[data-v-cf84c4db] {
  height: 16px;
  width: 16px;
}
[data-v-cf84c4db] .card-comment-replies {
  margin-top: 8px;
  width: 100%;
}
[data-v-cf84c4db] .card-comment-replies .show-replies {
  padding-left: 48px;
  position: relative;
}
[data-v-cf84c4db] .card-comment-replies .show-replies:before {
  background: var(--color-200);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 100%;
  z-index: 0;
}
[data-v-cf84c4db] .card-comment-replies .show-replies .text {
  background: var(--color-50);
  border: 1px solid var(--color-200);
  border-radius: 50px;
  color: var(--accent-alt);
  display: inline-block;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  padding: 4px 8px;
  position: relative;
  transition: all 0.2s;
  width: auto;
  z-index: 1;
}
@media (min-width: 1024px) {
  [data-v-cf84c4db] .card-comment-replies .show-replies .text:hover {
    background: var(--color-75-without-transparency);
    cursor: pointer;
  }
}
[data-v-cf84c4db] .card-comment-replies .replies-background {
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
  width: 100%;
}
[data-v-cf84c4db] .card-comment-replies .replies-background .card-comment-wrap {
  background: var(--color-100);
  margin: 0 -8px;
  padding: 0 8px 16px 56px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  [data-v-cf84c4db]
    .card-comment-replies
    .replies-background
    .card-comment-wrap {
    margin: 0 -32px;
    padding: 0 24px 24px 80px;
    width: calc(100% + 64px);
  }
}
[data-v-cf84c4db]
  .card-comment-replies
  .replies-background
  > div:first-child
  .card-comment-wrap:first-of-type {
  padding-top: 16px;
}
@media (min-width: 1024px) {
  [data-v-cf84c4db]
    .card-comment-replies
    .replies-background
    > div:first-child
    .card-comment-wrap:first-of-type {
    padding-top: 24px;
  }
}
[data-v-cf84c4db] .card-comment-replies .replies-background .show-replies {
  margin: 0 -16px;
  padding-left: 56px;
  top: unset;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  [data-v-cf84c4db] .card-comment-replies .replies-background .show-replies {
    margin: 0 -24px;
    padding-left: 80px;
    width: 640px;
  }
}
[data-v-cf84c4db]
  .card-comment-replies
  .replies-background
  .show-replies:before {
  left: 16px;
  right: 16px;
  width: calc(100% - 32px);
}
@media (min-width: 1024px) {
  [data-v-cf84c4db]
    .card-comment-replies
    .replies-background
    .show-replies:before {
    left: 24px;
    right: 24px;
    width: 592px;
  }
}
[data-v-cf84c4db]
  .card-comment-replies
  .replies-background
  .show-replies:after {
  background: var(--color-75);
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-v-cf84c4db]
  .card-comment-replies
  .replies-background
  .card-comment__footer-link-answers {
  display: none;
}
[data-v-cf84c4db] .card-comment-replies .card-comment__author_avatar {
  flex-basis: 24px;
  font-size: 0.75rem;
  height: 24px;
  line-height: 0.75rem;
  padding: 6px 0;
  width: 24px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3816b41a] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3816b41a] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3816b41a],
  .comment-reply-bubble[data-v-3816b41a] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3816b41a],
  .comment-reply-bubble[data-v-3816b41a] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3816b41a] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3816b41a] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3816b41a],
  .comment-title[data-v-3816b41a] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3816b41a],
  .comment-title[data-v-3816b41a] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3816b41a] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3816b41a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3816b41a] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3816b41a] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3816b41a] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3816b41a] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3816b41a] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3816b41a] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3816b41a] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3816b41a] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3816b41a] {
  margin-bottom: 16px;
}
.comment-header[data-v-3816b41a] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3816b41a] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3816b41a] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3816b41a] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3816b41a] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3816b41a] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3816b41a]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3816b41a],
.comment-page .comment-header.is-sticky[data-v-3816b41a] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3816b41a] {
  animation: slideInDown-3816b41a 0.32s ease-in-out;
}
@keyframes slideInDown-3816b41a {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3816b41a] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3816b41a] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3816b41a]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3816b41a]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3816b41a] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3816b41a] {
  animation: slideOutUp-3816b41a 0.32s ease-in-out;
}
@keyframes slideOutUp-3816b41a {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3816b41a] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3816b41a] {
  margin-left: 8px;
}
.comment-title span[data-v-3816b41a] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3816b41a] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3816b41a] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3816b41a] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3816b41a]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3816b41a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3816b41a] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3816b41a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3816b41a] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3816b41a] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3816b41a],
.comment-page.post-fixed .comment-post-body[data-v-3816b41a] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3816b41a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3816b41a] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3816b41a] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3816b41a] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3816b41a] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3816b41a] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3816b41a] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3816b41a] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3816b41a] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3816b41a],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3816b41a] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3816b41a] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3816b41a] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3816b41a],
.comment-page.post-fixed .comment-post-body.active[data-v-3816b41a] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3816b41a],
  .comment-page.post-fixed .comment-post-body.active[data-v-3816b41a] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3816b41a],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3816b41a] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3816b41a] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3816b41a] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3816b41a] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3816b41a] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3816b41a] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3816b41a] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3816b41a] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3816b41a] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3816b41a] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3816b41a] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3816b41a]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3816b41a]:focus,
.comment-input-field.textarea[data-v-3816b41a]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3816b41a]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3816b41a] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3816b41a] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3816b41a] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3816b41a] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3816b41a] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3816b41a] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3816b41a] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3816b41a] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3816b41a]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3816b41a] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3816b41a],
.comment-send-btn.disabled .icon-send[data-v-3816b41a] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3816b41a]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3816b41a] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3816b41a] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3816b41a] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3816b41a] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3816b41a] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3816b41a] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3816b41a] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3816b41a] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3816b41a] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3816b41a] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3816b41a] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3816b41a] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3816b41a] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3816b41a] {
  align-items: center;
  animation: blink-3816b41a 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3816b41a {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3816b41a] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3816b41a] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3816b41a] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3816b41a] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3816b41a] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3816b41a] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3816b41a]:hover {
    cursor: pointer;
  }
  .card-comments[data-v-3816b41a] {
    margin-bottom: 24px;
  }
}
.card-comments[data-v-3816b41a] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3816b41a] {
    margin-bottom: 16px;
  }
}
.card-comments .card-engagement-bar[data-v-3816b41a] {
  margin: 0 0 0 -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-efe119cb],
  .disclaimer-msg[data-v-efe119cb] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-efe119cb],
  .disclaimer-msg[data-v-efe119cb] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-efe119cb],
  .comment-reply-bubble[data-v-efe119cb] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-efe119cb],
  .comment-reply-bubble[data-v-efe119cb] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-efe119cb] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-efe119cb] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .disclaimer-title[data-v-efe119cb] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .disclaimer-title[data-v-efe119cb] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-efe119cb],
  .comment-title[data-v-efe119cb] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-efe119cb],
  .comment-title[data-v-efe119cb] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-efe119cb] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-efe119cb] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-efe119cb] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-efe119cb] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-efe119cb] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-efe119cb] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-efe119cb] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-efe119cb] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-efe119cb] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-efe119cb] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-efe119cb] {
  margin-bottom: 16px;
}
.comment-header[data-v-efe119cb] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-efe119cb] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-efe119cb] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-efe119cb] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-efe119cb] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-efe119cb] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-efe119cb]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-efe119cb],
.comment-page .comment-header.is-sticky[data-v-efe119cb] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-efe119cb] {
  animation: slideInDown-efe119cb 0.32s ease-in-out;
}
@keyframes slideInDown-efe119cb {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-efe119cb] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-efe119cb] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-efe119cb]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-efe119cb]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-efe119cb] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-efe119cb] {
  animation: slideOutUp-efe119cb 0.32s ease-in-out;
}
@keyframes slideOutUp-efe119cb {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-efe119cb] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-efe119cb] {
  margin-left: 8px;
}
.comment-title span[data-v-efe119cb] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-efe119cb] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-efe119cb] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-efe119cb] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-efe119cb]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-efe119cb] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-efe119cb] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-efe119cb] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-efe119cb] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-efe119cb] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-efe119cb],
.comment-page.post-fixed .comment-post-body[data-v-efe119cb] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-efe119cb] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-efe119cb] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-efe119cb] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-efe119cb] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-efe119cb] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-efe119cb] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-efe119cb] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-efe119cb] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-efe119cb] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-efe119cb],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-efe119cb] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-efe119cb] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-efe119cb] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-efe119cb],
.comment-page.post-fixed .comment-post-body.active[data-v-efe119cb] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-efe119cb],
  .comment-page.post-fixed .comment-post-body.active[data-v-efe119cb] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-efe119cb],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-efe119cb] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-efe119cb] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-efe119cb] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-efe119cb] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-efe119cb] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-efe119cb] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-efe119cb] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-efe119cb] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-efe119cb] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-efe119cb] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-efe119cb] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-efe119cb]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-efe119cb]:focus,
.comment-input-field.textarea[data-v-efe119cb]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-efe119cb]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-efe119cb] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-efe119cb] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-efe119cb] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-efe119cb] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-efe119cb] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-efe119cb] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-efe119cb] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-efe119cb] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-efe119cb]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-efe119cb] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-efe119cb],
.comment-send-btn.disabled .icon-send[data-v-efe119cb] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-efe119cb]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-efe119cb] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-efe119cb] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-efe119cb] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-efe119cb] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-efe119cb] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-efe119cb] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-efe119cb] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-efe119cb] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-efe119cb] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-efe119cb] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-efe119cb] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-efe119cb] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-efe119cb] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-efe119cb] {
  align-items: center;
  animation: blink-efe119cb 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-efe119cb {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-efe119cb] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-efe119cb] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-efe119cb] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-efe119cb] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-efe119cb] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-efe119cb] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-efe119cb]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-efe119cb] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-efe119cb] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-efe119cb] {
  margin: 0 0 0 -8px;
}
.disclaimer[data-v-efe119cb] {
  background-color: var(--color-100-without-transparency);
  height: auto;
  margin: -20px -8px 16px;
  padding: 0;
  position: relative;
  width: calc(100% + 16px);
}
.disclaimer.is-closed[data-v-efe119cb] {
  height: 144px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .disclaimer.is-closed[data-v-efe119cb] {
    height: 125px;
  }
}
.disclaimer.is-closed[data-v-efe119cb]:after {
  background-image: linear-gradient(
    to bottom,
    var(--scrim-00),
    var(--scrim-50) 50%,
    var(--color-100-without-transparency)
  );
  bottom: 0;
  content: "";
  height: 30px;
  position: absolute;
  right: 8px;
  width: calc(100% - 64px);
}
@media (min-width: 1024px) {
  .disclaimer[data-v-efe119cb] {
    margin: -20px -32px 24px;
    width: calc(100% + 64px);
  }
  .is-storytelling .disclaimer[data-v-efe119cb] {
    margin: -20px -192px 24px;
    width: calc(100% + 384px);
  }
}
.disclaimer-icon-wrapper[data-v-efe119cb] {
  height: 40px;
  left: 8px;
  position: absolute;
  top: 27px;
  width: 40px;
  z-index: 10;
}
@media (min-width: 1024px) {
  .disclaimer-icon-wrapper[data-v-efe119cb] {
    left: 32px;
  }
  .is-storytelling .disclaimer-icon-wrapper[data-v-efe119cb] {
    left: 192px;
  }
}
.disclaimer-icon[data-v-efe119cb] {
  background-color: var(--color-50);
  border: 2px solid #54545433;
  border-radius: 100px;
  color: var(--share-apple);
  cursor: pointer;
  font-size: 1.125rem;
  height: 40px;
  padding: 9px;
  width: 40px;
}
.disclaimer-section[data-v-efe119cb] {
  padding: 16px 8px 16px 56px;
  position: relative;
}
@media (min-width: 1024px) {
  .disclaimer-section[data-v-efe119cb] {
    padding: 16px 32px 16px 80px;
  }
  .is-storytelling .disclaimer-section[data-v-efe119cb] {
    padding: 16px 192px 16px 240px;
  }
}
.disclaimer-title[data-v-efe119cb] {
  color: var(--color-900);
  font-size: 1.0625rem;
  line-height: 1.25rem;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .disclaimer-title[data-v-efe119cb] {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }
}
.disclaimer-msg[data-v-efe119cb] {
  color: var(--color-900);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 8px;
}
.disclaimer-msg[data-v-efe119cb]:last-of-type {
  margin-bottom: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login,
  .comment-title {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login,
  .comment-title {
    font-weight: 800;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f7ad5910] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f7ad5910] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f7ad5910],
  .comment-reply-bubble[data-v-f7ad5910] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f7ad5910],
  .comment-reply-bubble[data-v-f7ad5910] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f7ad5910] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f7ad5910] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f7ad5910],
  .comment-title[data-v-f7ad5910] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f7ad5910],
  .comment-title[data-v-f7ad5910] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f7ad5910] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f7ad5910] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f7ad5910] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f7ad5910] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f7ad5910] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f7ad5910] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f7ad5910] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f7ad5910] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f7ad5910] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f7ad5910] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f7ad5910] {
  margin-bottom: 16px;
}
.comment-header[data-v-f7ad5910] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f7ad5910] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f7ad5910] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f7ad5910] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f7ad5910] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f7ad5910] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f7ad5910]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f7ad5910],
.comment-page .comment-header.is-sticky[data-v-f7ad5910] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f7ad5910] {
  animation: slideInDown-f7ad5910 0.32s ease-in-out;
}
@keyframes slideInDown-f7ad5910 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f7ad5910] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7ad5910] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7ad5910]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f7ad5910]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f7ad5910] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f7ad5910] {
  animation: slideOutUp-f7ad5910 0.32s ease-in-out;
}
@keyframes slideOutUp-f7ad5910 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f7ad5910] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f7ad5910] {
  margin-left: 8px;
}
.comment-title span[data-v-f7ad5910] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f7ad5910] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f7ad5910] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f7ad5910] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f7ad5910]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f7ad5910] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f7ad5910] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f7ad5910] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f7ad5910] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f7ad5910] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f7ad5910],
.comment-page.post-fixed .comment-post-body[data-v-f7ad5910] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f7ad5910] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f7ad5910] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f7ad5910] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f7ad5910] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f7ad5910] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f7ad5910] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f7ad5910] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f7ad5910] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f7ad5910] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f7ad5910],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f7ad5910] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f7ad5910] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f7ad5910] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f7ad5910],
.comment-page.post-fixed .comment-post-body.active[data-v-f7ad5910] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f7ad5910],
  .comment-page.post-fixed .comment-post-body.active[data-v-f7ad5910] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f7ad5910],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f7ad5910] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f7ad5910] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f7ad5910] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f7ad5910] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f7ad5910] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f7ad5910] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f7ad5910] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f7ad5910] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f7ad5910] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f7ad5910] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f7ad5910] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f7ad5910]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f7ad5910]:focus,
.comment-input-field.textarea[data-v-f7ad5910]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f7ad5910]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f7ad5910] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f7ad5910] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f7ad5910] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f7ad5910] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f7ad5910] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f7ad5910] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f7ad5910] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f7ad5910] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f7ad5910]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f7ad5910] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f7ad5910],
.comment-send-btn.disabled .icon-send[data-v-f7ad5910] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f7ad5910]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f7ad5910] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f7ad5910] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f7ad5910] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f7ad5910] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f7ad5910] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f7ad5910] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f7ad5910] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f7ad5910] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f7ad5910] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f7ad5910] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f7ad5910] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f7ad5910] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f7ad5910] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f7ad5910] {
  align-items: center;
  animation: blink-f7ad5910 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f7ad5910 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f7ad5910] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f7ad5910] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f7ad5910] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f7ad5910] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f7ad5910] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f7ad5910] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f7ad5910]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f7ad5910] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f7ad5910] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f7ad5910] {
  margin: 0 0 0 -8px;
}
.custom-select[data-v-f7ad5910] {
  align-self: auto;
  flex: 1 0 calc(50% - 4px);
  height: 32px;
  margin-left: 0;
  margin-right: 4px;
  outline: none;
  position: relative;
  text-align: left;
  width: auto;
}
@media (min-width: 1024px) {
  .custom-select[data-v-f7ad5910] {
    flex: 0 1 142px;
    margin-left: 16px;
    margin-right: 0;
  }
}
.comment-page .custom-select[data-v-f7ad5910],
.is-developing-story .custom-select[data-v-f7ad5910] {
  flex: 0;
  margin-right: 0;
  width: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .comment-page .custom-select[data-v-f7ad5910],
  .is-developing-story .custom-select[data-v-f7ad5910] {
    flex: 0 1 138px;
    width: auto;
  }
}
.custom-select__selected[data-v-f7ad5910] {
  background-color: var(--color-100);
  border-radius: 16px;
  color: var(--color-900);
  cursor: pointer;
  font-size: 0.8125rem;
  font-variation-settings: "wght" 600;
  height: 32px;
  line-height: 2rem;
  overflow: hidden;
  padding: 0 40px 0 12px;
  position: relative;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.comment-page .custom-select__selected[data-v-f7ad5910],
.is-developing-story .custom-select__selected[data-v-f7ad5910] {
  padding: 0;
  width: 32px;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected[data-v-f7ad5910],
  .is-developing-story .custom-select__selected[data-v-f7ad5910] {
    padding: 0 40px 0 12px;
    width: unset;
  }
}
.custom-select__selected[data-v-f7ad5910]:after {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px;
  content: "";
  display: block;
  height: 32px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
.custom-select__selected.is-open[data-v-f7ad5910],
.custom-select__selected[data-v-f7ad5910]:hover {
  background-color: var(--color-200);
}
.custom-select__selected.is-open[data-v-f7ad5910]:after,
.custom-select__selected[data-v-f7ad5910]:hover:after {
  background-color: var(--color-100);
}
.comment-page .custom-select__selected-text[data-v-f7ad5910],
.is-developing-story .custom-select__selected-text[data-v-f7ad5910] {
  display: none;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected-text[data-v-f7ad5910],
  .is-developing-story .custom-select__selected-text[data-v-f7ad5910] {
    display: inline-block;
  }
}
.custom-select__icon[data-v-f7ad5910] {
  color: var(--color-900);
  display: inline;
  font-size: 1rem;
  position: absolute;
  right: 8px;
  top: 1px;
  z-index: 10;
}
.custom-select__items[data-v-f7ad5910] {
  background-color: var(--color-50);
  border-radius: 3px;
  box-shadow: var(--shadow-floating);
  padding: 4px 0;
  position: absolute;
  right: 0;
  top: 36px;
  z-index: 11;
}
.comment-page .custom-select__items[data-v-f7ad5910],
.is-developing-story .custom-select__items[data-v-f7ad5910] {
  width: 125px;
}
.custom-select__items.is-hidden[data-v-f7ad5910] {
  display: none;
}
.custom-select__item[data-v-f7ad5910] {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
.custom-select__item.active[data-v-f7ad5910] {
  background-color: initial;
}
.custom-select__item.active p[data-v-f7ad5910] {
  pointer-events: none;
}
.custom-select__item.active p span[data-v-f7ad5910] {
  color: var(--color-900);
}
.custom-select__item.active i[data-v-f7ad5910] {
  visibility: visible;
}
.custom-select__item .nuxt-link[data-v-f7ad5910],
.custom-select__item p[data-v-f7ad5910] {
  color: var(--color-600);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 8px 8px 8px 12px;
}
.custom-select__item .nuxt-link[data-v-f7ad5910]:hover,
.custom-select__item p[data-v-f7ad5910]:hover {
  background-color: var(--color-100);
  color: var(--color-900);
}
.custom-select__item i[data-v-f7ad5910] {
  color: var(--color);
  font-size: 1rem;
  margin: 0 0 0 4px;
  position: relative;
  visibility: hidden;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-a5e096f5] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-a5e096f5] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-a5e096f5],
  .comment-reply-bubble[data-v-a5e096f5] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-a5e096f5],
  .comment-reply-bubble[data-v-a5e096f5] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a5e096f5] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-a5e096f5] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a5e096f5],
  .comment-title[data-v-a5e096f5] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-a5e096f5],
  .comment-title[data-v-a5e096f5] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-a5e096f5] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-a5e096f5] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-a5e096f5] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-a5e096f5] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-a5e096f5] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-a5e096f5] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-a5e096f5] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-a5e096f5] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-a5e096f5] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-a5e096f5] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-a5e096f5] {
  margin-bottom: 16px;
}
.comment-header[data-v-a5e096f5] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-a5e096f5] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-a5e096f5] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-a5e096f5] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-a5e096f5] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-a5e096f5] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-a5e096f5]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-a5e096f5],
.comment-page .comment-header.is-sticky[data-v-a5e096f5] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-a5e096f5] {
  animation: slideInDown-a5e096f5 0.32s ease-in-out;
}
@keyframes slideInDown-a5e096f5 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a5e096f5] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a5e096f5] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a5e096f5]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-a5e096f5]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-a5e096f5] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-a5e096f5] {
  animation: slideOutUp-a5e096f5 0.32s ease-in-out;
}
@keyframes slideOutUp-a5e096f5 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-a5e096f5] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-a5e096f5] {
  margin-left: 8px;
}
.comment-title span[data-v-a5e096f5] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-a5e096f5] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-a5e096f5] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-a5e096f5] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-a5e096f5]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-a5e096f5] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-a5e096f5] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-a5e096f5] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-a5e096f5] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-a5e096f5] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-a5e096f5],
.comment-page.post-fixed .comment-post-body[data-v-a5e096f5] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-a5e096f5] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-a5e096f5] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-a5e096f5] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-a5e096f5] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-a5e096f5] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-a5e096f5] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-a5e096f5] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-a5e096f5] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-a5e096f5] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-a5e096f5],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-a5e096f5] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-a5e096f5] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-a5e096f5] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-a5e096f5],
.comment-page.post-fixed .comment-post-body.active[data-v-a5e096f5] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-a5e096f5],
  .comment-page.post-fixed .comment-post-body.active[data-v-a5e096f5] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-a5e096f5],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-a5e096f5] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-a5e096f5] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-a5e096f5] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-a5e096f5] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-a5e096f5] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-a5e096f5] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-a5e096f5] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-a5e096f5] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-a5e096f5] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-a5e096f5] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a5e096f5] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-a5e096f5]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-a5e096f5]:focus,
.comment-input-field.textarea[data-v-a5e096f5]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-a5e096f5]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-a5e096f5] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-a5e096f5] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a5e096f5] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-a5e096f5] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a5e096f5] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-a5e096f5] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-a5e096f5] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-a5e096f5] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-a5e096f5]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-a5e096f5] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-a5e096f5],
.comment-send-btn.disabled .icon-send[data-v-a5e096f5] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-a5e096f5]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-a5e096f5] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-a5e096f5] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-a5e096f5] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-a5e096f5] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-a5e096f5] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-a5e096f5] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-a5e096f5] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-a5e096f5] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-a5e096f5] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-a5e096f5] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-a5e096f5] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-a5e096f5] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-a5e096f5] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-a5e096f5] {
  align-items: center;
  animation: blink-a5e096f5 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-a5e096f5 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-a5e096f5] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-a5e096f5] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-a5e096f5] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-a5e096f5] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-a5e096f5] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-a5e096f5] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-a5e096f5]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-a5e096f5] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-a5e096f5] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-a5e096f5] {
  margin: 0 0 0 -8px;
}
.archive-header[data-v-a5e096f5] {
  background-color: var(--color-50);
  display: block;
  padding: 20px 8px 24px;
  position: relative;
}
@media (min-width: 1024px) {
  .archive-header[data-v-a5e096f5] {
    margin: 0 auto 16px;
    max-width: 640px;
    padding: 16px 0 0;
  }
}
.archive-hash[data-v-a5e096f5] {
  color: var(--color-500);
  float: left;
}
.archive-hash[data-v-a5e096f5],
.archive-title[data-v-a5e096f5] {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
@supports (font-variation-settings: normal) {
  .archive-hash[data-v-a5e096f5],
  .archive-title[data-v-a5e096f5] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-hash[data-v-a5e096f5],
  .archive-title[data-v-a5e096f5] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .archive-hash[data-v-a5e096f5],
  .archive-title[data-v-a5e096f5] {
    font-size: 2.4375rem;
    line-height: 3rem;
  }
}
.isArchiveBreadcrumbs[data-v-a5e096f5] {
  color: #000;
  margin-bottom: 20px;
}
.isArchiveBreadcrumbs[data-v-a5e096f5] .breadcrumbs-link {
  color: var(--color-900);
}
.isArchiveBreadcrumbs[data-v-a5e096f5] .icon-chevron--right {
  color: var(--color-500);
}
.result-divider[data-v-a5e096f5] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 8px;
  width: auto;
}
@media (min-width: 1024px) {
  .result-divider[data-v-a5e096f5] {
    margin: 0 auto 24px;
    max-width: 688px;
    width: 100%;
  }
}
.collapsedTopMargin[data-v-a5e096f5] {
  margin-top: 0;
}
.contextual-title[data-v-a5e096f5] {
  display: block;
  font-size: 1.4375rem;
  font-variation-settings: "wght" 800;
  font-weight: 800;
  line-height: 1.75rem;
  margin: 24px 0;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  .contextual-title[data-v-a5e096f5] {
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 24px;
  }
}
.archive-acl[data-v-a5e096f5] .cards-container {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-wrap {
    padding: 8px 0;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-text-content {
    flex-basis: calc(100% - 200px);
    order: 2;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-multimedia {
    margin-right: 8px;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-image {
    aspect-ratio: 3/2;
    height: 100%;
    min-width: 200px;
    order: 1;
    width: 200px;
  }
}
.archive-acl[data-v-a5e096f5] .cards-container .card-container {
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-container {
    margin: 8px auto 0;
    max-width: 688px;
    padding: 0;
  }
}
.archive-acl[data-v-a5e096f5] .cards-container .card-divider {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px;
  max-width: 688px;
  width: 100%;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .cards-container .card-divider {
    margin: 0 auto;
  }
}
.archive-acl[data-v-a5e096f5] .cards-container .card-divider:last-of-type {
  display: none;
}
.archive-acl .pagination[data-v-a5e096f5] {
  margin: 24px 0 0;
}
@media (min-width: 1024px) {
  .archive-acl .result-divider[data-v-a5e096f5] {
    max-width: 688px;
  }
}
.archive-acl[data-v-a5e096f5] .in-feed:not(.in-grid) .card-image {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .archive-acl[data-v-a5e096f5] .in-feed:not(.in-grid) .card-image {
    margin-bottom: 8px;
  }
}
.content-with-background[data-v-a5e096f5] {
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  margin-bottom: 4px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-with-background[data-v-a5e096f5] {
    padding-bottom: 24px;
  }
}
.content-with-background.no-padding[data-v-a5e096f5] {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.columnist-info[data-v-a5e096f5] {
  align-items: center;
  display: flex;
}
@media (min-width: 1024px) {
  .columnist-info[data-v-a5e096f5] {
    align-items: flex-start;
  }
}
.columnist-image[data-v-a5e096f5] {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  flex-basis: 48px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 48px;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  width: 48px;
}
@media (min-width: 1024px) {
  .columnist-image[data-v-a5e096f5] {
    margin-right: 24px;
  }
}
.columnist-image[data-v-a5e096f5] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.columnist-desc[data-v-a5e096f5] {
  color: var(--columnist-archive-description);
  font-size: 1.0625rem;
  line-height: 1.375rem;
  margin-top: 20px;
  width: 100%;
  word-break: break-word;
}
@supports (font-variation-settings: normal) {
  .columnist-desc[data-v-a5e096f5] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .columnist-desc[data-v-a5e096f5] {
    font-weight: 600;
  }
}
.columnist-desc[data-v-a5e096f5]:empty {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .columnist-desc[data-v-a5e096f5] {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin-top: 20px;
  }
}
.pagination-wrap[data-v-a5e096f5] {
  margin: 0 auto;
  padding: 0 8px 24px;
}
@media (min-width: 1024px) {
  .pagination-wrap[data-v-a5e096f5] {
    max-width: 688px;
    padding: 0 0 24px;
  }
}
.pagination-wrap .card-divider[data-v-a5e096f5] {
  background-color: var(--color-200);
  content: "";
  display: block;
  height: 1px;
  margin: 8px auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .pagination-wrap .card-divider[data-v-a5e096f5] {
    margin: 0 auto;
    width: 100%;
  }
}
[data-v-a5e096f5] .breadcrumbs {
  margin: 0 -8px;
  padding: 0 8px;
}
[data-v-a5e096f5] .breadcrumbs .breadcrumbs-gradient {
  width: 8px;
}
[data-v-a5e096f5] .breadcrumbs .breadcrumbs-gradient.is-left {
  left: -8px;
}
[data-v-a5e096f5] .breadcrumbs .breadcrumbs-gradient.is-right {
  right: 8px;
}
.archive-title[data-v-a5e096f5] {
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin: 12px 0;
  padding-left: 8px;
}
@supports (font-variation-settings: normal) {
  .archive-title[data-v-a5e096f5] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .archive-title[data-v-a5e096f5] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .archive-title[data-v-a5e096f5] {
    font-size: 2.4375rem;
    line-height: 3rem;
    margin: 16px 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7effeb45] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7effeb45] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7effeb45],
  .comment-reply-bubble[data-v-7effeb45] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7effeb45],
  .comment-reply-bubble[data-v-7effeb45] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7effeb45] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7effeb45] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7effeb45],
  .comment-title[data-v-7effeb45] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7effeb45],
  .comment-title[data-v-7effeb45] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7effeb45] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7effeb45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7effeb45] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7effeb45] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7effeb45] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7effeb45] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7effeb45] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7effeb45] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7effeb45] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7effeb45] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7effeb45] {
  margin-bottom: 16px;
}
.comment-header[data-v-7effeb45] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7effeb45] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7effeb45] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7effeb45] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7effeb45] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7effeb45] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7effeb45]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7effeb45],
.comment-page .comment-header.is-sticky[data-v-7effeb45] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7effeb45] {
  animation: slideInDown-7effeb45 0.32s ease-in-out;
}
@keyframes slideInDown-7effeb45 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7effeb45] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7effeb45] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7effeb45]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7effeb45]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7effeb45] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7effeb45] {
  animation: slideOutUp-7effeb45 0.32s ease-in-out;
}
@keyframes slideOutUp-7effeb45 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7effeb45] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7effeb45] {
  margin-left: 8px;
}
.comment-title span[data-v-7effeb45] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7effeb45] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7effeb45] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7effeb45] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7effeb45]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7effeb45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7effeb45] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7effeb45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7effeb45] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7effeb45] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7effeb45],
.comment-page.post-fixed .comment-post-body[data-v-7effeb45] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7effeb45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7effeb45] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7effeb45] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7effeb45] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7effeb45] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7effeb45] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7effeb45] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7effeb45] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7effeb45] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7effeb45],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7effeb45] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7effeb45] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7effeb45] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7effeb45],
.comment-page.post-fixed .comment-post-body.active[data-v-7effeb45] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7effeb45],
  .comment-page.post-fixed .comment-post-body.active[data-v-7effeb45] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7effeb45],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7effeb45] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7effeb45] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7effeb45] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7effeb45] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7effeb45] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7effeb45] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7effeb45] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7effeb45] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7effeb45] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7effeb45] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7effeb45] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7effeb45]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7effeb45]:focus,
.comment-input-field.textarea[data-v-7effeb45]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7effeb45]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7effeb45] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7effeb45] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7effeb45] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7effeb45] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7effeb45] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7effeb45] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7effeb45] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7effeb45] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7effeb45]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7effeb45] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7effeb45],
.comment-send-btn.disabled .icon-send[data-v-7effeb45] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7effeb45]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7effeb45] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7effeb45] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7effeb45] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7effeb45] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7effeb45] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7effeb45] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7effeb45] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7effeb45] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7effeb45] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7effeb45] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7effeb45] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7effeb45] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7effeb45] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7effeb45] {
  align-items: center;
  animation: blink-7effeb45 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7effeb45 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7effeb45] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7effeb45] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7effeb45] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7effeb45] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7effeb45] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7effeb45] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7effeb45]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7effeb45] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7effeb45] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7effeb45] {
  margin: 0 0 0 -8px;
}
.copyright-signature[data-v-7effeb45] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.copyright-signature__image[data-v-7effeb45] {
  height: 32px;
  margin-bottom: 4px;
  width: auto;
}
.copyright-signature__image img[data-v-7effeb45] {
  height: 32px;
  width: auto;
}
.light .copyright-signature img.is-light[data-v-7effeb45] {
  display: inline;
}
.dark .copyright-signature img.is-light[data-v-7effeb45],
.light .copyright-signature img.is-dark[data-v-7effeb45] {
  display: none;
}
.dark .copyright-signature img.is-dark[data-v-7effeb45] {
  display: inline;
}
.copyright-signature__text[data-v-7effeb45] {
  color: var(--color-600);
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0 8px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  #gigya-password-container
    .gigya-screen
    .gigya-composite-control.gigya-composite-control-label
    p,
  #gigya-password-container
    .gigya-screen
    .gigya-composite-control.gigya-composite-control-label
    p
    strong,
  .comment-input-field {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  #gigya-password-container
    .gigya-screen
    .gigya-composite-control.gigya-composite-control-label
    p,
  #gigya-password-container
    .gigya-screen
    .gigya-composite-control.gigya-composite-control-label
    p
    strong,
  .comment-input-field {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info,
  .comment-reply-bubble {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info,
  .comment-reply-bubble {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  #gigya-password-container #gigya-password-container_content_caption,
  .comment-avatar.login,
  .comment-title {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  #gigya-password-container #gigya-password-container_content_caption,
  .comment-avatar.login,
  .comment-title {
    font-weight: 800;
  }
}
.comment-teaser {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn {
    flex-basis: auto;
  }
  .comment-teaser-body {
    padding: 0 24px;
  }
}
.comment-no-comment-info {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info {
  margin-bottom: 16px;
}
.comment-header {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up,
.comment-page .comment-header.is-sticky {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky {
  animation: slideInDown 0.32s ease-in-out;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page .comment-header.is-sticky .comment-header-wrapper {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page .comment-header.is-sticky .comment-header-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page .comment-header.is-sticky .comment-header-wrapper:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page .comment-header.is-sticky .comment-header-wrapper:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up {
  animation: slideOutUp 0.32s ease-in-out;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title {
  margin-left: 8px;
}
.comment-title span {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body,
.comment-page.post-fixed .comment-post-body {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body {
    padding: 16px 32px;
  }
  .is-storytelling .comment-page.post-fixed .comment-post-body {
    padding: 16px 192px;
  }
}
.comment-post-body.reply {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active {
  display: block;
}
.comment-page .comment-post-body.reply.active {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body.reply.active {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.reply.active,
.comment-page.post-fixed .comment-post-body.reply.active {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active {
    padding: 0 32px 16px;
  }
  .is-storytelling .comment-page.post-fixed .comment-post-body.reply.active {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active,
.comment-page.post-fixed .comment-post-body.active {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active,
  .comment-page.post-fixed .comment-post-body.active {
    padding: 16px 32px;
  }
  .is-storytelling .comment-page.mobile-post-fixed .comment-post-body.active,
  .is-storytelling .comment-page.post-fixed .comment-post-body.active {
    padding: 16px 192px;
  }
}
.comment-post-wrapper {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar {
  font-size: 2rem;
}
.comment-avatar.login {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper {
    max-width: 496px;
  }
}
.comment-input-field {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field {
  background-color: var(--color-50);
}
.comment-input-field.textarea {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea:focus,
.comment-input-field.textarea:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea:focus-visible {
  outline: unset;
}
.comment-input-info {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text,
.comment-send-btn.disabled .icon-send {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page {
    padding: 0;
  }
  .comment-page.post-fixed {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page .comment-page.reply-post-visible {
    padding: 0 0 16px;
  }
}
.comment-page .pagination {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination {
    margin: 24px 0;
  }
}
.comment-reply-bubble {
  align-items: center;
  animation: blink 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close:hover {
    cursor: pointer;
  }
}
.card-comments {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar {
  margin: 0 0 0 -8px;
}
#gigya-password-container {
  background: #fff;
  margin: 8px;
  max-width: calc(100% - 16px);
  padding: 20px 16px;
  width: 100%;
}
@media only screen and (min-width: 400px) {
  #gigya-password-container {
    margin: 8px auto 0;
  }
}
@media (min-width: 429px) {
  #gigya-password-container {
    border-radius: 0;
    box-shadow: 0 1px 3px #00000021;
    height: auto;
    max-width: 400px;
    padding: 24px 40px 20px;
  }
}
#gigya-password-container .gigya-screen.portrait.mobile {
  padding-bottom: 0;
}
#gigya-password-container #gigya-password-container_content_caption {
  border-bottom: none;
  color: #141313;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0 0 20px;
  padding: 0;
}
#gigya-password-container
  .gigya-screen
  .gigya-composite-control.gigya-composite-control-label
  p,
#gigya-password-container
  .gigya-screen
  .gigya-composite-control.gigya-composite-control-label
  p
  strong {
  color: #141313;
  font-size: 1rem;
  line-height: 1.5rem;
}
#gigya-password-container
  .gigya-screen
  .gigya-composite-control.gigya-composite-control-password
  .gigya-label
  span,
#gigya-password-container
  .gigya-screen
  .gigya-composite-control.gigya-composite-control-textbox
  .gigya-label
  span {
  color: #545454d6;
}
#gigya-password-container .gigya-screen input:-webkit-autofill,
#gigya-password-container .gigya-screen input[type="password"],
#gigya-password-container .gigya-screen input[type="text"] {
  background-color: #54545414 !important;
  color: var(--color-light-900) !important;
}
@media (min-width: 1024px) {
  #gigya-password-container .gigya-screen input:-webkit-autofill:hover,
  #gigya-password-container .gigya-screen input[type="password"]:hover,
  #gigya-password-container .gigya-screen input[type="text"]:hover {
    background-color: #5454541f !important;
  }
}
#gigya-password-container .gigya-screen .gigya-composite-control-password:after,
#gigya-password-container .gigya-screen .gigya-composite-control-textbox:after {
  background-color: #54545433 !important;
}
#gigya-password-container #passSwitch i,
#gigya-password-container .passSwitch i {
  color: #545454d6;
}
#gigya-password-container #gigya-reset-password-success-screen p {
  margin-bottom: 0;
}
#gigya-password-container
  #gigya-reset-password-success-screen
  .gigya-composite-control.gigya-composite-control-link.gigya-button-link[title="Završi"] {
  display: none;
}
#gigya-password-container .gigya-composite-control-password:focus-within:after,
#gigya-password-container .gigya-composite-control-textbox:focus-within:after {
  background-color: #141313 !important;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3796c987] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3796c987] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3796c987],
  .comment-reply-bubble[data-v-3796c987] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3796c987],
  .comment-reply-bubble[data-v-3796c987] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3796c987] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3796c987] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .article-progression__link[data-v-3796c987],
  .article-progression__text[data-v-3796c987] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-progression__link[data-v-3796c987],
  .article-progression__text[data-v-3796c987] {
    font-weight: 600;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3796c987],
  .comment-title[data-v-3796c987] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3796c987],
  .comment-title[data-v-3796c987] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3796c987] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3796c987] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3796c987] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3796c987] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3796c987] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3796c987] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3796c987] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3796c987] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3796c987] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3796c987] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3796c987] {
  margin-bottom: 16px;
}
.comment-header[data-v-3796c987] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3796c987] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3796c987] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3796c987] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3796c987] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3796c987] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3796c987]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3796c987],
.comment-page .comment-header.is-sticky[data-v-3796c987] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3796c987] {
  animation: slideInDown-3796c987 0.32s ease-in-out;
}
@keyframes slideInDown-3796c987 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3796c987] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3796c987] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3796c987]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3796c987]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3796c987] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3796c987] {
  animation: slideOutUp-3796c987 0.32s ease-in-out;
}
@keyframes slideOutUp-3796c987 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3796c987] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3796c987] {
  margin-left: 8px;
}
.comment-title span[data-v-3796c987] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3796c987] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3796c987] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3796c987] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3796c987]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3796c987] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3796c987] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3796c987] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3796c987] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3796c987] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3796c987],
.comment-page.post-fixed .comment-post-body[data-v-3796c987] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3796c987] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3796c987] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3796c987] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3796c987] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3796c987] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3796c987] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3796c987] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3796c987] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3796c987] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3796c987],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3796c987] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3796c987] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3796c987] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3796c987],
.comment-page.post-fixed .comment-post-body.active[data-v-3796c987] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3796c987],
  .comment-page.post-fixed .comment-post-body.active[data-v-3796c987] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3796c987],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3796c987] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3796c987] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3796c987] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3796c987] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3796c987] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3796c987] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3796c987] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3796c987] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3796c987] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3796c987] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3796c987] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3796c987]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3796c987]:focus,
.comment-input-field.textarea[data-v-3796c987]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3796c987]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3796c987] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3796c987] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3796c987] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3796c987] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3796c987] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3796c987] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3796c987] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3796c987] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3796c987]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3796c987] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3796c987],
.comment-send-btn.disabled .icon-send[data-v-3796c987] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3796c987]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3796c987] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3796c987] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3796c987] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3796c987] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3796c987] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3796c987] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3796c987] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3796c987] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3796c987] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3796c987] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3796c987] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3796c987] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3796c987] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3796c987] {
  align-items: center;
  animation: blink-3796c987 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3796c987 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3796c987] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3796c987] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3796c987] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3796c987] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3796c987] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3796c987] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3796c987]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3796c987] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3796c987] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3796c987] {
  margin: 0 0 0 -8px;
}
.article-progression[data-v-3796c987] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .article-progression[data-v-3796c987] {
    margin-bottom: 24px;
  }
  .is-storytelling .article-progression[data-v-3796c987] {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
  }
}
.article-progression__link[data-v-3796c987],
.article-progression__text[data-v-3796c987] {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.article-progression__link[data-v-3796c987] {
  color: var(--color-900);
}
@media (min-width: 1024px) {
  .article-progression__link[data-v-3796c987]:hover {
    color: var(--color-800);
  }
  .article-progression__link:hover .arrow[data-v-3796c987] {
    background-color: var(--color-200);
    cursor: pointer;
  }
}
.article-progression__text[data-v-3796c987] {
  color: var(--color-500);
}
@media (min-width: 1024px) {
  .article-progression__text[data-v-3796c987]:hover {
    cursor: default;
  }
}
.article-progression .arrow[data-v-3796c987] {
  align-items: center;
  border: 2px solid var(--color-300);
  border-radius: 50%;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 1;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.article-progression .arrow[data-v-3796c987]:before {
  font-family: icons !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--accent);
  font-size: 1rem;
  transition: color 0.3s;
}
.article-progression .arrow.is-disabled[data-v-3796c987] {
  opacity: 0.5;
}
.article-progression .arrow.is-disabled[data-v-3796c987]:before {
  color: var(--color-500);
}
.article-progression .arrow.is-left[data-v-3796c987] {
  margin-right: 8px;
}
.article-progression .arrow.is-left[data-v-3796c987]:before {
  content: "";
}
.article-progression .arrow.is-right[data-v-3796c987] {
  margin-left: 8px;
  order: 2;
}
.article-progression .arrow.is-right[data-v-3796c987]:before {
  content: "";
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-662c41be] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-662c41be] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-662c41be],
  .comment-reply-bubble[data-v-662c41be] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-662c41be],
  .comment-reply-bubble[data-v-662c41be] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-662c41be] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-662c41be] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-662c41be],
  .comment-title[data-v-662c41be] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-662c41be],
  .comment-title[data-v-662c41be] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-662c41be] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-662c41be] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-662c41be] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-662c41be] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-662c41be] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-662c41be] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-662c41be] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-662c41be] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-662c41be] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-662c41be] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-662c41be] {
  margin-bottom: 16px;
}
.comment-header[data-v-662c41be] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-662c41be] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-662c41be] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-662c41be] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-662c41be] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-662c41be] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-662c41be]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-662c41be],
.comment-page .comment-header.is-sticky[data-v-662c41be] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-662c41be] {
  animation: slideInDown-662c41be 0.32s ease-in-out;
}
@keyframes slideInDown-662c41be {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-662c41be] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-662c41be] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-662c41be]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-662c41be]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-662c41be] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-662c41be] {
  animation: slideOutUp-662c41be 0.32s ease-in-out;
}
@keyframes slideOutUp-662c41be {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-662c41be] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-662c41be] {
  margin-left: 8px;
}
.comment-title span[data-v-662c41be] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-662c41be] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-662c41be] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-662c41be] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-662c41be]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-662c41be] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-662c41be] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-662c41be] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-662c41be] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-662c41be] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-662c41be],
.comment-page.post-fixed .comment-post-body[data-v-662c41be] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-662c41be] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-662c41be] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-662c41be] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-662c41be] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-662c41be] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-662c41be] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-662c41be] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-662c41be] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-662c41be] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-662c41be],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-662c41be] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-662c41be] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-662c41be] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-662c41be],
.comment-page.post-fixed .comment-post-body.active[data-v-662c41be] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-662c41be],
  .comment-page.post-fixed .comment-post-body.active[data-v-662c41be] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-662c41be],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-662c41be] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-662c41be] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-662c41be] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-662c41be] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-662c41be] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-662c41be] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-662c41be] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-662c41be] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-662c41be] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-662c41be] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-662c41be] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-662c41be]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-662c41be]:focus,
.comment-input-field.textarea[data-v-662c41be]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-662c41be]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-662c41be] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-662c41be] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-662c41be] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-662c41be] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-662c41be] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-662c41be] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-662c41be] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-662c41be] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-662c41be]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-662c41be] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-662c41be],
.comment-send-btn.disabled .icon-send[data-v-662c41be] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-662c41be]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-662c41be] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-662c41be] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-662c41be] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-662c41be] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-662c41be] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-662c41be] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-662c41be] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-662c41be] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-662c41be] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-662c41be] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-662c41be] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-662c41be] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-662c41be] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-662c41be] {
  align-items: center;
  animation: blink-662c41be 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-662c41be {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-662c41be] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-662c41be] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-662c41be] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-662c41be] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-662c41be] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-662c41be] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-662c41be]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-662c41be] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-662c41be] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-662c41be] {
  margin: 0 0 0 -8px;
}
.app-widget[data-v-662c41be] {
  align-items: center;
  background-color: var(--color-50);
  box-shadow: var(--main-box-shadow);
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
  padding: 16px 16px 8px;
}
.article-content .app-widget[data-v-662c41be] {
  margin: 4px -16px 0;
  max-width: 484px;
  position: relative;
  width: calc(100% + 32px);
}
@media (min-width: 1024px) {
  .article-content .app-widget[data-v-662c41be] {
    margin: 4px -32px 0;
    max-width: unset;
    width: calc(100% + 64px);
  }
}
.article-content .app-widget[data-v-662c41be]:before {
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 100%;
}
.article-content .app-widget.light[data-v-662c41be]:before {
  background-color: var(--surface-dark);
  box-shadow: none;
}
.article-content .app-widget.dark[data-v-662c41be]:before {
  background-color: var(--surface-light);
  box-shadow: inset 0 1px 2px #00000021;
}
.article-content.all-comments-page .app-widget[data-v-662c41be] {
  display: none;
}
.app-widget__logo[data-v-662c41be] {
  align-items: center;
  background-image: url(../index/kurir-app-teaser-icon.png);
  background-size: cover;
  border: 1px solid var(--color-200);
  border-radius: 13px;
  display: flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 12px;
  width: 56px;
}
.app-widget__logo svg[data-v-662c41be] {
  height: 42px;
}
.app-widget__title[data-v-662c41be] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: normal;
  line-height: 1.625rem;
  margin-bottom: 8px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .app-widget__title[data-v-662c41be] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .app-widget__title[data-v-662c41be] {
    font-weight: 700;
  }
}
.app-widget__text[data-v-662c41be] {
  color: var(--color-900);
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.5rem;
  margin-bottom: 12px;
  text-align: center;
}
@supports (font-variation-settings: normal) {
  .app-widget__text[data-v-662c41be] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .app-widget__text[data-v-662c41be] {
    font-weight: 400;
  }
}
.app-widget__links[data-v-662c41be] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.app-widget__link[data-v-662c41be] {
  display: inline-block;
  height: 32px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.app-widget__link[data-v-662c41be]:last-of-type {
  margin-right: 0;
}
.app-widget__link svg[data-v-662c41be] {
  height: 32px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7feef2b0] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7feef2b0] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7feef2b0],
  .comment-reply-bubble[data-v-7feef2b0] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7feef2b0],
  .comment-reply-bubble[data-v-7feef2b0] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7feef2b0] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-7feef2b0] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7feef2b0],
  .comment-title[data-v-7feef2b0] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7feef2b0],
  .comment-title[data-v-7feef2b0] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7feef2b0] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7feef2b0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7feef2b0] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7feef2b0] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7feef2b0] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7feef2b0] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7feef2b0] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7feef2b0] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7feef2b0] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7feef2b0] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7feef2b0] {
  margin-bottom: 16px;
}
.comment-header[data-v-7feef2b0] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7feef2b0] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7feef2b0] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7feef2b0] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7feef2b0] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7feef2b0] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7feef2b0]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7feef2b0],
.comment-page .comment-header.is-sticky[data-v-7feef2b0] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7feef2b0] {
  animation: slideInDown-7feef2b0 0.32s ease-in-out;
}
@keyframes slideInDown-7feef2b0 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7feef2b0] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7feef2b0] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7feef2b0]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7feef2b0]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7feef2b0] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7feef2b0] {
  animation: slideOutUp-7feef2b0 0.32s ease-in-out;
}
@keyframes slideOutUp-7feef2b0 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7feef2b0] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7feef2b0] {
  margin-left: 8px;
}
.comment-title span[data-v-7feef2b0] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7feef2b0] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7feef2b0] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7feef2b0] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7feef2b0]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7feef2b0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7feef2b0] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7feef2b0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7feef2b0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7feef2b0] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7feef2b0],
.comment-page.post-fixed .comment-post-body[data-v-7feef2b0] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7feef2b0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7feef2b0] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7feef2b0] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7feef2b0] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7feef2b0] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7feef2b0] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7feef2b0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7feef2b0] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7feef2b0] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7feef2b0],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7feef2b0] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7feef2b0] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7feef2b0] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7feef2b0],
.comment-page.post-fixed .comment-post-body.active[data-v-7feef2b0] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7feef2b0],
  .comment-page.post-fixed .comment-post-body.active[data-v-7feef2b0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7feef2b0],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7feef2b0] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7feef2b0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7feef2b0] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7feef2b0] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7feef2b0] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7feef2b0] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7feef2b0] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7feef2b0] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7feef2b0] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7feef2b0] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7feef2b0] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7feef2b0]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7feef2b0]:focus,
.comment-input-field.textarea[data-v-7feef2b0]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7feef2b0]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7feef2b0] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7feef2b0] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7feef2b0] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7feef2b0] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7feef2b0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7feef2b0] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7feef2b0] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7feef2b0] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7feef2b0]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7feef2b0] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7feef2b0],
.comment-send-btn.disabled .icon-send[data-v-7feef2b0] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7feef2b0]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7feef2b0] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7feef2b0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7feef2b0] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7feef2b0] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7feef2b0] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7feef2b0] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7feef2b0] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7feef2b0] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7feef2b0] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7feef2b0] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7feef2b0] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7feef2b0] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7feef2b0] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7feef2b0] {
  align-items: center;
  animation: blink-7feef2b0 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7feef2b0 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7feef2b0] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7feef2b0] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7feef2b0] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7feef2b0] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7feef2b0] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7feef2b0] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7feef2b0]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7feef2b0] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7feef2b0] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7feef2b0] {
  margin: 0 0 0 -8px;
}
.article-subsections[data-v-7feef2b0] {
  height: 48px;
  overflow-x: auto;
  width: 100%;
}
.article-subsections__list-container[data-v-7feef2b0] {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .article-subsections__list-container[data-v-7feef2b0] {
    padding-left: 0;
  }
}
@media (min-width: 429px) {
  .article-subsections__list-container[data-v-7feef2b0]:before {
    background-image: var(--surface-scrim-leading);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    z-index: 2;
  }
  .article-subsections__list-container[data-v-7feef2b0]:after {
    background-image: var(--surface-scrim-trailing);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    z-index: 2;
  }
}
.article-subsections__list[data-v-7feef2b0] {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-left: 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.article-subsections__list[data-v-7feef2b0]::-webkit-scrollbar,
.article-subsections__list[data-v-7feef2b0]::-webkit-scrollbar-track {
  display: none;
  height: 0;
  width: 0;
}
.article-subsections__list[data-v-7feef2b0]::-webkit-scrollbar-thumb {
  display: none;
  height: 0;
  width: 0;
}
.article-subsections__list-item[data-v-7feef2b0] {
  display: inline-block;
  list-style-type: none;
}
.article-subsections__link[data-v-7feef2b0] {
  background-color: var(--color-50);
  border: var(--topics-border);
  border-radius: 1px;
  box-shadow: var(--topics-box-shadow);
  color: var(--color-900);
  cursor: pointer;
  display: block;
  font-size: 0.6875rem;
  height: 24px;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
  margin: 0 8px 0 0;
  overflow: hidden;
  padding: 5px 8px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.3s;
  white-space: nowrap;
}
@supports (font-variation-settings: normal) {
  .article-subsections__link[data-v-7feef2b0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .article-subsections__link[data-v-7feef2b0] {
    font-weight: 600;
  }
}
.dark .article-subsections__link[data-v-7feef2b0] {
  padding: 4px 7px;
}
.article-subsections__link[data-v-7feef2b0]:hover:before {
  background-color: var(--color-75);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-cdf434fc] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-cdf434fc] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-cdf434fc],
  .comment-reply-bubble[data-v-cdf434fc] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-cdf434fc],
  .comment-reply-bubble[data-v-cdf434fc] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cdf434fc] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-cdf434fc] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cdf434fc],
  .comment-title[data-v-cdf434fc] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-cdf434fc],
  .comment-title[data-v-cdf434fc] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-cdf434fc] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-cdf434fc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-cdf434fc] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-cdf434fc] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-cdf434fc] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-cdf434fc] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-cdf434fc] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-cdf434fc] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-cdf434fc] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-cdf434fc] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-cdf434fc] {
  margin-bottom: 16px;
}
.comment-header[data-v-cdf434fc] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-cdf434fc] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-cdf434fc] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-cdf434fc] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-cdf434fc] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-cdf434fc] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-cdf434fc]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-cdf434fc],
.comment-page .comment-header.is-sticky[data-v-cdf434fc] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-cdf434fc] {
  animation: slideInDown-cdf434fc 0.32s ease-in-out;
}
@keyframes slideInDown-cdf434fc {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cdf434fc] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cdf434fc] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cdf434fc]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-cdf434fc]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-cdf434fc] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-cdf434fc] {
  animation: slideOutUp-cdf434fc 0.32s ease-in-out;
}
@keyframes slideOutUp-cdf434fc {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-cdf434fc] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-cdf434fc] {
  margin-left: 8px;
}
.comment-title span[data-v-cdf434fc] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-cdf434fc] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-cdf434fc] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-cdf434fc] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-cdf434fc]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-cdf434fc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-cdf434fc] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-cdf434fc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-cdf434fc] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-cdf434fc] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-cdf434fc],
.comment-page.post-fixed .comment-post-body[data-v-cdf434fc] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-cdf434fc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-cdf434fc] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-cdf434fc] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-cdf434fc] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-cdf434fc] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-cdf434fc] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-cdf434fc] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-cdf434fc] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-cdf434fc] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-cdf434fc],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-cdf434fc] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-cdf434fc] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-cdf434fc] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-cdf434fc],
.comment-page.post-fixed .comment-post-body.active[data-v-cdf434fc] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-cdf434fc],
  .comment-page.post-fixed .comment-post-body.active[data-v-cdf434fc] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-cdf434fc],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-cdf434fc] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-cdf434fc] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-cdf434fc] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-cdf434fc] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-cdf434fc] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-cdf434fc] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-cdf434fc] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-cdf434fc] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-cdf434fc] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-cdf434fc] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cdf434fc] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-cdf434fc]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-cdf434fc]:focus,
.comment-input-field.textarea[data-v-cdf434fc]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-cdf434fc]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-cdf434fc] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-cdf434fc] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cdf434fc] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-cdf434fc] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cdf434fc] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-cdf434fc] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-cdf434fc] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-cdf434fc] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-cdf434fc]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-cdf434fc] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-cdf434fc],
.comment-send-btn.disabled .icon-send[data-v-cdf434fc] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-cdf434fc]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-cdf434fc] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-cdf434fc] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-cdf434fc] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-cdf434fc] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-cdf434fc] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-cdf434fc] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-cdf434fc] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-cdf434fc] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-cdf434fc] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-cdf434fc] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-cdf434fc] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-cdf434fc] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-cdf434fc] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-cdf434fc] {
  align-items: center;
  animation: blink-cdf434fc 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-cdf434fc {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-cdf434fc] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-cdf434fc] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-cdf434fc] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-cdf434fc] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-cdf434fc] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-cdf434fc] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-cdf434fc]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-cdf434fc] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-cdf434fc] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-cdf434fc] {
  margin: 0 0 0 -8px;
}
.custom-select[data-v-cdf434fc] {
  align-self: auto;
  flex: 1 0 calc(50% - 4px);
  height: 32px;
  margin-left: 0;
  margin-right: 4px;
  outline: none;
  position: relative;
  text-align: left;
  width: auto;
}
@media (min-width: 1024px) {
  .custom-select[data-v-cdf434fc] {
    flex: 0 1 142px;
    margin-left: 16px;
    margin-right: 0;
  }
}
.comment-page .custom-select[data-v-cdf434fc],
.is-developing-story .custom-select[data-v-cdf434fc] {
  flex: 0;
  margin-right: 0;
  width: 32px;
  z-index: 1;
}
@media (min-width: 1024px) {
  .comment-page .custom-select[data-v-cdf434fc],
  .is-developing-story .custom-select[data-v-cdf434fc] {
    flex: 0 1 138px;
    width: auto;
  }
}
.custom-select__selected[data-v-cdf434fc] {
  background-color: var(--color-100);
  border-radius: 16px;
  color: var(--color-900);
  cursor: pointer;
  font-size: 0.8125rem;
  font-variation-settings: "wght" 600;
  height: 32px;
  line-height: 2rem;
  overflow: hidden;
  padding: 0 40px 0 12px;
  position: relative;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.comment-page .custom-select__selected[data-v-cdf434fc],
.is-developing-story .custom-select__selected[data-v-cdf434fc] {
  padding: 0;
  width: 32px;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected[data-v-cdf434fc],
  .is-developing-story .custom-select__selected[data-v-cdf434fc] {
    padding: 0 40px 0 12px;
    width: unset;
  }
}
.custom-select__selected[data-v-cdf434fc]:after {
  background-color: var(--color-50);
  border: 2px solid var(--color-300);
  border-radius: 16px;
  content: "";
  display: block;
  height: 32px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
.custom-select__selected.is-open[data-v-cdf434fc],
.custom-select__selected[data-v-cdf434fc]:hover {
  background-color: var(--color-200);
}
.custom-select__selected.is-open[data-v-cdf434fc]:after,
.custom-select__selected[data-v-cdf434fc]:hover:after {
  background-color: var(--color-100);
}
.comment-page .custom-select__selected-text[data-v-cdf434fc],
.is-developing-story .custom-select__selected-text[data-v-cdf434fc] {
  display: none;
}
@media (min-width: 1024px) {
  .comment-page .custom-select__selected-text[data-v-cdf434fc],
  .is-developing-story .custom-select__selected-text[data-v-cdf434fc] {
    display: inline-block;
  }
}
.custom-select__icon[data-v-cdf434fc] {
  color: var(--color-900);
  display: inline;
  font-size: 1rem;
  position: absolute;
  right: 8px;
  top: 1px;
  z-index: 10;
}
.custom-select__items[data-v-cdf434fc] {
  background-color: var(--color-50);
  border-radius: 3px;
  box-shadow: var(--shadow-floating);
  padding: 4px 0;
  position: absolute;
  right: 0;
  top: 36px;
  z-index: 11;
}
.comment-page .custom-select__items[data-v-cdf434fc],
.is-developing-story .custom-select__items[data-v-cdf434fc] {
  width: 125px;
}
.custom-select__items.is-hidden[data-v-cdf434fc] {
  display: none;
}
.custom-select__item[data-v-cdf434fc] {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
.custom-select__item.active[data-v-cdf434fc] {
  background-color: initial;
}
.custom-select__item.active p[data-v-cdf434fc] {
  pointer-events: none;
}
.custom-select__item.active p span[data-v-cdf434fc] {
  color: var(--color-900);
}
.custom-select__item.active i[data-v-cdf434fc] {
  visibility: visible;
}
.custom-select__item .nuxt-link[data-v-cdf434fc],
.custom-select__item p[data-v-cdf434fc] {
  color: var(--color-600);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 8px 8px 8px 12px;
}
.custom-select__item .nuxt-link[data-v-cdf434fc]:hover,
.custom-select__item p[data-v-cdf434fc]:hover {
  background-color: var(--color-100);
  color: var(--color-900);
}
.custom-select__item i[data-v-cdf434fc] {
  color: var(--color);
  font-size: 1rem;
  margin: 0 0 0 4px;
  position: relative;
  visibility: hidden;
}
.custom-select[data-v-cdf434fc] {
  display: flex;
  flex: none;
  margin: 0 8px;
  white-space: nowrap;
}
.custom-select__selected[data-v-cdf434fc] {
  min-width: 142px;
}
.custom-select__selected.isWide[data-v-cdf434fc] {
  min-width: 172px;
}
.custom-select__item.active[data-v-cdf434fc] {
  pointer-events: none;
}
.custom-select__item.active span[data-v-cdf434fc] {
  color: var(--color-900);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-7b948233] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-7b948233] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-7b948233],
  .comment-reply-bubble[data-v-7b948233] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-7b948233],
  .comment-reply-bubble[data-v-7b948233] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .category-title[data-v-7b948233],
  .comment-no-comment-info[data-v-7b948233] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .category-title[data-v-7b948233],
  .comment-no-comment-info[data-v-7b948233] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7b948233],
  .comment-title[data-v-7b948233] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-7b948233],
  .comment-title[data-v-7b948233] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-7b948233] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-7b948233] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-7b948233] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-7b948233] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-7b948233] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-7b948233] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-7b948233] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-7b948233] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-7b948233] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-7b948233] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-7b948233] {
  margin-bottom: 16px;
}
.comment-header[data-v-7b948233] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-7b948233] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-7b948233] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-7b948233] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-7b948233] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-7b948233] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-7b948233]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-7b948233],
.comment-page .comment-header.is-sticky[data-v-7b948233] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-7b948233] {
  animation: slideInDown-7b948233 0.32s ease-in-out;
}
@keyframes slideInDown-7b948233 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7b948233] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7b948233] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7b948233]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-7b948233]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-7b948233] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-7b948233] {
  animation: slideOutUp-7b948233 0.32s ease-in-out;
}
@keyframes slideOutUp-7b948233 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-7b948233] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-7b948233] {
  margin-left: 8px;
}
.comment-title span[data-v-7b948233] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-7b948233] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-7b948233] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-7b948233] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-7b948233]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-7b948233] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-7b948233] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-7b948233] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-7b948233] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-7b948233] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-7b948233],
.comment-page.post-fixed .comment-post-body[data-v-7b948233] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-7b948233] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-7b948233] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-7b948233] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-7b948233] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-7b948233] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-7b948233] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-7b948233] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-7b948233] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-7b948233] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-7b948233],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-7b948233] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-7b948233] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-7b948233] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-7b948233],
.comment-page.post-fixed .comment-post-body.active[data-v-7b948233] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-7b948233],
  .comment-page.post-fixed .comment-post-body.active[data-v-7b948233] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-7b948233],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-7b948233] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-7b948233] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-7b948233] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-7b948233] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-7b948233] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-7b948233] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-7b948233] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-7b948233] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-7b948233] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-7b948233] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7b948233] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-7b948233]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-7b948233]:focus,
.comment-input-field.textarea[data-v-7b948233]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-7b948233]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-7b948233] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-7b948233] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7b948233] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-7b948233] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7b948233] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-7b948233] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-7b948233] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-7b948233] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-7b948233]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-7b948233] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-7b948233],
.comment-send-btn.disabled .icon-send[data-v-7b948233] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-7b948233]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-7b948233] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-7b948233] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-7b948233] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-7b948233] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-7b948233] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-7b948233] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-7b948233] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-7b948233] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-7b948233] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-7b948233] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-7b948233] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-7b948233] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-7b948233] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-7b948233] {
  align-items: center;
  animation: blink-7b948233 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-7b948233 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-7b948233] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-7b948233] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-7b948233] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-7b948233] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-7b948233] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-7b948233] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-7b948233]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-7b948233] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-7b948233] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-7b948233] {
  margin: 0 0 0 -8px;
}
.title-container[data-v-7b948233] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 12px;
  margin-top: 12px;
  max-width: 704px;
}
.category-title[data-v-7b948233] {
  color: var(--color-900);
  display: inline-block;
  flex-grow: 2;
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin: 0;
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .category-title[data-v-7b948233] {
    font-size: 2.4375rem;
    line-height: 3rem;
    margin: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-37d5360b] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-37d5360b] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-37d5360b],
  .comment-reply-bubble[data-v-37d5360b] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-37d5360b],
  .comment-reply-bubble[data-v-37d5360b] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-37d5360b] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-37d5360b] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-37d5360b],
  .comment-title[data-v-37d5360b] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-37d5360b],
  .comment-title[data-v-37d5360b] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-37d5360b] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-37d5360b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-37d5360b] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-37d5360b] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-37d5360b] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-37d5360b] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-37d5360b] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-37d5360b] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-37d5360b] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-37d5360b] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-37d5360b] {
  margin-bottom: 16px;
}
.comment-header[data-v-37d5360b] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-37d5360b] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-37d5360b] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-37d5360b] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-37d5360b] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-37d5360b] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-37d5360b]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-37d5360b],
.comment-page .comment-header.is-sticky[data-v-37d5360b] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-37d5360b] {
  animation: slideInDown-37d5360b 0.32s ease-in-out;
}
@keyframes slideInDown-37d5360b {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-37d5360b] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-37d5360b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-37d5360b]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-37d5360b]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-37d5360b] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-37d5360b] {
  animation: slideOutUp-37d5360b 0.32s ease-in-out;
}
@keyframes slideOutUp-37d5360b {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-37d5360b] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-37d5360b] {
  margin-left: 8px;
}
.comment-title span[data-v-37d5360b] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-37d5360b] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-37d5360b] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-37d5360b] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-37d5360b]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-37d5360b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-37d5360b] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-37d5360b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-37d5360b] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-37d5360b] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-37d5360b],
.comment-page.post-fixed .comment-post-body[data-v-37d5360b] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-37d5360b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-37d5360b] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-37d5360b] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-37d5360b] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-37d5360b] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-37d5360b] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-37d5360b] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-37d5360b] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-37d5360b] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-37d5360b],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-37d5360b] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-37d5360b] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-37d5360b] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-37d5360b],
.comment-page.post-fixed .comment-post-body.active[data-v-37d5360b] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-37d5360b],
  .comment-page.post-fixed .comment-post-body.active[data-v-37d5360b] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-37d5360b],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-37d5360b] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-37d5360b] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-37d5360b] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-37d5360b] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-37d5360b] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-37d5360b] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-37d5360b] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-37d5360b] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-37d5360b] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-37d5360b] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-37d5360b] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-37d5360b]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-37d5360b]:focus,
.comment-input-field.textarea[data-v-37d5360b]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-37d5360b]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-37d5360b] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-37d5360b] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-37d5360b] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-37d5360b] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-37d5360b] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-37d5360b] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-37d5360b] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-37d5360b] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-37d5360b]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-37d5360b] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-37d5360b],
.comment-send-btn.disabled .icon-send[data-v-37d5360b] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-37d5360b]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-37d5360b] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-37d5360b] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-37d5360b] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-37d5360b] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-37d5360b] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-37d5360b] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-37d5360b] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-37d5360b] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-37d5360b] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-37d5360b] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-37d5360b] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-37d5360b] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-37d5360b] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-37d5360b] {
  align-items: center;
  animation: blink-37d5360b 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-37d5360b {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-37d5360b] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-37d5360b] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-37d5360b] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-37d5360b] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-37d5360b] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-37d5360b] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-37d5360b]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-37d5360b] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-37d5360b] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-37d5360b] {
  margin: 0 0 0 -8px;
}
.breadcrumbs[data-v-37d5360b] {
  align-items: center;
  display: flex;
  margin: 0 -16px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 15px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs[data-v-37d5360b]::-webkit-scrollbar {
  display: none;
  height: 0;
}
.breadcrumbs[data-v-37d5360b]::-webkit-scrollbar-thumb,
.breadcrumbs[data-v-37d5360b]::-webkit-scrollbar-track {
  height: 0;
}
.breadcrumbs.is-grabbing[data-v-37d5360b] {
  cursor: grabbing;
}
.flatpages .breadcrumbs[data-v-37d5360b] {
  margin-bottom: 20px;
}
.breadcrumbs-wrap[data-v-37d5360b] {
  position: relative;
}
.breadcrumbs-gradient[data-v-37d5360b] {
  bottom: 0;
  content: "";
  display: none;
  height: auto;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 2;
}
@media (min-width: 429px) {
  .breadcrumbs-gradient[data-v-37d5360b] {
    display: block;
  }
}
.breadcrumbs-gradient.is-left[data-v-37d5360b] {
  background-image: var(--color-50-scrim-leading);
  left: -15px;
}
.breadcrumbs-gradient.is-right[data-v-37d5360b] {
  background-image: var(--color-50-scrim-trailing);
  right: -15px;
}
.breadcrumbs-icon-container[data-v-37d5360b] {
  align-items: center;
  display: flex;
}
.breadcrumbs-link[data-v-37d5360b] {
  color: var(--breadcrumbs-color);
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 2px;
  transition: all 0.15s;
  white-space: nowrap;
}
.breadcrumbs-link[data-v-37d5360b]:first-child {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .breadcrumbs-link[data-v-37d5360b] {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
.flatpages .breadcrumbs-link[data-v-37d5360b],
.storytelling .breadcrumbs-link[data-v-37d5360b] {
  color: var(--breadcrumbs-color-special);
}
@media (min-width: 1024px) {
  .flatpages .breadcrumbs-link[data-v-37d5360b]:hover,
  .storytelling .breadcrumbs-link[data-v-37d5360b]:hover {
    color: var(--breadcrumbs-color-special-hover);
  }
}
.breadcrumbs .icon-chevron--right[data-v-37d5360b] {
  color: var(--breadcrumbs-chevron);
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-1caf4604] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-1caf4604] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-1caf4604],
  .comment-reply-bubble[data-v-1caf4604] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-1caf4604],
  .comment-reply-bubble[data-v-1caf4604] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1caf4604] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-1caf4604] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1caf4604],
  .comment-title[data-v-1caf4604] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-1caf4604],
  .comment-title[data-v-1caf4604] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-1caf4604] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-1caf4604] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-1caf4604] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-1caf4604] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-1caf4604] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-1caf4604] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-1caf4604] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-1caf4604] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-1caf4604] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-1caf4604] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-1caf4604] {
  margin-bottom: 16px;
}
.comment-header[data-v-1caf4604] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-1caf4604] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-1caf4604] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-1caf4604] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-1caf4604] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-1caf4604] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-1caf4604]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-1caf4604],
.comment-page .comment-header.is-sticky[data-v-1caf4604] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-1caf4604] {
  animation: slideInDown-1caf4604 0.32s ease-in-out;
}
@keyframes slideInDown-1caf4604 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1caf4604] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1caf4604] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1caf4604]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-1caf4604]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-1caf4604] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-1caf4604] {
  animation: slideOutUp-1caf4604 0.32s ease-in-out;
}
@keyframes slideOutUp-1caf4604 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-1caf4604] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-1caf4604] {
  margin-left: 8px;
}
.comment-title span[data-v-1caf4604] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-1caf4604] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-1caf4604] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-1caf4604] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-1caf4604]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-1caf4604] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-1caf4604] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-1caf4604] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-1caf4604] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-1caf4604] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-1caf4604],
.comment-page.post-fixed .comment-post-body[data-v-1caf4604] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-1caf4604] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-1caf4604] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-1caf4604] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-1caf4604] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-1caf4604] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-1caf4604] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-1caf4604] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-1caf4604] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-1caf4604] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-1caf4604],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-1caf4604] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-1caf4604] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-1caf4604] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-1caf4604],
.comment-page.post-fixed .comment-post-body.active[data-v-1caf4604] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-1caf4604],
  .comment-page.post-fixed .comment-post-body.active[data-v-1caf4604] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-1caf4604],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-1caf4604] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-1caf4604] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-1caf4604] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-1caf4604] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-1caf4604] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-1caf4604] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-1caf4604] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-1caf4604] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-1caf4604] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-1caf4604] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1caf4604] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-1caf4604]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-1caf4604]:focus,
.comment-input-field.textarea[data-v-1caf4604]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-1caf4604]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-1caf4604] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-1caf4604] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1caf4604] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-1caf4604] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1caf4604] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-1caf4604] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-1caf4604] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-1caf4604] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-1caf4604]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-1caf4604] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-1caf4604],
.comment-send-btn.disabled .icon-send[data-v-1caf4604] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-1caf4604]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-1caf4604] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-1caf4604] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-1caf4604] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-1caf4604] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-1caf4604] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-1caf4604] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-1caf4604] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-1caf4604] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-1caf4604] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-1caf4604] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-1caf4604] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-1caf4604] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-1caf4604] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-1caf4604] {
  align-items: center;
  animation: blink-1caf4604 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-1caf4604 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-1caf4604] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-1caf4604] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-1caf4604] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-1caf4604] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-1caf4604] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-1caf4604] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-1caf4604]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-1caf4604] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-1caf4604] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-1caf4604] {
  margin: 0 0 0 -8px;
}
.video-article[data-v-1caf4604] {
  background-color: var(--color-dark-50);
  margin-bottom: 4px;
}
.video-article[data-v-1caf4604] .card-divider {
  margin-bottom: 20px;
  margin-top: 15px;
  width: 100%;
}
.video-article[data-v-1caf4604] .video-player {
  padding: 0;
}
@media (min-width: 1024px) {
  .video-article[data-v-1caf4604] .video-player {
    padding: 8px 8px 0;
  }
}
.video-article__title[data-v-1caf4604] {
  font-size: 21px;
  padding-bottom: 16px;
}
@media (min-width: 1024px) {
  .video-article__title[data-v-1caf4604] {
    font-size: 32px;
  }
}
.video-container[data-v-1caf4604] {
  height: 100%;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.embed-videoPlayer__container[data-v-1caf4604] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-details[data-v-1caf4604] {
  margin: 0 auto;
  max-width: 640px;
  padding: 0 8px;
}
@media (min-width: 1024px) {
  .video-details[data-v-1caf4604] {
    padding: 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f5bbb7b0] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f5bbb7b0] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f5bbb7b0],
  .comment-reply-bubble[data-v-f5bbb7b0] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f5bbb7b0],
  .comment-reply-bubble[data-v-f5bbb7b0] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .category-breadcrumbs[data-v-f5bbb7b0],
  .comment-no-comment-info[data-v-f5bbb7b0] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .category-breadcrumbs[data-v-f5bbb7b0],
  .comment-no-comment-info[data-v-f5bbb7b0] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f5bbb7b0],
  .comment-title[data-v-f5bbb7b0] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f5bbb7b0],
  .comment-title[data-v-f5bbb7b0] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f5bbb7b0] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f5bbb7b0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f5bbb7b0] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f5bbb7b0] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f5bbb7b0] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f5bbb7b0] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f5bbb7b0] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f5bbb7b0] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f5bbb7b0] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f5bbb7b0] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f5bbb7b0] {
  margin-bottom: 16px;
}
.comment-header[data-v-f5bbb7b0] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f5bbb7b0] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f5bbb7b0] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f5bbb7b0] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f5bbb7b0] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f5bbb7b0] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f5bbb7b0]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f5bbb7b0],
.comment-page .comment-header.is-sticky[data-v-f5bbb7b0] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f5bbb7b0] {
  animation: slideInDown-f5bbb7b0 0.32s ease-in-out;
}
@keyframes slideInDown-f5bbb7b0 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f5bbb7b0] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f5bbb7b0] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f5bbb7b0]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f5bbb7b0]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f5bbb7b0] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f5bbb7b0] {
  animation: slideOutUp-f5bbb7b0 0.32s ease-in-out;
}
@keyframes slideOutUp-f5bbb7b0 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f5bbb7b0] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f5bbb7b0] {
  margin-left: 8px;
}
.comment-title span[data-v-f5bbb7b0] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f5bbb7b0] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f5bbb7b0] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f5bbb7b0] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f5bbb7b0]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f5bbb7b0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f5bbb7b0] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f5bbb7b0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f5bbb7b0] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f5bbb7b0] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f5bbb7b0],
.comment-page.post-fixed .comment-post-body[data-v-f5bbb7b0] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f5bbb7b0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f5bbb7b0] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f5bbb7b0] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f5bbb7b0] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f5bbb7b0] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f5bbb7b0] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f5bbb7b0] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f5bbb7b0] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f5bbb7b0] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f5bbb7b0],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f5bbb7b0] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f5bbb7b0] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f5bbb7b0] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f5bbb7b0],
.comment-page.post-fixed .comment-post-body.active[data-v-f5bbb7b0] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f5bbb7b0],
  .comment-page.post-fixed .comment-post-body.active[data-v-f5bbb7b0] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f5bbb7b0],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f5bbb7b0] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f5bbb7b0] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f5bbb7b0] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f5bbb7b0] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f5bbb7b0] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f5bbb7b0] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f5bbb7b0] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f5bbb7b0] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f5bbb7b0] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f5bbb7b0] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f5bbb7b0] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f5bbb7b0]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f5bbb7b0]:focus,
.comment-input-field.textarea[data-v-f5bbb7b0]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f5bbb7b0]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f5bbb7b0] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f5bbb7b0] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f5bbb7b0] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f5bbb7b0] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f5bbb7b0] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f5bbb7b0] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f5bbb7b0] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f5bbb7b0] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f5bbb7b0]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f5bbb7b0] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f5bbb7b0],
.comment-send-btn.disabled .icon-send[data-v-f5bbb7b0] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f5bbb7b0]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f5bbb7b0] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f5bbb7b0] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f5bbb7b0] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f5bbb7b0] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f5bbb7b0] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f5bbb7b0] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f5bbb7b0] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f5bbb7b0] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f5bbb7b0] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f5bbb7b0] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f5bbb7b0] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f5bbb7b0] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f5bbb7b0] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f5bbb7b0] {
  align-items: center;
  animation: blink-f5bbb7b0 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f5bbb7b0 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f5bbb7b0] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f5bbb7b0] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f5bbb7b0] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f5bbb7b0] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f5bbb7b0] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f5bbb7b0] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f5bbb7b0]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f5bbb7b0] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f5bbb7b0] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f5bbb7b0] {
  margin: 0 0 0 -8px;
}
.category-breadcrumbs[data-v-f5bbb7b0] {
  color: var(--color-900);
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin: 12px 0;
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .category-breadcrumbs[data-v-f5bbb7b0] {
    font-size: 2.4375rem;
    line-height: 3rem;
    margin: 16px 0;
  }
}
.breadcrumbs-chevron[data-v-f5bbb7b0] {
  color: var(--color-500);
  display: inline-flex;
  font-size: 24px;
  height: 24px;
  margin: 0 4px;
  width: 24px;
}
@media (min-width: 1024px) {
  .breadcrumbs-chevron[data-v-f5bbb7b0] {
    font-size: 32px;
    height: 32px;
    margin: 0 4px;
    width: 32px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-3d4dba62] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-3d4dba62] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-3d4dba62],
  .comment-reply-bubble[data-v-3d4dba62] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-3d4dba62],
  .comment-reply-bubble[data-v-3d4dba62] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3d4dba62] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-3d4dba62] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3d4dba62],
  .comment-title[data-v-3d4dba62] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-3d4dba62],
  .comment-title[data-v-3d4dba62] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-3d4dba62] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-3d4dba62] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-3d4dba62] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-3d4dba62] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-3d4dba62] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-3d4dba62] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-3d4dba62] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-3d4dba62] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-3d4dba62] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-3d4dba62] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-3d4dba62] {
  margin-bottom: 16px;
}
.comment-header[data-v-3d4dba62] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-3d4dba62] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-3d4dba62] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-3d4dba62] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-3d4dba62] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-3d4dba62] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-3d4dba62]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-3d4dba62],
.comment-page .comment-header.is-sticky[data-v-3d4dba62] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-3d4dba62] {
  animation: slideInDown-3d4dba62 0.32s ease-in-out;
}
@keyframes slideInDown-3d4dba62 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3d4dba62] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3d4dba62] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3d4dba62]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-3d4dba62]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-3d4dba62] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-3d4dba62] {
  animation: slideOutUp-3d4dba62 0.32s ease-in-out;
}
@keyframes slideOutUp-3d4dba62 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-3d4dba62] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-3d4dba62] {
  margin-left: 8px;
}
.comment-title span[data-v-3d4dba62] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-3d4dba62] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-3d4dba62] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-3d4dba62] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-3d4dba62]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-3d4dba62] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-3d4dba62] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-3d4dba62] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-3d4dba62] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-3d4dba62] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-3d4dba62],
.comment-page.post-fixed .comment-post-body[data-v-3d4dba62] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-3d4dba62] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-3d4dba62] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-3d4dba62] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-3d4dba62] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-3d4dba62] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-3d4dba62] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-3d4dba62] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-3d4dba62] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-3d4dba62] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-3d4dba62],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-3d4dba62] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-3d4dba62] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-3d4dba62] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-3d4dba62],
.comment-page.post-fixed .comment-post-body.active[data-v-3d4dba62] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-3d4dba62],
  .comment-page.post-fixed .comment-post-body.active[data-v-3d4dba62] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-3d4dba62],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-3d4dba62] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-3d4dba62] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-3d4dba62] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-3d4dba62] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-3d4dba62] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-3d4dba62] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-3d4dba62] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-3d4dba62] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-3d4dba62] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-3d4dba62] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3d4dba62] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-3d4dba62]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-3d4dba62]:focus,
.comment-input-field.textarea[data-v-3d4dba62]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-3d4dba62]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-3d4dba62] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-3d4dba62] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3d4dba62] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-3d4dba62] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3d4dba62] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-3d4dba62] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-3d4dba62] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-3d4dba62] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-3d4dba62]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-3d4dba62] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-3d4dba62],
.comment-send-btn.disabled .icon-send[data-v-3d4dba62] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-3d4dba62]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-3d4dba62] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-3d4dba62] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-3d4dba62] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-3d4dba62] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-3d4dba62] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-3d4dba62] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-3d4dba62] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-3d4dba62] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-3d4dba62] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-3d4dba62] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-3d4dba62] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-3d4dba62] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-3d4dba62] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-3d4dba62] {
  align-items: center;
  animation: blink-3d4dba62 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-3d4dba62 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-3d4dba62] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-3d4dba62] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-3d4dba62] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-3d4dba62] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-3d4dba62] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-3d4dba62] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-3d4dba62]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-3d4dba62] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-3d4dba62] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-3d4dba62] {
  margin: 0 0 0 -8px;
}
.tv-program__container[data-v-3d4dba62] {
  background-color: var(--color-50);
}
.tv-program__days[data-v-3d4dba62] {
  margin-bottom: 12px;
  overflow: hidden;
  padding: 0 8px;
}
.tv-program__days-container[data-v-3d4dba62] {
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tv-program__day-title[data-v-3d4dba62] {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  color: var(--color-600);
  display: flex;
  font-size: 0.6875rem;
  height: 48px;
  justify-content: center;
  letter-spacing: 0.09px;
  line-height: 0.875rem;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .tv-program__day-title[data-v-3d4dba62] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-program__day-title[data-v-3d4dba62] {
    font-weight: 700;
  }
}
.tv-program__day-title.is-active[data-v-3d4dba62] {
  border-bottom: 2px solid #fe262f;
  color: var(--color-900);
}
@media (min-width: 1024px) {
  .tv-program__day-title[data-v-3d4dba62] {
    cursor: pointer;
    width: 100%;
  }
}
.tv-program__title[data-v-3d4dba62] {
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  margin-bottom: 12px;
  padding-left: 8px;
}
@supports (font-variation-settings: normal) {
  .tv-program__title[data-v-3d4dba62] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .tv-program__title[data-v-3d4dba62] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .tv-program__title[data-v-3d4dba62] {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
.tv-program__table[data-v-3d4dba62] {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  width: 100%;
}
.tv-program__table-item[data-v-3d4dba62] {
  align-items: center;
  border-bottom: 1px solid var(--color-200);
  display: flex;
  font-size: 1.0625rem;
  height: 48px;
  line-height: 1.6875rem;
}
.tv-program__table-item[data-v-3d4dba62]:last-child {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .tv-program__table-item[data-v-3d4dba62] {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}
.tv-program__table .item-title[data-v-3d4dba62] {
  padding-left: 16px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-684061b6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-684061b6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-684061b6],
  .comment-reply-bubble[data-v-684061b6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-684061b6],
  .comment-reply-bubble[data-v-684061b6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-684061b6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-684061b6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-684061b6],
  .comment-title[data-v-684061b6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-684061b6],
  .comment-title[data-v-684061b6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-684061b6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-684061b6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-684061b6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-684061b6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-684061b6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-684061b6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-684061b6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-684061b6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-684061b6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-684061b6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-684061b6] {
  margin-bottom: 16px;
}
.comment-header[data-v-684061b6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-684061b6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-684061b6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-684061b6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-684061b6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-684061b6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-684061b6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-684061b6],
.comment-page .comment-header.is-sticky[data-v-684061b6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-684061b6] {
  animation: slideInDown-684061b6 0.32s ease-in-out;
}
@keyframes slideInDown-684061b6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-684061b6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-684061b6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-684061b6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-684061b6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-684061b6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-684061b6] {
  animation: slideOutUp-684061b6 0.32s ease-in-out;
}
@keyframes slideOutUp-684061b6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-684061b6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-684061b6] {
  margin-left: 8px;
}
.comment-title span[data-v-684061b6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-684061b6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-684061b6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-684061b6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-684061b6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-684061b6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-684061b6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-684061b6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-684061b6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-684061b6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-684061b6],
.comment-page.post-fixed .comment-post-body[data-v-684061b6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-684061b6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-684061b6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-684061b6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-684061b6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-684061b6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-684061b6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-684061b6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-684061b6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-684061b6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-684061b6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-684061b6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-684061b6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-684061b6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-684061b6],
.comment-page.post-fixed .comment-post-body.active[data-v-684061b6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-684061b6],
  .comment-page.post-fixed .comment-post-body.active[data-v-684061b6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-684061b6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-684061b6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-684061b6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-684061b6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-684061b6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-684061b6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-684061b6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-684061b6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-684061b6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-684061b6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-684061b6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-684061b6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-684061b6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-684061b6]:focus,
.comment-input-field.textarea[data-v-684061b6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-684061b6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-684061b6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-684061b6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-684061b6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-684061b6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-684061b6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-684061b6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-684061b6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-684061b6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-684061b6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-684061b6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-684061b6],
.comment-send-btn.disabled .icon-send[data-v-684061b6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-684061b6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-684061b6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-684061b6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-684061b6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-684061b6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-684061b6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-684061b6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-684061b6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-684061b6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-684061b6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-684061b6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-684061b6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-684061b6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-684061b6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-684061b6] {
  align-items: center;
  animation: blink-684061b6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-684061b6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-684061b6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-684061b6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-684061b6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-684061b6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-684061b6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-684061b6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-684061b6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-684061b6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-684061b6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-684061b6] {
  margin: 0 0 0 -8px;
}
.live-stream-video[data-v-684061b6] {
  background-color: var(--color-dark-50);
  margin-bottom: 4px;
  padding: 0 8px 8px;
}
@media (min-width: 1024px) {
  .live-stream-video[data-v-684061b6] {
    padding-bottom: 16px;
  }
}
.live-stream-video__description[data-v-684061b6] {
  color: var(--color-light-50);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .live-stream-video__description[data-v-684061b6] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 16px;
    padding: 0 24px;
  }
}
.live-stream-video[data-v-684061b6] .card-header.card-header-wrap {
  padding: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-8c016cd1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-8c016cd1] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-8c016cd1],
  .comment-reply-bubble[data-v-8c016cd1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-8c016cd1],
  .comment-reply-bubble[data-v-8c016cd1] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8c016cd1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-8c016cd1] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8c016cd1],
  .comment-title[data-v-8c016cd1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-8c016cd1],
  .comment-title[data-v-8c016cd1] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-8c016cd1] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-8c016cd1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-8c016cd1] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-8c016cd1] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-8c016cd1] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-8c016cd1] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-8c016cd1] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-8c016cd1] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-8c016cd1] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-8c016cd1] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-8c016cd1] {
  margin-bottom: 16px;
}
.comment-header[data-v-8c016cd1] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-8c016cd1] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-8c016cd1] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-8c016cd1] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-8c016cd1] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-8c016cd1] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-8c016cd1]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-8c016cd1],
.comment-page .comment-header.is-sticky[data-v-8c016cd1] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-8c016cd1] {
  animation: slideInDown-8c016cd1 0.32s ease-in-out;
}
@keyframes slideInDown-8c016cd1 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8c016cd1] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8c016cd1] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8c016cd1]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-8c016cd1]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-8c016cd1] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-8c016cd1] {
  animation: slideOutUp-8c016cd1 0.32s ease-in-out;
}
@keyframes slideOutUp-8c016cd1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-8c016cd1] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-8c016cd1] {
  margin-left: 8px;
}
.comment-title span[data-v-8c016cd1] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-8c016cd1] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-8c016cd1] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-8c016cd1] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-8c016cd1]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-8c016cd1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-8c016cd1] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-8c016cd1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-8c016cd1] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-8c016cd1] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-8c016cd1],
.comment-page.post-fixed .comment-post-body[data-v-8c016cd1] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-8c016cd1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-8c016cd1] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-8c016cd1] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-8c016cd1] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-8c016cd1] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-8c016cd1] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-8c016cd1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-8c016cd1] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-8c016cd1] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-8c016cd1],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-8c016cd1] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-8c016cd1] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-8c016cd1] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-8c016cd1],
.comment-page.post-fixed .comment-post-body.active[data-v-8c016cd1] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-8c016cd1],
  .comment-page.post-fixed .comment-post-body.active[data-v-8c016cd1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-8c016cd1],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-8c016cd1] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-8c016cd1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-8c016cd1] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-8c016cd1] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-8c016cd1] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-8c016cd1] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-8c016cd1] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-8c016cd1] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-8c016cd1] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-8c016cd1] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8c016cd1] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-8c016cd1]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-8c016cd1]:focus,
.comment-input-field.textarea[data-v-8c016cd1]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-8c016cd1]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-8c016cd1] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-8c016cd1] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8c016cd1] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-8c016cd1] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8c016cd1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-8c016cd1] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-8c016cd1] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-8c016cd1] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-8c016cd1]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-8c016cd1] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-8c016cd1],
.comment-send-btn.disabled .icon-send[data-v-8c016cd1] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-8c016cd1]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-8c016cd1] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-8c016cd1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-8c016cd1] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-8c016cd1] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-8c016cd1] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-8c016cd1] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-8c016cd1] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-8c016cd1] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-8c016cd1] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-8c016cd1] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-8c016cd1] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-8c016cd1] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-8c016cd1] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-8c016cd1] {
  align-items: center;
  animation: blink-8c016cd1 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-8c016cd1 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-8c016cd1] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-8c016cd1] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-8c016cd1] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-8c016cd1] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-8c016cd1] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-8c016cd1] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-8c016cd1]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-8c016cd1] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-8c016cd1] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-8c016cd1] {
  margin: 0 0 0 -8px;
}
.content-wrapper[data-v-8c016cd1] {
  display: flex;
}
.card-image[data-v-8c016cd1] {
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 72px;
  margin-right: 8px;
  overflow: hidden;
  width: 72px;
}
.card-image img[data-v-8c016cd1] {
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.title[data-v-8c016cd1] {
  color: var(--color-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  margin: 0 0 4px;
}
@supports (font-variation-settings: normal) {
  .title[data-v-8c016cd1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-8c016cd1] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .title[data-v-8c016cd1] {
    font-size: 0.875rem;
    letter-spacing: normal;
    line-height: 1.25rem;
    margin: 0 0 8px;
  }
}
.text[data-v-8c016cd1] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--color-900);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 4px;
  overflow: hidden;
}
@supports (font-variation-settings: normal) {
  .text[data-v-8c016cd1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .text[data-v-8c016cd1] {
    font-weight: 400;
  }
}
@media (min-width: 1024px) {
  .text[data-v-8c016cd1] {
    margin-bottom: 8px;
  }
}
[data-v-8c016cd1] .card-labels:after {
  display: none;
}
[data-v-8c016cd1] .card-label-wrap {
  font-size: 0.75rem;
  letter-spacing: 0.37px;
  line-height: 0.875rem;
}
[data-v-8c016cd1] .card-label-wrap.is-label {
  color: var(--section-default);
}
@supports (font-variation-settings: normal) {
  [data-v-8c016cd1] .card-label-wrap.is-label {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  [data-v-8c016cd1] .card-label-wrap.is-label {
    font-weight: 800;
  }
}
.card-labels[data-v-8c016cd1] {
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .card-labels[data-v-8c016cd1] {
    margin-bottom: 8px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-946d3bed] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-946d3bed] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-946d3bed],
  .comment-reply-bubble[data-v-946d3bed] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-946d3bed],
  .comment-reply-bubble[data-v-946d3bed] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-946d3bed],
  .shop-product__price[data-v-946d3bed],
  .shop-product__title[data-v-946d3bed] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-946d3bed],
  .shop-product__price[data-v-946d3bed],
  .shop-product__title[data-v-946d3bed] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-946d3bed],
  .comment-title[data-v-946d3bed],
  .shop-product__label[data-v-946d3bed] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-946d3bed],
  .comment-title[data-v-946d3bed],
  .shop-product__label[data-v-946d3bed] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-946d3bed] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-946d3bed] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-946d3bed] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-946d3bed] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-946d3bed] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-946d3bed] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-946d3bed] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-946d3bed] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-946d3bed] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-946d3bed] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-946d3bed] {
  margin-bottom: 16px;
}
.comment-header[data-v-946d3bed] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-946d3bed] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-946d3bed] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-946d3bed] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-946d3bed] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-946d3bed] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-946d3bed]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-946d3bed],
.comment-page .comment-header.is-sticky[data-v-946d3bed] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-946d3bed] {
  animation: slideInDown-946d3bed 0.32s ease-in-out;
}
@keyframes slideInDown-946d3bed {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-946d3bed] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-946d3bed] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-946d3bed]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-946d3bed]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-946d3bed] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-946d3bed] {
  animation: slideOutUp-946d3bed 0.32s ease-in-out;
}
@keyframes slideOutUp-946d3bed {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-946d3bed] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-946d3bed] {
  margin-left: 8px;
}
.comment-title span[data-v-946d3bed] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-946d3bed] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-946d3bed] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-946d3bed] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-946d3bed]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-946d3bed] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-946d3bed] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-946d3bed] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-946d3bed] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-946d3bed] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-946d3bed],
.comment-page.post-fixed .comment-post-body[data-v-946d3bed] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-946d3bed] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-946d3bed] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-946d3bed] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-946d3bed] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-946d3bed] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-946d3bed] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-946d3bed] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-946d3bed] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-946d3bed] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-946d3bed],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-946d3bed] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-946d3bed] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-946d3bed] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-946d3bed],
.comment-page.post-fixed .comment-post-body.active[data-v-946d3bed] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-946d3bed],
  .comment-page.post-fixed .comment-post-body.active[data-v-946d3bed] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-946d3bed],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-946d3bed] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-946d3bed] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-946d3bed] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-946d3bed] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-946d3bed] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-946d3bed] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-946d3bed] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-946d3bed] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-946d3bed] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-946d3bed] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-946d3bed] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-946d3bed]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-946d3bed]:focus,
.comment-input-field.textarea[data-v-946d3bed]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-946d3bed]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-946d3bed] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-946d3bed] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-946d3bed] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-946d3bed] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-946d3bed] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-946d3bed] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-946d3bed] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-946d3bed] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-946d3bed]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-946d3bed] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-946d3bed],
.comment-send-btn.disabled .icon-send[data-v-946d3bed] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-946d3bed]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-946d3bed] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-946d3bed] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-946d3bed] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-946d3bed] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-946d3bed] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-946d3bed] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-946d3bed] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-946d3bed] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-946d3bed] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-946d3bed] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-946d3bed] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-946d3bed] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-946d3bed] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-946d3bed] {
  align-items: center;
  animation: blink-946d3bed 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-946d3bed {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-946d3bed] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-946d3bed] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-946d3bed] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-946d3bed] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-946d3bed] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-946d3bed] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-946d3bed]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-946d3bed] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-946d3bed] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-946d3bed] {
  margin: 0 0 0 -8px;
}
.shop-product[data-v-946d3bed] {
  display: block;
  height: 100%;
  position: relative;
}
.shop-product__link[data-v-946d3bed] {
  display: grid;
  height: 100%;
}
.shop-product__image[data-v-946d3bed] {
  aspect-ratio: 1/1;
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}
.shop-product__image img[data-v-946d3bed] {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.shop-product__label[data-v-946d3bed] {
  background-color: var(--accent);
  bottom: 4px;
  color: var(--color-light-50);
  font-size: 0.6875rem;
  letter-spacing: 0.61px;
  line-height: 0.875rem;
  padding: 5px;
  position: absolute;
  right: 4px;
  text-transform: uppercase;
}
.shop-product__title[data-v-946d3bed] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--color-900);
  font-size: 0.875rem;
  letter-spacing: 1.21;
  line-height: 1.0625rem;
  margin-bottom: 4px;
  overflow: hidden;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .shop-product__title[data-v-946d3bed] {
    -webkit-line-clamp: 2;
  }
  .article-sidebar .shop-product__title[data-v-946d3bed],
  .is-content .shop-product__title[data-v-946d3bed],
  .is-sidebar .shop-product__title[data-v-946d3bed],
  .related-news__shop-widget .shop-product__title[data-v-946d3bed] {
    -webkit-line-clamp: 3;
  }
}
.shop-product__old-price[data-v-946d3bed] {
  color: var(--color-500);
  margin-bottom: 4px;
  text-decoration: line-through;
}
.shop-product__old-price[data-v-946d3bed],
.shop-product__price[data-v-946d3bed] {
  display: block;
  font-size: 0.75rem;
  word-break: break-word;
}
.shop-product__price[data-v-946d3bed] {
  color: var(--accent);
}
.shop-product__price-wrap[data-v-946d3bed] {
  align-self: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-ceae0ed7] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-ceae0ed7] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-ceae0ed7],
  .comment-reply-bubble[data-v-ceae0ed7] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-ceae0ed7],
  .comment-reply-bubble[data-v-ceae0ed7] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ceae0ed7],
  .title[data-v-ceae0ed7] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-ceae0ed7],
  .title[data-v-ceae0ed7] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ceae0ed7],
  .comment-title[data-v-ceae0ed7] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-ceae0ed7],
  .comment-title[data-v-ceae0ed7] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-ceae0ed7] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-ceae0ed7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-ceae0ed7] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-ceae0ed7] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-ceae0ed7] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-ceae0ed7] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-ceae0ed7] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-ceae0ed7] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-ceae0ed7] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-ceae0ed7] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-ceae0ed7] {
  margin-bottom: 16px;
}
.comment-header[data-v-ceae0ed7] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-ceae0ed7] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-ceae0ed7] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-ceae0ed7] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-ceae0ed7] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-ceae0ed7] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-ceae0ed7]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-ceae0ed7],
.comment-page .comment-header.is-sticky[data-v-ceae0ed7] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-ceae0ed7] {
  animation: slideInDown-ceae0ed7 0.32s ease-in-out;
}
@keyframes slideInDown-ceae0ed7 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ceae0ed7] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ceae0ed7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ceae0ed7]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-ceae0ed7]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-ceae0ed7] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-ceae0ed7] {
  animation: slideOutUp-ceae0ed7 0.32s ease-in-out;
}
@keyframes slideOutUp-ceae0ed7 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-ceae0ed7] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-ceae0ed7] {
  margin-left: 8px;
}
.comment-title span[data-v-ceae0ed7] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-ceae0ed7] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-ceae0ed7] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-ceae0ed7] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-ceae0ed7]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-ceae0ed7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-ceae0ed7] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-ceae0ed7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-ceae0ed7] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-ceae0ed7] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-ceae0ed7],
.comment-page.post-fixed .comment-post-body[data-v-ceae0ed7] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-ceae0ed7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-ceae0ed7] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-ceae0ed7] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-ceae0ed7] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-ceae0ed7] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-ceae0ed7] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-ceae0ed7] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-ceae0ed7] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-ceae0ed7] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-ceae0ed7],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-ceae0ed7] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-ceae0ed7] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-ceae0ed7] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-ceae0ed7],
.comment-page.post-fixed .comment-post-body.active[data-v-ceae0ed7] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-ceae0ed7],
  .comment-page.post-fixed .comment-post-body.active[data-v-ceae0ed7] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-ceae0ed7],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-ceae0ed7] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-ceae0ed7] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-ceae0ed7] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-ceae0ed7] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-ceae0ed7] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-ceae0ed7] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-ceae0ed7] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-ceae0ed7] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-ceae0ed7] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-ceae0ed7] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ceae0ed7] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-ceae0ed7]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-ceae0ed7]:focus,
.comment-input-field.textarea[data-v-ceae0ed7]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-ceae0ed7]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-ceae0ed7] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-ceae0ed7] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ceae0ed7] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-ceae0ed7] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ceae0ed7] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-ceae0ed7] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-ceae0ed7] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-ceae0ed7] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-ceae0ed7]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-ceae0ed7] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-ceae0ed7],
.comment-send-btn.disabled .icon-send[data-v-ceae0ed7] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-ceae0ed7]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-ceae0ed7] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-ceae0ed7] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-ceae0ed7] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-ceae0ed7] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-ceae0ed7] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-ceae0ed7] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-ceae0ed7] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-ceae0ed7] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-ceae0ed7] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-ceae0ed7] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-ceae0ed7] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-ceae0ed7] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-ceae0ed7] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-ceae0ed7] {
  align-items: center;
  animation: blink-ceae0ed7 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-ceae0ed7 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-ceae0ed7] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-ceae0ed7] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-ceae0ed7] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-ceae0ed7] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-ceae0ed7] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-ceae0ed7] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-ceae0ed7]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-ceae0ed7] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-ceae0ed7] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-ceae0ed7] {
  margin: 0 0 0 -8px;
}
.external-card-link[data-v-ceae0ed7] {
  display: flex;
}
.title[data-v-ceae0ed7] {
  color: var(--color-900);
  flex-grow: 1;
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  margin-left: 8px;
  order: 2;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .title[data-v-ceae0ed7] {
    font-size: 0.875rem;
    letter-spacing: unset;
    line-height: 1.25rem;
    margin-left: 0;
    margin-right: 8px;
    order: 1;
  }
}
.card-image-container[data-v-ceae0ed7] {
  aspect-ratio: 1/1;
  flex-basis: 108px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 108px;
  order: 1;
  overflow: hidden;
  width: 108px;
}
@media (min-width: 1024px) {
  .card-image-container[data-v-ceae0ed7] {
    aspect-ratio: 3/2;
    height: 72px;
    order: 2;
    width: 108px;
  }
}
.card-image-container[data-v-ceae0ed7] picture {
  aspect-ratio: inherit;
}
.card-image-container[data-v-ceae0ed7] img {
  aspect-ratio: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-facf8202] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-facf8202] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-facf8202],
  .comment-reply-bubble[data-v-facf8202] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-facf8202],
  .comment-reply-bubble[data-v-facf8202] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-facf8202] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-facf8202] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-facf8202],
  .comment-title[data-v-facf8202] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-facf8202],
  .comment-title[data-v-facf8202] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-facf8202] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-facf8202] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-facf8202] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-facf8202] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-facf8202] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-facf8202] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-facf8202] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-facf8202] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-facf8202] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-facf8202] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-facf8202] {
  margin-bottom: 16px;
}
.comment-header[data-v-facf8202] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-facf8202] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-facf8202] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-facf8202] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-facf8202] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-facf8202] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-facf8202]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-facf8202],
.comment-page .comment-header.is-sticky[data-v-facf8202] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-facf8202] {
  animation: slideInDown-facf8202 0.32s ease-in-out;
}
@keyframes slideInDown-facf8202 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-facf8202] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-facf8202] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-facf8202]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-facf8202]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-facf8202] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-facf8202] {
  animation: slideOutUp-facf8202 0.32s ease-in-out;
}
@keyframes slideOutUp-facf8202 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-facf8202] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-facf8202] {
  margin-left: 8px;
}
.comment-title span[data-v-facf8202] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-facf8202] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-facf8202] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-facf8202] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-facf8202]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-facf8202] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-facf8202] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-facf8202] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-facf8202] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-facf8202] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-facf8202],
.comment-page.post-fixed .comment-post-body[data-v-facf8202] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-facf8202] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-facf8202] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-facf8202] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-facf8202] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-facf8202] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-facf8202] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-facf8202] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-facf8202] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-facf8202] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-facf8202],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-facf8202] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-facf8202] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-facf8202] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-facf8202],
.comment-page.post-fixed .comment-post-body.active[data-v-facf8202] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-facf8202],
  .comment-page.post-fixed .comment-post-body.active[data-v-facf8202] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-facf8202],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-facf8202] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-facf8202] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-facf8202] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-facf8202] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-facf8202] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-facf8202] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-facf8202] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-facf8202] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-facf8202] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-facf8202] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-facf8202] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-facf8202]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-facf8202]:focus,
.comment-input-field.textarea[data-v-facf8202]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-facf8202]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-facf8202] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-facf8202] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-facf8202] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-facf8202] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-facf8202] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-facf8202] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-facf8202] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-facf8202] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-facf8202]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-facf8202] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-facf8202],
.comment-send-btn.disabled .icon-send[data-v-facf8202] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-facf8202]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-facf8202] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-facf8202] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-facf8202] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-facf8202] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-facf8202] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-facf8202] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-facf8202] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-facf8202] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-facf8202] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-facf8202] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-facf8202] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-facf8202] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-facf8202] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-facf8202] {
  align-items: center;
  animation: blink-facf8202 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-facf8202 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-facf8202] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-facf8202] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-facf8202] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-facf8202] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-facf8202] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-facf8202] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-facf8202]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-facf8202] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-facf8202] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-facf8202] {
  margin: 0 0 0 -8px;
}
.daily-card[data-v-facf8202] {
  padding: 4px 0;
}
.daily-text[data-v-facf8202] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.daily-text + .daily-author[data-v-facf8202] {
  margin-top: 8px;
}
.daily-author[data-v-facf8202] {
  color: var(--color-600);
  font-size: 0.8125rem;
  line-height: 1rem;
}
.daily-author span[data-v-facf8202]:before {
  content: "— ";
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f56fe8a1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f56fe8a1] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f56fe8a1],
  .comment-reply-bubble[data-v-f56fe8a1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f56fe8a1],
  .comment-reply-bubble[data-v-f56fe8a1] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f56fe8a1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f56fe8a1] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f56fe8a1],
  .comment-title[data-v-f56fe8a1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f56fe8a1],
  .comment-title[data-v-f56fe8a1] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f56fe8a1] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f56fe8a1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f56fe8a1] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f56fe8a1] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f56fe8a1] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f56fe8a1] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f56fe8a1] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f56fe8a1] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f56fe8a1] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f56fe8a1] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f56fe8a1] {
  margin-bottom: 16px;
}
.comment-header[data-v-f56fe8a1] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f56fe8a1] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f56fe8a1] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f56fe8a1] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f56fe8a1] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f56fe8a1] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f56fe8a1]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f56fe8a1],
.comment-page .comment-header.is-sticky[data-v-f56fe8a1] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f56fe8a1] {
  animation: slideInDown-f56fe8a1 0.32s ease-in-out;
}
@keyframes slideInDown-f56fe8a1 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f56fe8a1] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f56fe8a1] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f56fe8a1]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f56fe8a1]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f56fe8a1] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f56fe8a1] {
  animation: slideOutUp-f56fe8a1 0.32s ease-in-out;
}
@keyframes slideOutUp-f56fe8a1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f56fe8a1] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f56fe8a1] {
  margin-left: 8px;
}
.comment-title span[data-v-f56fe8a1] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f56fe8a1] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f56fe8a1] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f56fe8a1] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f56fe8a1]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f56fe8a1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f56fe8a1] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f56fe8a1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f56fe8a1] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f56fe8a1] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f56fe8a1],
.comment-page.post-fixed .comment-post-body[data-v-f56fe8a1] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f56fe8a1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f56fe8a1] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f56fe8a1] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f56fe8a1] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f56fe8a1] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f56fe8a1] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f56fe8a1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f56fe8a1] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f56fe8a1] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f56fe8a1],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f56fe8a1] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f56fe8a1] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f56fe8a1] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f56fe8a1],
.comment-page.post-fixed .comment-post-body.active[data-v-f56fe8a1] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f56fe8a1],
  .comment-page.post-fixed .comment-post-body.active[data-v-f56fe8a1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f56fe8a1],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f56fe8a1] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f56fe8a1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f56fe8a1] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f56fe8a1] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f56fe8a1] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f56fe8a1] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f56fe8a1] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f56fe8a1] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f56fe8a1] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f56fe8a1] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f56fe8a1] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f56fe8a1]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f56fe8a1]:focus,
.comment-input-field.textarea[data-v-f56fe8a1]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f56fe8a1]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f56fe8a1] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f56fe8a1] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f56fe8a1] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f56fe8a1] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f56fe8a1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f56fe8a1] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f56fe8a1] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f56fe8a1] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f56fe8a1]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f56fe8a1] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f56fe8a1],
.comment-send-btn.disabled .icon-send[data-v-f56fe8a1] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f56fe8a1]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f56fe8a1] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f56fe8a1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f56fe8a1] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f56fe8a1] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f56fe8a1] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f56fe8a1] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f56fe8a1] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f56fe8a1] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f56fe8a1] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f56fe8a1] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f56fe8a1] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f56fe8a1] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f56fe8a1] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f56fe8a1] {
  align-items: center;
  animation: blink-f56fe8a1 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f56fe8a1 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f56fe8a1] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f56fe8a1] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f56fe8a1] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f56fe8a1] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f56fe8a1] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f56fe8a1] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f56fe8a1]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f56fe8a1] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f56fe8a1] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f56fe8a1] {
  margin: 0 0 0 -8px;
}
@media (min-width: 1024px) {
  .news-card-c-skeleton[data-v-f56fe8a1] .wrapper {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .news-card-c-skeleton[data-v-f56fe8a1] .skeleton.image {
    height: 72px;
    width: 108px;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-933b5608] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-933b5608] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-933b5608],
  .comment-reply-bubble[data-v-933b5608] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-933b5608],
  .comment-reply-bubble[data-v-933b5608] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-933b5608] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-933b5608] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-933b5608],
  .comment-title[data-v-933b5608] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-933b5608],
  .comment-title[data-v-933b5608] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-933b5608] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-933b5608] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-933b5608] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-933b5608] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-933b5608] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-933b5608] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-933b5608] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-933b5608] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-933b5608] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-933b5608] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-933b5608] {
  margin-bottom: 16px;
}
.comment-header[data-v-933b5608] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-933b5608] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-933b5608] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-933b5608] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-933b5608] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-933b5608] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-933b5608]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-933b5608],
.comment-page .comment-header.is-sticky[data-v-933b5608] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-933b5608] {
  animation: slideInDown-933b5608 0.32s ease-in-out;
}
@keyframes slideInDown-933b5608 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-933b5608] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-933b5608] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-933b5608]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-933b5608]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-933b5608] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-933b5608] {
  animation: slideOutUp-933b5608 0.32s ease-in-out;
}
@keyframes slideOutUp-933b5608 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-933b5608] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-933b5608] {
  margin-left: 8px;
}
.comment-title span[data-v-933b5608] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-933b5608] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-933b5608] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-933b5608] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-933b5608]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-933b5608] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-933b5608] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-933b5608] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-933b5608] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-933b5608] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-933b5608],
.comment-page.post-fixed .comment-post-body[data-v-933b5608] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-933b5608] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-933b5608] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-933b5608] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-933b5608] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-933b5608] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-933b5608] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-933b5608] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-933b5608] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-933b5608] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-933b5608],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-933b5608] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-933b5608] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-933b5608] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-933b5608],
.comment-page.post-fixed .comment-post-body.active[data-v-933b5608] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-933b5608],
  .comment-page.post-fixed .comment-post-body.active[data-v-933b5608] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-933b5608],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-933b5608] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-933b5608] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-933b5608] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-933b5608] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-933b5608] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-933b5608] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-933b5608] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-933b5608] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-933b5608] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-933b5608] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-933b5608] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-933b5608]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-933b5608]:focus,
.comment-input-field.textarea[data-v-933b5608]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-933b5608]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-933b5608] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-933b5608] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-933b5608] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-933b5608] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-933b5608] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-933b5608] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-933b5608] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-933b5608] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-933b5608]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-933b5608] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-933b5608],
.comment-send-btn.disabled .icon-send[data-v-933b5608] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-933b5608]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-933b5608] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-933b5608] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-933b5608] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-933b5608] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-933b5608] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-933b5608] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-933b5608] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-933b5608] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-933b5608] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-933b5608] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-933b5608] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-933b5608] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-933b5608] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-933b5608] {
  align-items: center;
  animation: blink-933b5608 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-933b5608 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-933b5608] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-933b5608] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-933b5608] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-933b5608] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-933b5608] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-933b5608] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-933b5608]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-933b5608] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-933b5608] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-933b5608] {
  margin: 0 0 0 -8px;
}
.print-page-skeleton[data-v-933b5608] {
  aspect-ratio: 3/4;
  background-color: var(--color-50);
  flex-grow: 1;
  flex-shrink: 0;
  height: 400px;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 1024px) {
  .print-page-skeleton[data-v-933b5608] {
    width: 300px;
  }
}
.print-page-skeleton .skeleton[data-v-933b5608] {
  animation: loader-933b5608 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  height: 100%;
  width: 100%;
}
@keyframes loader-933b5608 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-6504f8f4] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-6504f8f4] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-6504f8f4],
  .comment-reply-bubble[data-v-6504f8f4] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-6504f8f4],
  .comment-reply-bubble[data-v-6504f8f4] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6504f8f4] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-6504f8f4] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6504f8f4],
  .comment-title[data-v-6504f8f4] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-6504f8f4],
  .comment-title[data-v-6504f8f4] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-6504f8f4] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-6504f8f4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-6504f8f4] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-6504f8f4] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-6504f8f4] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-6504f8f4] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-6504f8f4] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-6504f8f4] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-6504f8f4] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-6504f8f4] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-6504f8f4] {
  margin-bottom: 16px;
}
.comment-header[data-v-6504f8f4] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-6504f8f4] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-6504f8f4] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-6504f8f4] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-6504f8f4] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-6504f8f4] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-6504f8f4]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-6504f8f4],
.comment-page .comment-header.is-sticky[data-v-6504f8f4] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-6504f8f4] {
  animation: slideInDown-6504f8f4 0.32s ease-in-out;
}
@keyframes slideInDown-6504f8f4 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6504f8f4] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6504f8f4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6504f8f4]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-6504f8f4]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-6504f8f4] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-6504f8f4] {
  animation: slideOutUp-6504f8f4 0.32s ease-in-out;
}
@keyframes slideOutUp-6504f8f4 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-6504f8f4] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-6504f8f4] {
  margin-left: 8px;
}
.comment-title span[data-v-6504f8f4] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-6504f8f4] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-6504f8f4] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-6504f8f4] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-6504f8f4]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-6504f8f4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-6504f8f4] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-6504f8f4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-6504f8f4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-6504f8f4] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-6504f8f4],
.comment-page.post-fixed .comment-post-body[data-v-6504f8f4] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-6504f8f4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-6504f8f4] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-6504f8f4] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-6504f8f4] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-6504f8f4] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-6504f8f4] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-6504f8f4] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-6504f8f4] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-6504f8f4] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-6504f8f4],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-6504f8f4] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-6504f8f4] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-6504f8f4] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-6504f8f4],
.comment-page.post-fixed .comment-post-body.active[data-v-6504f8f4] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-6504f8f4],
  .comment-page.post-fixed .comment-post-body.active[data-v-6504f8f4] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-6504f8f4],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-6504f8f4] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-6504f8f4] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-6504f8f4] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-6504f8f4] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-6504f8f4] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-6504f8f4] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-6504f8f4] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-6504f8f4] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-6504f8f4] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-6504f8f4] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6504f8f4] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-6504f8f4]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-6504f8f4]:focus,
.comment-input-field.textarea[data-v-6504f8f4]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-6504f8f4]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-6504f8f4] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-6504f8f4] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6504f8f4] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-6504f8f4] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6504f8f4] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-6504f8f4] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-6504f8f4] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-6504f8f4] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-6504f8f4]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-6504f8f4] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-6504f8f4],
.comment-send-btn.disabled .icon-send[data-v-6504f8f4] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-6504f8f4]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-6504f8f4] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-6504f8f4] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-6504f8f4] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-6504f8f4] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-6504f8f4] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-6504f8f4] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-6504f8f4] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-6504f8f4] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-6504f8f4] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-6504f8f4] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-6504f8f4] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-6504f8f4] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-6504f8f4] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-6504f8f4] {
  align-items: center;
  animation: blink-6504f8f4 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-6504f8f4 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-6504f8f4] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-6504f8f4] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-6504f8f4] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-6504f8f4] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-6504f8f4] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-6504f8f4] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-6504f8f4]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-6504f8f4] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-6504f8f4] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-6504f8f4] {
  margin: 0 0 0 -8px;
}
.cta[data-v-6504f8f4] {
  height: 40px;
  width: 100%;
}
.skeleton[data-v-6504f8f4] {
  animation: loader-6504f8f4 1.44s infinite reverse;
  background: linear-gradient(
    90deg,
    var(--color-100),
    var(--color-300),
    var(--color-100)
  );
  background-size: 200%;
  border-radius: 0;
  display: block;
}
@keyframes loader-6504f8f4 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-86942ed6] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-86942ed6] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-86942ed6],
  .comment-reply-bubble[data-v-86942ed6] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-86942ed6],
  .comment-reply-bubble[data-v-86942ed6] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-86942ed6] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-86942ed6] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-86942ed6],
  .comment-title[data-v-86942ed6] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-86942ed6],
  .comment-title[data-v-86942ed6] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-86942ed6] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-86942ed6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-86942ed6] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-86942ed6] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-86942ed6] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-86942ed6] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-86942ed6] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-86942ed6] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-86942ed6] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-86942ed6] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-86942ed6] {
  margin-bottom: 16px;
}
.comment-header[data-v-86942ed6] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-86942ed6] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-86942ed6] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-86942ed6] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-86942ed6] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-86942ed6] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-86942ed6]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-86942ed6],
.comment-page .comment-header.is-sticky[data-v-86942ed6] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-86942ed6] {
  animation: slideInDown-86942ed6 0.32s ease-in-out;
}
@keyframes slideInDown-86942ed6 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-86942ed6] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-86942ed6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-86942ed6]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-86942ed6]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-86942ed6] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-86942ed6] {
  animation: slideOutUp-86942ed6 0.32s ease-in-out;
}
@keyframes slideOutUp-86942ed6 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-86942ed6] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-86942ed6] {
  margin-left: 8px;
}
.comment-title span[data-v-86942ed6] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-86942ed6] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-86942ed6] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-86942ed6] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-86942ed6]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-86942ed6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-86942ed6] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-86942ed6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-86942ed6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-86942ed6] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-86942ed6],
.comment-page.post-fixed .comment-post-body[data-v-86942ed6] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-86942ed6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-86942ed6] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-86942ed6] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-86942ed6] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-86942ed6] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-86942ed6] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-86942ed6] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-86942ed6] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-86942ed6] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-86942ed6],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-86942ed6] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-86942ed6] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-86942ed6] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-86942ed6],
.comment-page.post-fixed .comment-post-body.active[data-v-86942ed6] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-86942ed6],
  .comment-page.post-fixed .comment-post-body.active[data-v-86942ed6] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-86942ed6],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-86942ed6] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-86942ed6] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-86942ed6] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-86942ed6] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-86942ed6] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-86942ed6] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-86942ed6] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-86942ed6] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-86942ed6] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-86942ed6] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-86942ed6] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-86942ed6]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-86942ed6]:focus,
.comment-input-field.textarea[data-v-86942ed6]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-86942ed6]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-86942ed6] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-86942ed6] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-86942ed6] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-86942ed6] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-86942ed6] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-86942ed6] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-86942ed6] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-86942ed6] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-86942ed6]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-86942ed6] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-86942ed6],
.comment-send-btn.disabled .icon-send[data-v-86942ed6] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-86942ed6]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-86942ed6] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-86942ed6] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-86942ed6] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-86942ed6] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-86942ed6] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-86942ed6] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-86942ed6] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-86942ed6] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-86942ed6] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-86942ed6] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-86942ed6] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-86942ed6] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-86942ed6] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-86942ed6] {
  align-items: center;
  animation: blink-86942ed6 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-86942ed6 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-86942ed6] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-86942ed6] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-86942ed6] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-86942ed6] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-86942ed6] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-86942ed6] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-86942ed6]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-86942ed6] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-86942ed6] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-86942ed6] {
  margin: 0 0 0 -8px;
}
.tv-widget-acl-skeleton[data-v-86942ed6] {
  display: flex;
  gap: 8px;
  overflow: hidden;
  padding-left: 8px;
}
@media (min-width: 1024px) {
  .tv-widget-acl-skeleton[data-v-86942ed6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 8px;
  }
  .is-sidebar .tv-widget-acl-skeleton[data-v-86942ed6] {
    grid-template-columns: unset;
  }
  .first-part[data-v-86942ed6] {
    margin-top: 8px;
  }
}
.first-part .divider[data-v-86942ed6] {
  display: none;
}
@media (min-width: 1024px) {
  .is-sidebar .first-part .divider[data-v-86942ed6] {
    display: block;
    margin-bottom: 0;
  }
}
.second-part[data-v-86942ed6] {
  display: flex;
}
@media (min-width: 1024px) {
  .second-part[data-v-86942ed6] {
    flex-direction: column;
    height: 248px;
    overflow: hidden;
    padding-top: 8px;
  }
  .is-sidebar .second-part[data-v-86942ed6] {
    height: auto;
    padding-top: 0;
  }
}
.second-part .tv-card-b-skeleton[data-v-86942ed6] .wrapper {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .second-part .tv-card-b-skeleton[data-v-86942ed6] .wrapper {
    flex-direction: row;
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  .second-part .tv-card-b-skeleton[data-v-86942ed6] .skeleton.image {
    aspect-ratio: 16/9;
    display: block;
    height: auto;
    margin-bottom: 0;
    width: 108px;
  }
}
.tv-card-b-skeleton.loader-container[data-v-86942ed6] {
  background-color: initial;
  width: 234px;
}
@media (min-width: 1024px) {
  .tv-card-b-skeleton.loader-container[data-v-86942ed6] {
    width: 100%;
  }
}
.tv-card-b-skeleton[data-v-86942ed6] .skeleton {
  background: linear-gradient(
    90deg,
    var(--color-dark-100),
    var(--color-dark-300),
    var(--color-dark-100)
  );
}
.tv-card-b-skeleton[data-v-86942ed6] .skeleton.image {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  margin-bottom: 6px;
  width: 234px;
}
@media (min-width: 1024px) {
  .tv-card-b-skeleton[data-v-86942ed6] .skeleton.image {
    width: 100%;
  }
}
.cta-skeleton[data-v-86942ed6] {
  display: none;
}
@media (min-width: 1024px) {
  .cta-skeleton[data-v-86942ed6] {
    display: block;
  }
}
.divider[data-v-86942ed6] {
  background-color: var(--color-dark-200);
  flex-shrink: 0;
  height: 1px;
  margin-bottom: 8px;
  width: 100%;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-c09409fa] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-c09409fa] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-c09409fa],
  .comment-reply-bubble[data-v-c09409fa] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-c09409fa],
  .comment-reply-bubble[data-v-c09409fa] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c09409fa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-c09409fa] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c09409fa],
  .comment-title[data-v-c09409fa] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-c09409fa],
  .comment-title[data-v-c09409fa] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-c09409fa] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-c09409fa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-c09409fa] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-c09409fa] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-c09409fa] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-c09409fa] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-c09409fa] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-c09409fa] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-c09409fa] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-c09409fa] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-c09409fa] {
  margin-bottom: 16px;
}
.comment-header[data-v-c09409fa] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-c09409fa] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-c09409fa] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-c09409fa] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-c09409fa] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-c09409fa] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-c09409fa]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-c09409fa],
.comment-page .comment-header.is-sticky[data-v-c09409fa] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-c09409fa] {
  animation: slideInDown-c09409fa 0.32s ease-in-out;
}
@keyframes slideInDown-c09409fa {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c09409fa] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c09409fa] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c09409fa]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-c09409fa]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-c09409fa] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-c09409fa] {
  animation: slideOutUp-c09409fa 0.32s ease-in-out;
}
@keyframes slideOutUp-c09409fa {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-c09409fa] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-c09409fa] {
  margin-left: 8px;
}
.comment-title span[data-v-c09409fa] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-c09409fa] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-c09409fa] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-c09409fa] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-c09409fa]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-c09409fa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-c09409fa] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-c09409fa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-c09409fa] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-c09409fa] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-c09409fa],
.comment-page.post-fixed .comment-post-body[data-v-c09409fa] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-c09409fa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-c09409fa] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-c09409fa] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-c09409fa] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-c09409fa] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-c09409fa] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-c09409fa] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-c09409fa] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-c09409fa] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-c09409fa],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-c09409fa] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-c09409fa] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-c09409fa] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-c09409fa],
.comment-page.post-fixed .comment-post-body.active[data-v-c09409fa] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-c09409fa],
  .comment-page.post-fixed .comment-post-body.active[data-v-c09409fa] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-c09409fa],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-c09409fa] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-c09409fa] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-c09409fa] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-c09409fa] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-c09409fa] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-c09409fa] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-c09409fa] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-c09409fa] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-c09409fa] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-c09409fa] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c09409fa] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-c09409fa]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-c09409fa]:focus,
.comment-input-field.textarea[data-v-c09409fa]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-c09409fa]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-c09409fa] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-c09409fa] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c09409fa] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-c09409fa] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c09409fa] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-c09409fa] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-c09409fa] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-c09409fa] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-c09409fa]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-c09409fa] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-c09409fa],
.comment-send-btn.disabled .icon-send[data-v-c09409fa] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-c09409fa]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-c09409fa] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-c09409fa] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-c09409fa] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-c09409fa] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-c09409fa] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-c09409fa] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-c09409fa] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-c09409fa] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-c09409fa] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-c09409fa] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-c09409fa] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-c09409fa] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-c09409fa] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-c09409fa] {
  align-items: center;
  animation: blink-c09409fa 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-c09409fa {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-c09409fa] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-c09409fa] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-c09409fa] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-c09409fa] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-c09409fa] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-c09409fa] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-c09409fa]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-c09409fa] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-c09409fa] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-c09409fa] {
  margin: 0 0 0 -8px;
}
.card-newest[data-v-c09409fa] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  width: 100%;
}
.content-wrapper[data-v-c09409fa] {
  display: flex;
  flex-direction: row;
}
.card-labels[data-v-c09409fa] {
  overflow: hidden;
  position: relative;
}
.card-labels.bottom-labels[data-v-c09409fa],
.card-labels.top-labels[data-v-c09409fa] {
  display: block;
}
.card-labels.bottom-labels[data-v-c09409fa] .card-labels {
  margin-bottom: 0;
}
.card-content[data-v-c09409fa] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  overflow: hidden;
}
.title[data-v-c09409fa] {
  color: var(--color-900);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 8px;
}
@supports (font-variation-settings: normal) {
  .title[data-v-c09409fa] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-c09409fa] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-f472a385] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-f472a385] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-f472a385],
  .comment-reply-bubble[data-v-f472a385] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-f472a385],
  .comment-reply-bubble[data-v-f472a385] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f472a385] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-f472a385] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f472a385],
  .comment-title[data-v-f472a385] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-f472a385],
  .comment-title[data-v-f472a385] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-f472a385] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-f472a385] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-f472a385] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-f472a385] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-f472a385] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-f472a385] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-f472a385] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-f472a385] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-f472a385] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-f472a385] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-f472a385] {
  margin-bottom: 16px;
}
.comment-header[data-v-f472a385] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-f472a385] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-f472a385] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-f472a385] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-f472a385] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-f472a385] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-f472a385]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-f472a385],
.comment-page .comment-header.is-sticky[data-v-f472a385] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-f472a385] {
  animation: slideInDown-f472a385 0.32s ease-in-out;
}
@keyframes slideInDown-f472a385 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f472a385] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f472a385] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f472a385]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-f472a385]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-f472a385] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-f472a385] {
  animation: slideOutUp-f472a385 0.32s ease-in-out;
}
@keyframes slideOutUp-f472a385 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-f472a385] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-f472a385] {
  margin-left: 8px;
}
.comment-title span[data-v-f472a385] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-f472a385] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-f472a385] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-f472a385] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-f472a385]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-f472a385] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-f472a385] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-f472a385] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-f472a385] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-f472a385] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-f472a385],
.comment-page.post-fixed .comment-post-body[data-v-f472a385] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-f472a385] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-f472a385] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-f472a385] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-f472a385] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-f472a385] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-f472a385] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-f472a385] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-f472a385] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-f472a385] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-f472a385],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-f472a385] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-f472a385] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-f472a385] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-f472a385],
.comment-page.post-fixed .comment-post-body.active[data-v-f472a385] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-f472a385],
  .comment-page.post-fixed .comment-post-body.active[data-v-f472a385] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-f472a385],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-f472a385] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-f472a385] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-f472a385] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-f472a385] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-f472a385] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-f472a385] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-f472a385] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-f472a385] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-f472a385] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-f472a385] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f472a385] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-f472a385]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-f472a385]:focus,
.comment-input-field.textarea[data-v-f472a385]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-f472a385]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-f472a385] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-f472a385] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f472a385] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-f472a385] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f472a385] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-f472a385] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-f472a385] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-f472a385] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-f472a385]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-f472a385] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-f472a385],
.comment-send-btn.disabled .icon-send[data-v-f472a385] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-f472a385]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-f472a385] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-f472a385] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-f472a385] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-f472a385] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-f472a385] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-f472a385] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-f472a385] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-f472a385] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-f472a385] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-f472a385] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-f472a385] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-f472a385] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-f472a385] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-f472a385] {
  align-items: center;
  animation: blink-f472a385 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-f472a385 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-f472a385] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-f472a385] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-f472a385] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-f472a385] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-f472a385] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-f472a385] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-f472a385]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-f472a385] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-f472a385] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-f472a385] {
  margin: 0 0 0 -8px;
}
.card-most-commented[data-v-f472a385] {
  column-gap: 8px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.position[data-v-f472a385] {
  color: var(--color-400);
  display: block;
  font-size: 1.875rem;
  min-width: 40px;
  text-align: center;
  width: 40px;
}
.title[data-v-f472a385] {
  color: var(--color-900);
  font-size: 0.9375rem;
  letter-spacing: 0.23px;
  line-height: 1.3125rem;
  margin: 0 0 4px;
}
@supports (font-variation-settings: normal) {
  .title[data-v-f472a385] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-f472a385] {
    font-weight: 700;
  }
}
@media (min-width: 1024px) {
  .title[data-v-f472a385] {
    font-size: 0.875rem;
    letter-spacing: normal;
    line-height: 1.25rem;
    margin: 0 0 8px;
  }
}
.engagement-bar[data-v-f472a385] {
  margin-left: -8px;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-d36f8242] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-d36f8242] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-d36f8242],
  .comment-reply-bubble[data-v-d36f8242] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-d36f8242],
  .comment-reply-bubble[data-v-d36f8242] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d36f8242] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-d36f8242] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d36f8242],
  .comment-title[data-v-d36f8242] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-d36f8242],
  .comment-title[data-v-d36f8242] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-d36f8242] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-d36f8242] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-d36f8242] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-d36f8242] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-d36f8242] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-d36f8242] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-d36f8242] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-d36f8242] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-d36f8242] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-d36f8242] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-d36f8242] {
  margin-bottom: 16px;
}
.comment-header[data-v-d36f8242] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-d36f8242] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-d36f8242] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-d36f8242] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-d36f8242] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-d36f8242] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-d36f8242]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-d36f8242],
.comment-page .comment-header.is-sticky[data-v-d36f8242] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-d36f8242] {
  animation: slideInDown-d36f8242 0.32s ease-in-out;
}
@keyframes slideInDown-d36f8242 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d36f8242] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d36f8242] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d36f8242]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-d36f8242]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-d36f8242] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-d36f8242] {
  animation: slideOutUp-d36f8242 0.32s ease-in-out;
}
@keyframes slideOutUp-d36f8242 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-d36f8242] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-d36f8242] {
  margin-left: 8px;
}
.comment-title span[data-v-d36f8242] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-d36f8242] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-d36f8242] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-d36f8242] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-d36f8242]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-d36f8242] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-d36f8242] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-d36f8242] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-d36f8242] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-d36f8242] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-d36f8242],
.comment-page.post-fixed .comment-post-body[data-v-d36f8242] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-d36f8242] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-d36f8242] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-d36f8242] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-d36f8242] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-d36f8242] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-d36f8242] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-d36f8242] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-d36f8242] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-d36f8242] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-d36f8242],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-d36f8242] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-d36f8242] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-d36f8242] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-d36f8242],
.comment-page.post-fixed .comment-post-body.active[data-v-d36f8242] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-d36f8242],
  .comment-page.post-fixed .comment-post-body.active[data-v-d36f8242] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-d36f8242],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-d36f8242] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-d36f8242] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-d36f8242] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-d36f8242] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-d36f8242] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-d36f8242] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-d36f8242] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-d36f8242] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-d36f8242] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-d36f8242] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d36f8242] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-d36f8242]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-d36f8242]:focus,
.comment-input-field.textarea[data-v-d36f8242]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-d36f8242]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-d36f8242] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-d36f8242] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d36f8242] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-d36f8242] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d36f8242] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-d36f8242] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-d36f8242] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-d36f8242] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-d36f8242]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-d36f8242] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-d36f8242],
.comment-send-btn.disabled .icon-send[data-v-d36f8242] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-d36f8242]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-d36f8242] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-d36f8242] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-d36f8242] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-d36f8242] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-d36f8242] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-d36f8242] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-d36f8242] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-d36f8242] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-d36f8242] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-d36f8242] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-d36f8242] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-d36f8242] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-d36f8242] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-d36f8242] {
  align-items: center;
  animation: blink-d36f8242 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-d36f8242 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-d36f8242] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-d36f8242] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-d36f8242] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-d36f8242] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-d36f8242] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-d36f8242] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-d36f8242]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-d36f8242] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-d36f8242] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-d36f8242] {
  margin: 0 0 0 -8px;
}
.c-card__content[data-v-d36f8242] {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.c-card__image[data-v-d36f8242] {
  height: 100%;
}
.c-card__image-figure[data-v-d36f8242] {
  aspect-ratio: 16/9;
  height: 100%;
  position: relative;
  width: 108px;
}
.c-card__image-figure img[data-v-d36f8242] {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.c-card__title[data-v-d36f8242] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@supports (font-variation-settings: normal) {
  .c-card__title[data-v-d36f8242] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .c-card__title[data-v-d36f8242] {
    font-weight: 700;
  }
}
.c-card[data-v-d36f8242] .card-label-wrap.in-label-stack {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
  padding: 0;
}
.c-card[data-v-d36f8242] .card-label-wrap.in-label-stack .label-text {
  color: var(--accent);
}
.c-card .image-label-wrap.is-video[data-v-d36f8242] {
  bottom: 4px;
  height: 24px;
  padding: 4px;
  position: absolute;
  right: 4px;
  width: auto;
}
@supports (font-variation-settings: normal) {
  .comment-input-field[data-v-4019b3b1] {
    font-variation-settings: "wght" 400;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-field[data-v-4019b3b1] {
    font-weight: 400;
  }
}
@supports (font-variation-settings: normal) {
  .comment-input-info[data-v-4019b3b1],
  .comment-reply-bubble[data-v-4019b3b1] {
    font-variation-settings: "wght" 500;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-input-info[data-v-4019b3b1],
  .comment-reply-bubble[data-v-4019b3b1] {
    font-weight: 500;
  }
}
@supports (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4019b3b1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-no-comment-info[data-v-4019b3b1] {
    font-weight: 700;
  }
}
@supports (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4019b3b1],
  .comment-title[data-v-4019b3b1] {
    font-variation-settings: "wght" 800;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-avatar.login[data-v-4019b3b1],
  .comment-title[data-v-4019b3b1] {
    font-weight: 800;
  }
}
.comment-teaser[data-v-4019b3b1] {
  background-color: var(--color-50);
  box-shadow: 0 1px 2px #00000021;
  margin: 0 0 4px;
  max-width: 704px;
  padding: 0 8px 8px;
}
@media (min-width: 429px) {
  .comment-teaser[data-v-4019b3b1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-teaser[data-v-4019b3b1] {
    padding: 0 8px 16px;
  }
}
.comment-teaser-cta[data-v-4019b3b1] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .comment-teaser-cta[data-v-4019b3b1] {
    margin-top: 16px;
  }
}
.comment-teaser-cta .btn[data-v-4019b3b1] {
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .comment-teaser-cta .btn[data-v-4019b3b1] {
    flex-basis: auto;
  }
  .comment-teaser-body[data-v-4019b3b1] {
    padding: 0 24px;
  }
}
.comment-no-comment-info[data-v-4019b3b1] {
  color: var(--color-900);
  font-size: 1.25rem;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .comment-no-comment-info[data-v-4019b3b1] {
    font-size: 1.6875rem;
    line-height: 2.0625rem;
    margin-bottom: 16px;
  }
}
.all-comments-page .comment-no-comment-info[data-v-4019b3b1] {
  margin-bottom: 16px;
}
.comment-header[data-v-4019b3b1] {
  align-items: center;
  background: var(--color-50);
  border-bottom: 1px solid var(--color-200);
  display: flex;
  height: 48px;
  margin-bottom: 8px;
  position: relative;
}
@media (min-width: 1024px) {
  .comment-header[data-v-4019b3b1] {
    height: 48px;
    margin-bottom: 16px;
  }
}
.comment-page .comment-header[data-v-4019b3b1] {
  border-bottom: none;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .comment-page .comment-header[data-v-4019b3b1] {
    margin-bottom: 24px;
  }
}
.comment-page .comment-header-wrapper[data-v-4019b3b1] {
  align-items: center;
  background: var(--color-50);
  display: flex;
  height: 47px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page .comment-header-wrapper[data-v-4019b3b1] {
    height: 55px;
    max-width: 704px;
  }
}
.comment-page .comment-header-wrapper[data-v-4019b3b1]:after {
  background: var(--color-200);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.comment-page .comment-header.header-slide-up[data-v-4019b3b1],
.comment-page .comment-header.is-sticky[data-v-4019b3b1] {
  animation-fill-mode: both;
  position: sticky;
  transition: 0.32s ease-in-out;
  width: 100%;
  z-index: 100;
}
.comment-page .comment-header.is-sticky[data-v-4019b3b1] {
  animation: slideInDown-4019b3b1 0.32s ease-in-out;
}
@keyframes slideInDown-4019b3b1 {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4019b3b1] {
  margin: 0 -8px;
  padding: 0 8px;
  width: calc(100% + 16px);
}
@media (min-width: 1024px) {
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4019b3b1] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 -1px 3px #0000001a;
    margin: 16px -32px 0;
    padding: 0 32px;
    width: calc(100% + 64px);
  }
  .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4019b3b1]:before {
    background: var(--surface);
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    right: -2px;
    top: -4px;
    width: calc(100% + 4px);
    z-index: -1;
  }
}
.comment-page
  .comment-header.is-sticky
  .comment-header-wrapper[data-v-4019b3b1]:after {
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .is-storytelling
    .comment-page
    .comment-header.is-sticky
    .comment-header-wrapper[data-v-4019b3b1] {
    margin: 16px -192px 0;
    max-width: 1024px;
    padding: 0 192px;
    width: calc(100% + 576px);
  }
}
.comment-page .comment-header.header-slide-up[data-v-4019b3b1] {
  animation: slideOutUp-4019b3b1 0.32s ease-in-out;
}
@keyframes slideOutUp-4019b3b1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
  }
}
.comment-title[data-v-4019b3b1] {
  color: var(--color-900);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.8125rem;
  letter-spacing: 1.87px;
  margin-right: 24px;
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.comment-page .comment-title[data-v-4019b3b1] {
  margin-left: 8px;
}
.comment-title span[data-v-4019b3b1] {
  color: var(--label-sec-background);
  margin-left: 4px;
}
.comment-icon[data-v-4019b3b1] {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-basis: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  transition: all 0.15s;
  width: 32px;
}
.comment-icon [class^="icon-"][data-v-4019b3b1] {
  color: var(--color-900);
  font-size: 1rem;
  line-height: 1rem;
}
.all-comments-page .comment-icon[data-v-4019b3b1] {
  background-color: var(--color-100);
}
@media (min-width: 1024px) {
  .comment-icon[data-v-4019b3b1]:hover {
    background-color: var(--color-200);
  }
}
.comment-post-body[data-v-4019b3b1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 2;
}
.comment-page .comment-post-body[data-v-4019b3b1] {
  background: var(--color-100-without-transparency);
  bottom: 0;
  box-shadow: 0 -1px 0 0 var(--color-200);
  flex-direction: column;
  margin: 0 -8px;
  padding: 8px 8px 16px;
  position: unset;
  width: calc(100% + 16px);
  z-index: 100;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body[data-v-4019b3b1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body[data-v-4019b3b1] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: none;
    margin: 0 -32px;
    max-width: 704px;
    padding: 24px 32px;
    width: 704px;
  }
  .is-storytelling .comment-page .comment-post-body[data-v-4019b3b1] {
    margin: 0 -192px;
    max-width: 1024px;
    padding: 24px 192px;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body[data-v-4019b3b1],
.comment-page.post-fixed .comment-post-body[data-v-4019b3b1] {
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body[data-v-4019b3b1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body[data-v-4019b3b1] {
    padding: 16px 192px;
  }
}
.comment-post-body.reply[data-v-4019b3b1] {
  display: none;
  padding: 0 16px 24px;
  z-index: 101;
}
@media (min-width: 1024px) {
  .comment-post-body.reply[data-v-4019b3b1] {
    padding: 0 32px 24px;
  }
}
.comment-post-body.reply.active[data-v-4019b3b1] {
  display: block;
}
.comment-page .comment-post-body.reply.active[data-v-4019b3b1] {
  border: none;
  position: unset;
  width: 100%;
}
@media (min-width: 429px) {
  .comment-page .comment-post-body.reply.active[data-v-4019b3b1] {
    max-width: 484px;
  }
}
@media (min-width: 1024px) {
  .comment-page .comment-post-body.reply.active[data-v-4019b3b1] {
    max-width: 704px;
    position: absolute;
    width: 704px;
  }
  .is-storytelling
    .comment-page
    .comment-post-body.reply.active[data-v-4019b3b1] {
    max-width: 1024px;
    padding-top: 0;
    width: 1024px;
  }
}
.comment-page.mobile-post-fixed
  .comment-post-body.reply.active[data-v-4019b3b1],
.comment-page.post-fixed .comment-post-body.reply.active[data-v-4019b3b1] {
  border-top: 1px solid var(--color-200);
  padding: 0 8px 16px;
  position: fixed;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-page.post-fixed .comment-post-body.reply.active[data-v-4019b3b1] {
    padding: 0 32px 16px;
  }
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.reply.active[data-v-4019b3b1] {
    padding: 0 192px 16px;
  }
}
.comment-page.mobile-post-fixed .comment-post-body.active[data-v-4019b3b1],
.comment-page.post-fixed .comment-post-body.active[data-v-4019b3b1] {
  padding: 8px 8px 16px;
}
@media (min-width: 1024px) {
  .comment-page.mobile-post-fixed .comment-post-body.active[data-v-4019b3b1],
  .comment-page.post-fixed .comment-post-body.active[data-v-4019b3b1] {
    padding: 16px 32px;
  }
  .is-storytelling
    .comment-page.mobile-post-fixed
    .comment-post-body.active[data-v-4019b3b1],
  .is-storytelling
    .comment-page.post-fixed
    .comment-post-body.active[data-v-4019b3b1] {
    padding: 16px 192px;
  }
}
.comment-post-wrapper[data-v-4019b3b1] {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.comment-avatar[data-v-4019b3b1] {
  background: var(--label-sec-background);
  border-radius: 100px;
  color: var(--color-50);
  flex-basis: 40px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 8px;
  overflow: hidden;
  padding: 4px 0;
  text-align: center;
  width: 40px;
}
@media (min-width: 1024px) {
  .comment-avatar[data-v-4019b3b1] {
    margin-right: 8px;
  }
}
.comment-avatar .icon-user--avatar[data-v-4019b3b1] {
  font-size: 2rem;
}
.comment-avatar.login[data-v-4019b3b1] {
  background: #900348;
  color: var(--color-50);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 8px 0;
  text-align: center;
}
.comment-input-wrapper[data-v-4019b3b1] {
  bottom: 2px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .comment-input-wrapper[data-v-4019b3b1] {
    max-width: 496px;
  }
}
.comment-input-field[data-v-4019b3b1] {
  background-color: var(--color-75);
  border: 2px solid var(--color-300);
  border-radius: 0;
  bottom: 2px;
  color: var(--color-900);
  display: block;
  font-size: 1rem;
  height: 36px;
  line-height: 1.25rem;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.all-comments-page .comment-input-field[data-v-4019b3b1] {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4019b3b1] {
  bottom: unset;
  height: auto;
  max-height: 216px;
  min-height: 36px;
  overflow-y: auto;
  resize: none;
  transition: all 0.2s ease;
  word-break: break-word;
}
.comment-input-field.textarea[data-v-4019b3b1]:empty:before {
  content: attr(placeholder);
  display: block;
}
.comment-input-field.textarea[data-v-4019b3b1]:focus,
.comment-input-field.textarea[data-v-4019b3b1]:hover {
  background-color: var(--color-50);
}
.comment-input-field.textarea[data-v-4019b3b1]:focus-visible {
  outline: unset;
}
.comment-input-info[data-v-4019b3b1] {
  color: var(--color-500);
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: absolute;
  right: 0;
  top: calc(100% + 3px);
}
.comment-send-btn[data-v-4019b3b1] {
  align-items: center;
  background-color: var(--accent);
  border-radius: 0;
  bottom: 2px;
  display: flex;
  height: 36px;
  margin-left: 4px;
  padding: 6px;
  position: relative;
  transition: all 0.2s;
  width: 36px;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4019b3b1] {
    margin-left: 4px;
    padding: 8px 12px;
    width: 92px;
  }
}
.comment-send-btn-text[data-v-4019b3b1] {
  color: var(--color-50);
  display: none;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
@supports (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4019b3b1] {
    font-variation-settings: "wght" 600;
  }
}
@supports not (font-variation-settings: normal) {
  .comment-send-btn-text[data-v-4019b3b1] {
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .comment-send-btn-text[data-v-4019b3b1] {
    display: inline;
    margin-right: 8px;
  }
}
.comment-send-btn .icon-send[data-v-4019b3b1] {
  color: var(--color-50);
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .comment-send-btn[data-v-4019b3b1]:hover {
    background-color: var(--accent-hover);
    cursor: pointer;
  }
}
.comment-send-btn.disabled[data-v-4019b3b1] {
  background-color: var(--color-200);
}
.comment-send-btn.disabled .comment-send-btn-text[data-v-4019b3b1],
.comment-send-btn.disabled .icon-send[data-v-4019b3b1] {
  color: var(--color-400);
}
@media (min-width: 1024px) {
  .comment-send-btn.disabled[data-v-4019b3b1]:hover {
    background-color: var(--color-100);
    cursor: unset;
  }
}
.comment-page[data-v-4019b3b1] {
  margin: 16px -8px 4px;
  padding-bottom: 0.1px;
  position: relative;
}
@media (min-width: 429px) {
  .comment-page[data-v-4019b3b1] {
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .comment-page[data-v-4019b3b1] {
    margin: 16px 0 0;
  }
}
.is-storytelling.all-comments-page .comment-page[data-v-4019b3b1] {
  box-shadow: none;
  padding: 0 0 1px;
}
@media (min-width: 1024px) {
  .is-storytelling.all-comments-page .comment-page[data-v-4019b3b1] {
    padding: 0;
  }
  .comment-page.post-fixed[data-v-4019b3b1] {
    padding-bottom: 76px;
  }
  .is-storytelling.all-comments-page .comment-page.post-fixed[data-v-4019b3b1] {
    padding: 0 0 76px;
  }
  .comment-page.post-fixed.reply-post-visible[data-v-4019b3b1] {
    padding-bottom: 104px;
  }
  .is-storytelling.all-comments-page
    .comment-page.post-fixed.reply-post-visible[data-v-4019b3b1] {
    padding: 0 0 104px;
  }
  .comment-page.reply-post-visible[data-v-4019b3b1] {
    padding-bottom: 16px;
  }
  .is-storytelling.all-comments-page
    .comment-page.reply-post-visible[data-v-4019b3b1] {
    padding: 0 0 16px;
  }
}
.comment-page .pagination[data-v-4019b3b1] {
  margin: 16px 0 24px;
}
@media (min-width: 1024px) {
  .comment-page .pagination[data-v-4019b3b1] {
    margin: 24px 0;
  }
}
.comment-reply-bubble[data-v-4019b3b1] {
  align-items: center;
  animation: blink-4019b3b1 1s;
  animation-fill-mode: forwards;
  background: var(--color-100);
  color: var(--color-700);
  display: flex;
  font-size: 0.6875rem;
  height: 32px;
  justify-content: space-between;
  line-height: 0.875rem;
  margin: 0 -8px 8px;
  padding: 8px;
  width: calc(100% + 16px);
}
@keyframes blink-4019b3b1 {
  0% {
    background: var(--color-100);
  }
  50% {
    background: var(--color-200);
  }
  to {
    background: var(--color-100);
  }
}
@media (min-width: 1024px) {
  .comment-reply-bubble[data-v-4019b3b1] {
    margin: 0 -32px 24px;
    padding: 8px 32px;
    width: calc(100% + 64px);
  }
  .is-storytelling .comment-reply-bubble[data-v-4019b3b1] {
    margin: 0 -192px 24px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
  .post-fixed .comment-reply-bubble[data-v-4019b3b1] {
    margin: 0 -32px 16px;
  }
  .is-storytelling .post-fixed .comment-reply-bubble[data-v-4019b3b1] {
    margin: 0 -192px 16px;
    padding: 8px 192px;
    width: calc(100% + 384px);
  }
}
.comment-reply-bubble span[data-v-4019b3b1] {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-reply-bubble .icon-close[data-v-4019b3b1] {
  color: var(--color-700);
  font-size: 0.875rem;
  padding: 4px;
}
@media (min-width: 1024px) {
  .comment-reply-bubble .icon-close[data-v-4019b3b1]:hover {
    cursor: pointer;
  }
}
.card-comments[data-v-4019b3b1] {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 1024px) {
  .card-comments[data-v-4019b3b1] {
    margin-bottom: 24px;
  }
}
.card-comments .card-engagement-bar[data-v-4019b3b1] {
  margin: 0 0 0 -8px;
}
.archive-card[data-v-4019b3b1] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  width: 100%;
}
.content-wrapper[data-v-4019b3b1] {
  display: flex;
  flex-direction: row;
}
.card-content[data-v-4019b3b1] {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.label[data-v-4019b3b1] {
  color: var(--accent);
  font-size: 0.6875rem;
  letter-spacing: 0.37px;
  line-height: 1.27;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@supports (font-variation-settings: normal) {
  .label[data-v-4019b3b1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .label[data-v-4019b3b1] {
    font-weight: 700;
  }
}
.title[data-v-4019b3b1] {
  color: var(--color-900);
  font-size: 1.0625rem;
  line-height: 1.43;
  margin: 0;
}
@supports (font-variation-settings: normal) {
  .title[data-v-4019b3b1] {
    font-variation-settings: "wght" 700;
  }
}
@supports not (font-variation-settings: normal) {
  .title[data-v-4019b3b1] {
    font-weight: 700;
  }
}