/* Shared Value Highlights carousel for public and logged-in users. Additional Information uses the shared inline panel. */


/* Desktop public comic-cut navigation: exact Browse List control parity.
   This file loads after the other desktop action styles, so this is the
   final cascade owner for the three controls in the thumbnail column. */
@media (min-width:781px){
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav{
    grid-template-columns:repeat(3,44px) !important;
    grid-template-rows:44px !important;
    gap:16px !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control){
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    outline:none !important;
    overflow:hidden !important;
    opacity:1 !important;
    transform:none !important;
    transition:background .15s ease,border-color .15s ease,color .15s ease !important;
  }


  /* The visible 54px box came from block 196's nested action-circle, not the button.
     Collapse that wrapper so the outer 44px button is the only painted control. */
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control) > .ccc-main-action-circle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav .ccc-main-action-label{
    display:none !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control) .material-symbols-outlined,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control) .material-symbols-outlined,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control) .material-symbols-outlined{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control):focus-visible,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control):focus-visible,
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control):hover:not(:disabled),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control):focus-visible{
    border-color:rgba(255,255,255,.6) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
  }
}

/* Keep the public desktop navigation visually identical to Random Card. */
@media (min-width:781px){
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav{
    grid-template-columns:repeat(3,44px) !important;
    grid-template-rows:44px !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #setChecklistBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #backToSetBtn:not(.ccc-shared-icon-control),
  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav #nextComicCutBtn:not(.ccc-shared-icon-control){
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    padding:10px !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    color:var(--text) !important;
    box-shadow:none !important;
    transform:none !important;
  }

  html body #result .card .thumb > .ccc-thumbnail-nav.is-public-thumbnail-nav .material-symbols-outlined{
    font-size:22px !important;
    line-height:1 !important;
  }
}

.ccc-public-highlight-slider{
  --ccc-slide-accent:var(--cc-highlight-accent, var(--ccg-accent, rgba(154,139,255,.88)));
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  padding:0 !important;
  border:1px solid color-mix(in srgb, var(--ccc-slide-accent) 58%, rgba(255,255,255,.12)) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 16% 16%, color-mix(in srgb, var(--ccc-slide-accent) 28%, transparent), transparent 48%),
    linear-gradient(145deg, color-mix(in srgb, var(--ccc-slide-accent) 20%, rgba(13,14,22,.96)), color-mix(in srgb, var(--ccc-slide-accent) 7%, rgba(8,9,15,.99)) 72%),
    var(--panel) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ccc-slide-accent) 12%, transparent),
    0 18px 48px color-mix(in srgb, var(--ccc-slide-accent) 10%, transparent) !important;
}

.ccc-public-highlight-slider::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:4px !important;
  height:auto !important;
  margin:0 !important;
  border-radius:18px 0 0 18px !important;
  background:linear-gradient(180deg, var(--ccc-slide-accent), transparent 82%) !important;
  opacity:.82;
  z-index:4;
  pointer-events:none;
}

.ccc-highlight-slider-header{
  box-sizing:border-box;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.74);
  text-transform:uppercase;
  letter-spacing:.14em;
}

.ccc-highlight-slider-kicker{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}

.ccc-highlight-slider-count{
  flex:0 0 auto;
  color:rgba(255,255,255,.52);
  font-variant-numeric:tabular-nums;
}

/* The shared information heading exists in the DOM for resize safety, but is
   intentionally visible only on mobile. */
.ccc-additional-info-header{
  display:none;
}

.ccc-highlight-slider-viewport{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  overflow:hidden;
}

.ccc-public-highlight-slider .ccc-highlight-slide{
  --ccc-card-accent:var(--ccg-accent, var(--cc-highlight-accent, rgba(154,139,255,.88)));
  box-sizing:border-box !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--ccc-card-accent) 34%, transparent), transparent 46%),
    linear-gradient(150deg, color-mix(in srgb, var(--ccc-card-accent) 18%, transparent), color-mix(in srgb, var(--ccc-card-accent) 5%, transparent) 68%) !important;
  box-shadow:none !important;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px) scale(.985);
  transition:opacity .42s ease, transform .42s ease, visibility 0s linear .42s;
  overflow:hidden;
}

.ccc-public-highlight-slider .ccc-highlight-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  transition:opacity .42s ease, transform .42s ease;
  z-index:2;
}

.ccc-public-highlight-slider .ccc-highlight-slide > .cc-highlight-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid color-mix(in srgb, var(--ccc-card-accent) 36%, rgba(255,255,255,.08));
  background:color-mix(in srgb, var(--ccc-card-accent) 10%, rgba(255,255,255,.025));
  color:var(--ccc-card-accent) !important;
  box-shadow:0 14px 36px color-mix(in srgb, var(--ccc-card-accent) 14%, transparent);
}

.ccc-public-highlight-slider .ccc-highlight-slide > .cc-highlight-icon .material-symbols-outlined{
  color:inherit !important;
  line-height:1 !important;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-highlight-copy{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-highlight-label{
  color:var(--ccc-card-accent) !important;
  font-weight:850 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  line-height:1.14 !important;
  overflow-wrap:anywhere;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-highlight-value{
  color:#fff !important;
  font-weight:850 !important;
  line-height:1.02 !important;
  width:100%;
  max-width:100%;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
  word-break:normal;
  text-wrap:balance;
}

.ccc-public-highlight-slider .ccc-highlight-number{
  display:block;
  color:#fff !important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.ccc-public-highlight-slider .ccc-highlight-unit{
  display:block;
  margin-top:4px;
  color:#fff !important;
  font-weight:750;
  letter-spacing:.02em;
  line-height:1.15;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-highlight-note{
  color:rgba(224,226,238,.78) !important;
  line-height:1.38 !important;
  overflow-wrap:anywhere;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-status-owner-group{
  display:grid;
  gap:5px;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-status-owner-line{
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
  padding-bottom:4px;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-status-owner-title{
  color:var(--ccc-card-accent);
  font-weight:800;
}

.ccc-public-highlight-slider .ccc-highlight-slide .cc-status-owner-name{
  color:#fff !important;
}

.ccc-highlight-slider-dots{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.ccc-highlight-slider-dot{
  appearance:none;
  -webkit-appearance:none;
  width:6px;
  height:6px;
  min-width:6px;
  min-height:6px;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  box-shadow:none;
  cursor:pointer;
  transition:width .2s ease, background .2s ease;
}

.ccc-highlight-slider-dot.is-active{
  width:20px;
  background:rgba(255,255,255,.82);
}

/* Desktop public: one tall card fills the existing Value Highlights column. */
@media (min-width:781px){
  #result .card .desktop-member-tall-info-layout.is-logged-out-layout .ccc-public-highlight-slider--desktop,
  #result .card .desktop-member-tall-info-layout.is-logged-in-layout > .desktop-member-info-left > .ccc-public-highlight-slider--desktop{
    width:100% !important;
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    overflow:hidden !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slider-header{
    height:44px;
    padding:0 18px;
    font-size:10px;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slider-viewport{
    min-height:0;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide{
    grid-template-columns:66px minmax(0,1fr) !important;
    grid-template-rows:66px minmax(0,1fr) !important;
    align-content:stretch;
    align-items:start;
    justify-items:stretch;
    column-gap:18px;
    row-gap:0;
    padding:25px 28px 22px 31px !important;
    text-align:center;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide > .cc-highlight-icon{
    grid-column:1;
    grid-row:1;
    align-self:start;
    width:66px !important;
    height:66px !important;
    border-radius:20px !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide > .cc-highlight-icon .material-symbols-outlined{
    font-size:36px !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide .cc-highlight-copy{
    grid-column:2;
    grid-row:1 / span 2;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:none;
    height:100%;
    padding:0;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide .cc-highlight-label{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:66px;
    margin:0;
    padding:0 4px;
    font-size:16px !important;
    max-width:none;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide .cc-highlight-value{
    position:absolute;
    left:28px;
    right:28px;
    top:56%;
    transform:translateY(-50%);
    width:auto;
    margin:0;
    font-size:clamp(30px, 3.5vw, 52px) !important;
    max-width:none;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide.ccc-highlight-value-medium .cc-highlight-value{
    font-size:clamp(28px, 2.85vw, 42px) !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide.ccc-highlight-value-long .cc-highlight-value{
    font-size:clamp(22px, 2.35vw, 34px) !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide.ccc-highlight-value-xlong .cc-highlight-value{
    font-size:clamp(17px, 1.85vw, 26px) !important;
    line-height:1.08 !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide.ccc-highlight-has-number .cc-highlight-value{
    font-size:inherit !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-number{
    font-size:clamp(58px, 7vw, 88px);
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-unit{
    font-size:16px;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide .cc-highlight-note{
    position:absolute;
    left:28px;
    right:28px;
    bottom:17px;
    width:auto;
    max-width:none;
    max-height:54px;
    margin:0;
    padding:0;
    overflow:auto;
    font-size:13px !important;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slide.ccc-highlight-has-owner-groups .cc-highlight-value{
    width:100%;
    max-height:118px;
    overflow:auto;
    font-size:15px !important;
    letter-spacing:0;
    text-align:left;
  }

  .ccc-public-highlight-slider--desktop .ccc-highlight-slider-dots{
    height:30px;
    padding:0 14px 10px;
  }
}

/* Mobile: compact horizontal card shared by public and logged-in users. */
@media (max-width:780px){
  /* Put the mobile-only label above the bordered Additional Information box.
     The wrapper and heading remain in normal document flow and never stick. */
  .card .ccc-additional-info-section{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:6px !important;
  }
  .card .ccc-additional-info-section > .ccc-additional-info-header{
    display:flex !important;
    position:static !important;
    width:100% !important;
    height:30px !important;
    margin:0 !important;
    padding:0 12px !important;
    box-sizing:border-box !important;
    font-size:8px !important;
    flex:0 0 auto !important;
  }

  #result .card .ccc-public-highlight-slider--mobile{
    width:100% !important;
    border-radius:14px !important;
    height:164px !important;
    min-height:164px !important;
    max-height:164px !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slider-header{
    height:30px;
    padding:0 12px;
    font-size:8px;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide{
    grid-template-columns:54px minmax(0,1fr) !important;
    align-items:center;
    gap:12px;
    padding:12px 13px 10px 15px !important;
    text-align:left;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide > .cc-highlight-icon{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide > .cc-highlight-icon .material-symbols-outlined{
    font-size:29px !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide .cc-highlight-copy{
    justify-content:center;
    overflow:hidden;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide .cc-highlight-label{
    font-size:11px !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide .cc-highlight-value{
    margin-top:5px;
    font-size:clamp(19px, 5.8vw, 27px) !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide.ccc-highlight-value-medium .cc-highlight-value{
    font-size:clamp(17px, 5vw, 22px) !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide.ccc-highlight-value-long .cc-highlight-value{
    font-size:clamp(14px, 4.3vw, 18px) !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide.ccc-highlight-value-xlong .cc-highlight-value{
    font-size:clamp(12px, 3.8vw, 15px) !important;
    line-height:1.08 !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-number{
    display:inline;
    font-size:clamp(34px, 10vw, 46px);
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-unit{
    display:inline;
    margin:0 0 0 7px;
    font-size:12px;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide .cc-highlight-note{
    margin-top:5px;
    max-height:32px;
    overflow:auto;
    font-size:10px !important;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slide.ccc-highlight-has-owner-groups .cc-highlight-value{
    max-height:58px;
    overflow:auto;
    font-size:11px !important;
    letter-spacing:0;
  }

  .ccc-public-highlight-slider--mobile .ccc-highlight-slider-dots{
    height:22px;
    padding:0 10px 7px;
  }

  /* Keep the public page as the only vertical scroller. The compact slider
     used small nested overflow areas that could consume the first upward swipe.
     Clamp those short text regions instead and explicitly preserve vertical page
     panning while retaining the slider's JavaScript horizontal swipe gesture. */
  #result .card .ccc-public-highlight-slider--mobile,
  #result .card .ccc-public-highlight-slider--mobile .ccc-highlight-slider-viewport,
  #result .card .ccc-public-highlight-slider--mobile .ccc-highlight-slide,
  #result .card .ccc-public-highlight-slider--mobile .cc-highlight-copy{
    touch-action:pan-y !important;
    overscroll-behavior-y:auto !important;
  }

  #result .card .ccc-public-highlight-slider--mobile .cc-highlight-note{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    max-height:32px !important;
    overflow:hidden !important;
    overscroll-behavior:auto !important;
  }

  #result .card .ccc-public-highlight-slider--mobile .ccc-highlight-slide.ccc-highlight-has-owner-groups .cc-highlight-value{
    max-height:58px !important;
    overflow:hidden !important;
    overscroll-behavior:auto !important;
  }

  #result .card.ccc-public-mobile-card .altthumbs-wrap,
  #result .card.ccc-public-mobile-card .altthumbs-wrap .altthumbs,
  #result .card.ccc-public-mobile-card .altthumbs-wrap .altthumb,
  #result .card.ccc-public-mobile-card .altthumbs-wrap .altthumb img{
    touch-action:pan-x pan-y !important;
    overscroll-behavior-y:auto !important;
  }

}

@media (max-width:480px){
  .card .ccc-additional-info-section > .ccc-additional-info-header{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .ccc-public-highlight-slider .ccc-highlight-slide{
    transition:none !important;
  }
}

/* Collector Status: owner-first centered value layout shared by public/member desktop and mobile. */
.cc-highlights-panel .cc-highlight-collector-status .cc-highlight-value{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 18px !important;
  text-align:center !important;
}

.cc-highlights-panel .cc-highlight-collector-status .cc-status-owner-group{
  display:contents !important;
}

.cc-highlights-panel .cc-highlight-collector-status .cc-status-owner-line{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:center !important;
}

.cc-highlights-panel .cc-highlight-collector-status .cc-status-owner-name{
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

.cc-highlights-panel .cc-highlight-collector-status .cc-status-owner-title{
  display:block !important;
  color:var(--ccc-card-accent, var(--ccg-accent, rgba(154,139,255,.88))) !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

@media (min-width:781px){
  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status .cc-highlight-value{
    left:28px !important;
    right:28px !important;
    top:55% !important;
    width:auto !important;
    max-height:132px !important;
    overflow:auto !important;
    font-size:inherit !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status .cc-status-owner-name{
    font-size:clamp(32px, 4.6vw, 62px) !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status .cc-status-owner-title{
    font-size:14px !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-line{
    flex:1 1 180px !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-name{
    font-size:clamp(19px, 2.35vw, 31px) !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-title{
    font-size:11px !important;
  }
}

@media (max-width:780px){
  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status .cc-highlight-copy{
    align-items:center !important;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status .cc-highlight-label{
    width:100% !important;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status .cc-highlight-value,
  #result .card .ccc-public-highlight-slider--mobile .cc-highlight-collector-status.ccc-highlight-has-owner-groups .cc-highlight-value{
    width:100% !important;
    max-height:64px !important;
    margin-top:6px !important;
    overflow:hidden !important;
    font-size:inherit !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status .cc-status-owner-name{
    font-size:clamp(19px, 6vw, 30px) !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status .cc-status-owner-title{
    font-size:10px !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-highlight-value{
    gap:5px 10px !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-line{
    flex:1 1 44% !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-name{
    font-size:clamp(12px, 3.8vw, 18px) !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-collector-status.ccc-highlight-has-multiple-owners .cc-status-owner-title{
    font-size:8px !important;
  }
}



/* Keep the active highlight's assigned tint visible while hover pauses the carousel. */
.ccc-public-highlight-slider .ccc-highlight-slide.is-active:hover,
.ccc-public-highlight-slider .ccc-highlight-slide.is-active:focus-within{
  background:
    radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--ccc-card-accent) 34%, transparent), transparent 46%),
    linear-gradient(150deg, color-mix(in srgb, var(--ccc-card-accent) 18%, transparent), color-mix(in srgb, var(--ccc-card-accent) 5%, transparent) 68%) !important;
  transform:translateX(0) scale(1) !important;
  box-shadow:none !important;
}

.ccc-public-highlight-slider .cc-highlight-collector-status .cc-status-owner-name:hover,
.ccc-public-highlight-slider .cc-highlight-issue-specialist-award .cc-specialist-owner-name:hover{
  color:#fff !important;
  text-decoration:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

.ccc-public-highlight-slider .cc-highlight-collector-status .cc-status-owner-title:hover{
  color:var(--ccc-card-accent, var(--ccg-accent, rgba(154,139,255,.88))) !important;
  text-decoration:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

.ccc-public-highlight-slider .cc-highlight-issue-specialist-award .cc-specialist-cut-count:hover{
  color:rgba(255,214,90,.98) !important;
  text-decoration:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

.cc-highlights-panel .cc-highlight-issue-specialist-award .cc-highlight-value{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  text-align:center !important;
}

.cc-highlights-panel .cc-highlight-issue-specialist-award .cc-specialist-owner-line{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

.cc-highlights-panel .cc-highlight-issue-specialist-award .cc-specialist-owner-name{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

.cc-highlights-panel .cc-highlight-issue-specialist-award .cc-specialist-cut-count{
  display:block !important;
  color:rgba(255,214,90,.98) !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}

@media (min-width:781px){
  .ccc-public-highlight-slider--desktop .cc-highlight-issue-specialist-award .cc-highlight-value{
    left:28px !important;
    right:28px !important;
    top:55% !important;
    width:auto !important;
    font-size:inherit !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-issue-specialist-award .cc-specialist-owner-name{
    font-size:clamp(32px, 4.6vw, 62px) !important;
  }

  .ccc-public-highlight-slider--desktop .cc-highlight-issue-specialist-award .cc-specialist-cut-count{
    font-size:14px !important;
  }
}

@media (max-width:780px){
  .ccc-public-highlight-slider--mobile .cc-highlight-issue-specialist-award .cc-highlight-copy{
    align-items:center !important;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-issue-specialist-award .cc-highlight-label{
    width:100% !important;
    text-align:center !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-issue-specialist-award .cc-highlight-value{
    width:100% !important;
    max-height:64px !important;
    margin-top:6px !important;
    overflow:hidden !important;
    font-size:inherit !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-issue-specialist-award .cc-specialist-owner-name{
    font-size:clamp(19px, 6vw, 30px) !important;
  }

  .ccc-public-highlight-slider--mobile .cc-highlight-issue-specialist-award .cc-specialist-cut-count{
    font-size:10px !important;
  }
}