html.nyt-slider-no-x,
body.nyt-slider-no-x{
  overflow-x: hidden !important;
}

/* -------------------------------------------------------------------------- */
/* --- BASE: never break page width --- */
/* -------------------------------------------------------------------------- */

#modern-slider-container{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto;
}

#modern-slider-container,
#modern-slider-container *{
  box-sizing: border-box;
}

/* -------------------------------------------------------------------------- */
/* --- CONTROLS ROW: FULL WIDTH --- */
/* -------------------------------------------------------------------------- */

.controls-wrapper{
  display: flex;
  flex-wrap: nowrap;           /* one line on desktop */
  gap: 10px;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin-bottom: 14px;
}

/* dropdowns */
.controls-wrapper select{
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;

  flex: 1 1 240px;
  min-width: 180px;
  max-width: 420px;
}

/* -------------------------------------------------------------------------- */
/* --- SPEED CONTROLS (layout only) --- */
/* -------------------------------------------------------------------------- */

.nyt-speed-controls{
  flex: 0 0 auto;

  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 10px;
  row-gap: 4px;
  align-items: center;
  justify-content: center;
}

#play-pause-btn{
  font-size: 0.92em;
  white-space: nowrap;
}

/* speed label below */
#speed-label{
  grid-column: 1 / -1;
  text-align: center;
  font-size: 0.78em;
  opacity: 0.8;
  white-space: nowrap;
}

/* -------------------------------------------------------------------------- */
/* --- IMAGE AREA: keep narrow/boxed width only for the images --- */
/* -------------------------------------------------------------------------- */

#modern-slider-container #image-slider{
  width: 100%;
  max-width: 100%;
}

/* center image within slide */
#modern-slider-container .swiper-slide{
  display: flex;
  justify-content: center;
}

/* boxed image width */
#modern-slider-container .swiper-slide img{
  width: 60%;
  max-width: 900px;
  height: auto;
  display: block;
}

/* responsive */
@media (max-width: 1024px){
  #modern-slider-container .swiper-slide img{
    width: 100%;
    max-width: 100%;
  }
}

/* -------------------------------------------------------------------------- */
/* --- DATE CAPTION ABOVE DOTS: FULL WIDTH --- */
/* -------------------------------------------------------------------------- */

#modern-slider-container #frame-caption{
  width: 100%;
  text-align: center;
  font-weight: 600;
  margin: 6px 0 10px 0;
  padding: 0;
}

/* -------------------------------------------------------------------------- */
/* --- DOTS BAR: FULL WIDTH --- */
/* -------------------------------------------------------------------------- */

#modern-slider-container .nyt-pagination-bar{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* scrollable dots */
#modern-slider-container .nyt-pagination-bar .swiper-pagination{
  /* Single source of truth so strip + tiles match exactly */
  --nyt-timeline-bg: rgba(0,0,0,0.04);

  position: relative !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap;

  background: var(--nyt-timeline-bg) !important;
  background-color: var(--nyt-timeline-bg) !important;
  border-radius: 999px;
  padding: 8px 10px;

  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px;
}

/* arrows beside dots */
#modern-slider-container .nyt-pagination-bar .swiper-button-next,
#modern-slider-container .nyt-pagination-bar .swiper-button-prev{
  position: static !important;
  inset: auto !important;
  margin: 0 !important;

  width: 34px;
  height: 34px;
  flex: 0 0 auto;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;

  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;

  color: #111 !important;
  line-height: 0 !important;
  padding: 0 !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-button-next:after,
#modern-slider-container .nyt-pagination-bar .swiper-button-prev:after{
  font-size: 18px;
}

/* -------------------------------------------------------------------------- */
/* --- BULLETS: DOT + (DAY IF 00) + TIME; all TIME aligned on same baseline --- */
/* -------------------------------------------------------------------------- */

#modern-slider-container .swiper-pagination .nyt-bullet{
  /* Match the strip background exactly (no darker tiles) */
  background: var(--nyt-timeline-bg) !important;
  background-color: var(--nyt-timeline-bg) !important;
  opacity: 1 !important;

  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  flex: 0 0 auto;
  min-width: 42px;
  height: 38px;

  position: relative !important;

  border-radius: 6px;
  border: 0 !important;
  box-shadow: none !important;

  /* critical: prevent label collapse if theme sets font-size:0 on bullets */
  font-size: 14px !important;

  /* room for the dot above the labels */
  padding-top: 14px;

}

/* the dot (always visible above labels) */
#modern-slider-container .swiper-pagination .nyt-bullet::before{
  content: "" !important;
  position: absolute !important;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);

  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background-color: #999 !important;

  display: block !important;
  z-index: 2;
}

#modern-slider-container \.swiper-pagination \.nyt-bullet\.swiper-pagination-bullet-active::before\{
  background-color: #000 !important;
\}

#modern-slider-container .swiper-pagination .nyt-bullet.swiper-pagination-bullet-active{
  outline: 3px solid #000;
  outline-offset: -3px;
}


/* label container */
#modern-slider-container .swiper-pagination .nyt-bullet-bottom{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  gap: 2px;
  line-height: 1;
  letter-spacing: 0.02em;

  /* IMPORTANT: reserve space for DAY line even when empty,
     so TIME across all bullets stays on the same baseline */
  min-height: 28px;
}

/* DAY line: always occupies height; when empty we hide text but keep height */
#modern-slider-container .swiper-pagination .nyt-bullet-day{
  font-size: 0.75em;
  line-height: 1;
  min-height: 0.75em;
  color: #111 !important;
  opacity: 0.9;

}

/* If empty, keep the line height but show nothing */
#modern-slider-container .swiper-pagination .nyt-bullet-day:empty{
  visibility: hidden;   /* keeps space */
}

/* TIME line: always last line and aligned across bullets */
#modern-slider-container .swiper-pagination .nyt-bullet-hour{
  font-size: 0.82em;
  line-height: 1;
  white-space: nowrap;
  color: #111 !important;
  font-weight: 600;

}

/* -------------------------------------------------------------------------- */
/* --- THEME ROW FIX: preserve right grey gutter --- */
/* -------------------------------------------------------------------------- */

html.nyt-slider-no-x #masthead .newsmatic-container .row,
html.nyt-slider-no-x #primary .newsmatic-container .row{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html.nyt-slider-no-x #masthead .newsmatic-container .row > *,
html.nyt-slider-no-x #primary .newsmatic-container .row > *{
  min-width: 0 !important;
  max-width: 100% !important;
}

/* -------------------------------------------------------------------------- */
/* --- MOBILE --- */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px){
  .controls-wrapper{
    flex-wrap: wrap;
  }

  .controls-wrapper select{
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nyt-speed-controls{
    width: 100%;
    justify-content: center;
  }
}


/* ========================================================================== */
/* FINAL OVERRIDES (authoritative)
   These rules are intentionally last in the file so they win against:
   - Swiper defaults
   - Elementor/theme styles
   - earlier plugin blocks
   Requirements:
   - NO darker bullet backgrounds (bullets must be transparent)
   - Active bullet shows black border
   - SVG arrows stay visible
   - Arrow buttons vertically align with the strip + labels
*/

#modern-slider-container{ --nyt-arrow-nudge: -6px; }

/* ========================================================================== */

#modern-slider-container .nyt-pagination-bar{
  display: flex !important;
  align-items: stretch !important; /* make arrows + strip share the same height */
}

#modern-slider-container .nyt-pagination-bar .swiper-pagination{
  --nyt-strip-bg: rgba(0,0,0,0.04);
  background: var(--nyt-strip-bg) !important;
  background-color: var(--nyt-strip-bg) !important;

  /* Let content define height; stretch within the bar */
  height: auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 6px 8px !important;
  gap: 8px !important;
  border-radius: 9999px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
}

/* Arrows: keep SVG, disable Swiper icon-font arrows */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev::after,
#modern-slider-container .nyt-pagination-bar .swiper-button-next::after{
  content: none !important;
  display: none !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-button-prev,
#modern-slider-container .nyt-pagination-bar .swiper-button-next{
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  /* Optical alignment with hour labels (text sits slightly higher than SVG) */
  transform: translateY(var(--nyt-arrow-nudge)) !important;

  /* Match strip height by stretching within the bar */
  align-self: stretch !important;
  height: auto !important;

  width: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
  color: #111 !important;
}

/* Force SVG arrows to be visible (some earlier blocks hid them) */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev svg,
#modern-slider-container .nyt-pagination-bar .swiper-button-next svg{
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-button-prev svg path,
#modern-slider-container .nyt-pagination-bar .swiper-button-next svg path{
  stroke: currentColor !important;
}

/* Bullets/tiles: transparent, no block background */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  opacity: 1 !important;
  box-shadow: none !important;

  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 42px !important;
  height: 34px !important;
  padding: 0 10px !important;
  margin: 0 !important;

  border-radius: 6px !important;
  border: 2px solid transparent !important;
  outline: none !important;

  /* Ensure text isn't collapsed by theme bullet rules */
  font-size: 14px !important;
}

/* Remove the dot marker (meteogram-like strip) */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet::before{
  content: none !important;
  display: none !important;
}

/* Bottom labels stay in one row */
#modern-slider-container .nyt-pagination-bar .swiper-pagination .nyt-bullet-bottom{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0 !important;
  line-height: 1 !important;
  min-height: 0 !important;
}

/* Labels */
#modern-slider-container .nyt-pagination-bar .swiper-pagination .nyt-bullet-day,
#modern-slider-container .nyt-pagination-bar .swiper-pagination .nyt-bullet-hour{
  color: #111 !important;
  line-height: 1 !important;
}

/* If DAY has text (midnight), show DAY and hide 00 */
#modern-slider-container .nyt-pagination-bar .swiper-pagination .nyt-bullet-day:not(:empty){
  display: inline-block !important;
  font-size: 0.82em !important;
  white-space: nowrap !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-pagination .nyt-bullet-day:not(:empty) + .nyt-bullet-hour{
  display: none !important;
}

/* Active: visible black border (works even if other rules set border:0) */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet.swiper-pagination-bullet-active{
  border-color: #000 !important;
  border-style: solid !important;
  outline: 2px solid #000 !important;
  outline-offset: -2px !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet.swiper-pagination-bullet-active .nyt-bullet-day,
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet.swiper-pagination-bullet-active .nyt-bullet-hour{
  font-weight: 700 !important;
}

@media (max-width: 768px){
  #modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet{
    min-width: 38px !important;
    height: 32px !important;
    padding: 0 8px !important;
  }
}


/* ========================================================================== */
/* METEOGRAM-LIKE TIMELINE (NO DOTS, ONE-LINE TILES)                           */
/* - Removes dot markers                                                      */
/* - Shows DAY (3-letter) instead of 00 at midnight (CSS hides 00 when DAY set)*/
/* - Centers labels vertically with arrows                                    */
/* - Active tile: full 4px border, radius 6                                   */
/* - Light grey background strip (same as meteogram)                          */
/* ========================================================================== */

/* Pagination bar alignment */
#modern-slider-container .nyt-pagination-bar{
  align-items: center !important;
}

/* Make the scroll area look like the meteogram scroller */
#modern-slider-container .nyt-pagination-bar .swiper-pagination{
  background: rgba(0,0,0,0.04) !important;
  border-radius: 9999px !important;
  padding: 6px 8px !important;

  height: 46px !important;
  align-items: center !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;

  display: flex !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

/* Remove dots completely */
#modern-slider-container .swiper-pagination .nyt-bullet::before{
  display: none !important;
  content: none !important;
}

/* Bullet becomes a compact tile */
#modern-slider-container .swiper-pagination .nyt-bullet{
  /* Match the strip background exactly (no darker tiles) */
  background: var(--nyt-timeline-bg) !important;
  background-color: var(--nyt-timeline-bg) !important;
  opacity: 1 !important;

  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  flex: 0 0 auto;
  min-width: 42px;
  height: 38px;

  position: relative !important;

  border-radius: 6px;
  border: 0 !important;
  box-shadow: none !important;

  /* critical: prevent label collapse if theme sets font-size:0 on bullets */
  font-size: 14px !important;

  /* room for the dot above the labels */
  padding-top: 14px;

}

/* Force the label container to be single-line */
#modern-slider-container .swiper-pagination .nyt-bullet-bottom{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 0 !important;
  line-height: 1 !important;
  min-height: 0 !important;
}

/* Default: show hour only */
#modern-slider-container .swiper-pagination .nyt-bullet-day{
  font-size: 0.75em;
  line-height: 1;
  min-height: 0.75em;
  color: #111 !important;
  opacity: 0.9;

}

#modern-slider-container .swiper-pagination .nyt-bullet-hour{
  font-size: 0.82em;
  line-height: 1;
  white-space: nowrap;
  color: #111 !important;
  font-weight: 600;

}

/* If DAY has text (midnight), show DAY and hide 00 */
#modern-slider-container .swiper-pagination .nyt-bullet-day:not(:empty){
  display: inline-block !important;
  font-size: 0.82em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#modern-slider-container .swiper-pagination .nyt-bullet-day:not(:empty) + .nyt-bullet-hour{
  display: none !important;
}

/* Active tile: full border on all sides */
#modern-slider-container .swiper-pagination .nyt-bullet.swiper-pagination-bullet-active{
  border-color: #000 !important;
  border-style: solid !important;
}

#modern-slider-container .swiper-pagination .nyt-bullet.swiper-pagination-bullet-active .nyt-bullet-day,
#modern-slider-container .swiper-pagination .nyt-bullet.swiper-pagination-bullet-active .nyt-bullet-hour{
  font-weight: 700 !important;
}

/* -------------------------------------------------------------------------- */
/* Arrows: match meteograms (swiper-icons glyphs)                              */
/* -------------------------------------------------------------------------- */

/* Keep arrows vertically centered with the tiles */
#modern-slider-container .nyt-pagination-bar .swiper-button-next,
#modern-slider-container .nyt-pagination-bar .swiper-button-prev{
  position: static !important;
  inset: auto !important;
  margin: 0 !important;

  width: 34px;
  height: 34px;
  flex: 0 0 auto;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;

  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;

  color: #111 !important;
  line-height: 0 !important;
  padding: 0 !important;
}

/* If theme/plugin injects SVG, hide it so only glyph shows */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev svg,
#modern-slider-container .nyt-pagination-bar .swiper-button-next svg{
  display: none !important;
}

/* Ensure glyph arrows render */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev::after,
#modern-slider-container .nyt-pagination-bar .swiper-button-next::after{
  display: block !important;
  font-family: swiper-icons !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-button-prev::after{ content: 'prev' !important; }
#modern-slider-container .nyt-pagination-bar .swiper-button-next::after{ content: 'next' !important; }

/* -------------------------------------------------------------------------- */
/* Mobile: tighter tiles + larger scroll touch target                           */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px){
  /* Slightly tighter strip on mobile; no fixed height needed */
  #modern-slider-container .nyt-pagination-bar{ gap: 8px; }
  #modern-slider-container .nyt-pagination-bar .swiper-pagination{ padding: 6px 8px !important; }
}


/* ========================================================================== */
/* FINAL OVERRIDES (authoritative)
   - Strip background light grey
   - Bullets transparent (no darker tiles)
   - Active bullet border visible
   - SVG arrows visible
   - Arrow buttons optically aligned with the bullet labels
   ========================================================================== */

/* Shared strip background */
#modern-slider-container .nyt-pagination-bar .swiper-pagination{
  --nyt-strip-bg: rgba(0,0,0,0.04);
  background: var(--nyt-strip-bg) !important;
  background-color: var(--nyt-strip-bg) !important;
  box-sizing: border-box !important;
}

/* Ensure the whole bar shares the same vertical center */
#modern-slider-container .nyt-pagination-bar{
  align-items: center !important;
}

/* Remove any per-tile fill so there are no darker blocks */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;

  /* stable click target */
  height: 34px !important;
  min-width: 42px !important;
  padding: 0 10px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;

  /* base border so active state can show */
  border: 2px solid transparent !important;
  outline: none !important;

  /* prevent label collapse even if theme sets font-size:0 elsewhere */
  font-size: 14px !important;
}

/* Extra-hardening: some themes add backgrounds to inner wrappers */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet *,
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet::before,
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet::after{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  content: none !important;
}

/* Extra-hard kill switch: some themes paint inner spans */
#modern-slider-container .nyt-pagination-bar .nyt-bullet-bottom,
#modern-slider-container .nyt-pagination-bar .nyt-bullet-bottom *,
#modern-slider-container .nyt-pagination-bar .swiper-pagination-bullet,
#modern-slider-container .nyt-pagination-bar .swiper-pagination-bullet *{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* One-line content inside bullet */
#modern-slider-container .nyt-pagination-bar .nyt-bullet-bottom{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
}

/* Midnight: show DAY and hide hour (keeps your existing behavior) */
#modern-slider-container .nyt-pagination-bar .nyt-bullet-day:not(:empty){
  display: inline-block !important;
  visibility: visible !important;
  font-size: 0.82em !important;
  line-height: 1 !important;
}
#modern-slider-container .nyt-pagination-bar .nyt-bullet-day:not(:empty) + .nyt-bullet-hour{
  display: none !important;
}

/* Regular hours */
#modern-slider-container .nyt-pagination-bar .nyt-bullet-hour{
  display: inline-block !important;
  color: #111 !important;
  font-weight: 600 !important;
  font-size: 0.82em !important;
  line-height: 1 !important;
}

/* Active bullet border (extra-defensive: border + outline + inset shadow) */
#modern-slider-container .nyt-pagination-bar .swiper-pagination > span.swiper-pagination-bullet.nyt-bullet.swiper-pagination-bullet-active{
  border-color: #000 !important;
  border-style: solid !important;
  outline: 2px solid #000 !important;
  outline-offset: -2px !important;
  box-shadow: inset 0 0 0 2px #000 !important;
}

/* --- ARROWS: use the inline SVG (your DOM) and align it with labels --- */

/* Disable Swiper icon-font arrows (avoid competing rendering) */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev::after,
#modern-slider-container .nyt-pagination-bar .swiper-button-next::after{
  content: none !important;
  display: none !important;
}

/* Keep the buttons centered relative to the strip */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev,
#modern-slider-container .nyt-pagination-bar .swiper-button-next{
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  /* Optical alignment: nudge the button up to match the label baseline */
  transform: translateY(var(--nyt-arrow-nudge)) !important;

  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;

  color: #111 !important;
}

/* Show SVG and make sure it actually draws */
#modern-slider-container .nyt-pagination-bar .swiper-button-prev svg,
#modern-slider-container .nyt-pagination-bar .swiper-button-next svg{
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  transform: none !important;
}

#modern-slider-container .nyt-pagination-bar .swiper-button-prev svg path,
#modern-slider-container .nyt-pagination-bar .swiper-button-next svg path{
  stroke: currentColor !important;
}