.cls-row{display:flex;gap:14px;overflow-x:auto;padding:10px 4px 14px;scrollbar-width:none}.cls-row::-webkit-scrollbar{display:none}.cls-bubble-item{width:var(--cls-bubble-size);flex:0 0 var(--cls-bubble-size);text-align:center}.cls-bubble{border:3px solid #fff;background:transparent;border-radius:999px;width:var(--cls-bubble-size);height:var(--cls-bubble-size);padding:3px;cursor:pointer;box-shadow:0 1px 7px rgba(0,0,0,.22)}.cls-bubble.is-new{border-color:#e31b23}.cls-bubble span,.cls-bubble img{display:block;width:100%;height:100%;border-radius:50%}.cls-bubble img{object-fit:cover}.cls-bubble-title{font:600 11px/1.25 system-ui;margin-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit}.cls-cards{display:grid;grid-template-columns:repeat(var(--cls-cols),minmax(0,1fr));gap:16px}.cls-card{position:relative;aspect-ratio:9/14;border:0;border-radius:16px;overflow:hidden;padding:0;background:#111;cursor:pointer;text-align:left}.cls-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.cls-card img{width:100%;height:100%;object-fit:cover}.cls-card span{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;color:#fff;font:700 20px/1.18 system-ui;text-shadow:0 1px 3px #000}.cls-open{overflow:hidden!important}.cls-viewer{position:fixed;inset:0;background:rgba(4,7,4,.94);backdrop-filter:blur(20px);z-index:2147483000;display:flex;align-items:center;justify-content:center;color:#fff}.cls-stage{height:min(94vh,960px);aspect-ratio:9/16;max-width:100vw;position:relative;background:#050505;overflow:visible;border-radius:10px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.cls-media{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#000}.cls-stage iframe,.cls-native-media{width:100%;height:100%;border:0;display:block}.cls-native-media{object-fit:cover;background:#000}.cls-progress{position:absolute;top:9px;left:8px;right:8px;display:flex;gap:4px;z-index:8}.cls-progress i{height:3px;background:rgba(255,255,255,.35);flex:1;border-radius:3px;overflow:hidden}.cls-progress i b{display:block;height:100%;background:#fff}.cls-close,.cls-arrow,.cls-sound{position:absolute;z-index:10;border:0;color:#111;background:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px 18px rgba(0,0,0,.25)}.cls-close{right:12px;top:max(18px,calc(env(safe-area-inset-top) + 10px));width:38px;height:38px;border-radius:50%;font-size:28px;background:rgba(0,0,0,.5);color:#fff}.cls-arrow{top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;font-size:38px;line-height:1}.cls-arrow-prev{left:-80px}.cls-arrow-next{right:-80px}.cls-title{position:absolute;left:16px;bottom:18px;right:16px;z-index:8;text-shadow:0 2px 8px #000;font:700 14px/1.3 system-ui;pointer-events:none}.cls-fallback{height:100%;display:grid;place-items:center}.cls-fallback a{color:#fff}@media(max-width:700px){.cls-stage{height:100dvh;width:100vw;aspect-ratio:auto;border-radius:0}.cls-media{border-radius:0}.cls-arrow{width:42px;height:42px;background:rgba(255,255,255,.88)}.cls-arrow-prev{left:10px}.cls-arrow-next{right:10px}.cls-title{bottom:28px}.cls-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cls-card span{font-size:15px;left:10px;right:10px;bottom:10px}}

.cls-sound{position:absolute;z-index:10;right:58px;top:max(18px,calc(env(safe-area-inset-top) + 10px));width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center}.cls-media video{object-fit:cover!important}
@media(max-width:700px){.cls-close{position:fixed;right:max(14px,env(safe-area-inset-right));top:max(14px,calc(env(safe-area-inset-top) + 8px));width:42px;height:42px}.cls-sound{position:fixed;right:64px;top:max(14px,calc(env(safe-area-inset-top) + 8px));width:42px;height:42px}.cls-progress{top:max(8px,env(safe-area-inset-top));left:10px;right:10px}.cls-title{bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))}}

/* v0.4.2 — controles circulares protegidos contra estilos do tema */
.cls-viewer button.cls-close,.cls-viewer button.cls-sound,.cls-viewer button.cls-arrow{
 box-sizing:border-box!important; padding:0!important; margin:0!important; min-width:0!important; max-width:none!important; min-height:0!important; max-height:none!important; aspect-ratio:1/1!important; border-radius:9999px!important; flex:0 0 auto!important; line-height:1!important; text-indent:0!important; letter-spacing:0!important; background-image:none!important; font-family:Arial,sans-serif!important; font-weight:700!important; overflow:hidden!important;
}
.cls-viewer button.cls-arrow{width:46px!important;height:46px!important;font-size:34px!important;}
.cls-viewer button.cls-close,.cls-viewer button.cls-sound{width:38px!important;height:38px!important;}
.cls-viewer button.cls-close{font-size:25px!important;}
.cls-viewer button.cls-sound{font-size:16px!important;}
@media(max-width:700px){
 .cls-viewer button.cls-arrow,.cls-viewer button.cls-close,.cls-viewer button.cls-sound{width:42px!important;height:42px!important;}
 .cls-viewer button.cls-arrow{font-size:31px!important;}
 .cls-viewer button.cls-close{font-size:26px!important;}
 .cls-viewer button.cls-sound{font-size:17px!important;}
}

/* v0.5.0 — trilho horizontal, navegação e estabilidade de carregamento */
.cls-wrap{width:100%;max-width:100%;box-sizing:border-box;contain:layout style}
.cls-bubbles-shell{position:relative;width:100%;padding:0 44px;box-sizing:border-box}
.cls-row{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.cls-bubble-item{scroll-snap-align:start}
.cls-row-nav{position:absolute!important;top:calc((var(--cls-bubble-size) + 20px)/2)!important;transform:translateY(-50%)!important;z-index:5!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;aspect-ratio:1/1!important;background:#fff!important;color:#111!important;box-shadow:0 2px 10px rgba(0,0,0,.22)!important;display:grid!important;place-items:center!important;font:700 27px/1 Arial,sans-serif!important;cursor:pointer!important;box-sizing:border-box!important}
.cls-row-prev{left:2px!important}.cls-row-next{right:2px!important}.cls-row-nav[disabled]{opacity:.28!important;cursor:default!important}
.cls-viewer button.cls-arrow{display:grid!important;place-items:center!important}
.cls-viewer button.cls-arrow svg{display:block!important;width:18px!important;height:18px!important;position:static!important;margin:0!important;transform:none!important}
.cls-viewer button.cls-arrow svg path{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.cls-bubbles-shell{padding:0 36px}.cls-row-nav{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:23px!important}.cls-row-prev{left:1px!important}.cls-row-next{right:1px!important}}


/* v0.5.1 — carrossel realmente contido no site (desktop + mobile) */
.cls-wrap.cls-layout-bubbles{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.cls-bubbles-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0 46px!important}
.cls-row{width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:none!important;box-sizing:border-box!important}
.cls-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cls-bubble-item{flex:0 0 var(--cls-bubble-size)!important;min-width:var(--cls-bubble-size)!important;max-width:var(--cls-bubble-size)!important}
.cls-row-nav{top:calc(10px + (var(--cls-bubble-size)/2))!important}
.cls-row-prev{left:5px!important}.cls-row-next{right:5px!important}
@media(max-width:700px){
 .cls-bubbles-shell{padding:0 38px!important}
 .cls-row{gap:12px!important;scroll-snap-type:x mandatory!important}
 .cls-row-prev{left:3px!important}.cls-row-next{right:3px!important}
}


/* v0.5.2 — viewport + trilho real, drag no desktop e setas persistentes */
.cls-wrap.cls-layout-bubbles{position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important}
.cls-bubbles-shell{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;padding:0 48px!important;box-sizing:border-box!important}
.cls-bubbles-shell>.cls-row{position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:flex-start!important;direction:ltr!important;margin:0!important;padding:10px 4px 14px!important;cursor:grab!important;user-select:none!important;-webkit-user-select:none!important;scroll-snap-type:x proximity!important;scroll-padding-left:4px!important}
.cls-bubbles-shell>.cls-row.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important}
.cls-bubbles-shell>.cls-row .cls-bubble-item{position:relative!important;flex:0 0 var(--cls-bubble-size)!important;width:var(--cls-bubble-size)!important;min-width:var(--cls-bubble-size)!important;max-width:var(--cls-bubble-size)!important;margin:0!important;transform:none!important;scroll-snap-align:start!important}
.cls-bubbles-shell>.cls-row-nav{display:grid!important;visibility:visible!important;position:absolute!important;z-index:50!important;top:calc(10px + (var(--cls-bubble-size)/2))!important;transform:translateY(-50%)!important;opacity:1!important;pointer-events:auto!important}
.cls-bubbles-shell>.cls-row-nav[hidden]{display:none!important}
.cls-bubbles-shell>.cls-row-nav:disabled{opacity:.3!important;pointer-events:none!important}
.cls-bubbles-shell>.cls-row-prev{left:6px!important}.cls-bubbles-shell>.cls-row-next{right:6px!important}
@media(max-width:700px){.cls-bubbles-shell{padding-left:40px!important;padding-right:40px!important}.cls-bubbles-shell>.cls-row{touch-action:pan-x!important;cursor:auto!important}.cls-bubbles-shell>.cls-row-prev{left:4px!important}.cls-bubbles-shell>.cls-row-next{right:4px!important}}

/* v0.5.4 */
.cls-wrap.cls-layout-bubbles{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{position:relative!important;width:calc(100% - 24px)!important;max-width:var(--cls-carousel-max,1280px)!important;min-width:0!important;margin:0 auto!important;padding:0 46px!important;overflow:visible!important;box-sizing:border-box!important}
.cls-wrap.cls-layout-bubbles .cls-row-viewport{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;cursor:grab!important;scroll-snap-type:x proximity!important}
.cls-wrap.cls-layout-bubbles .cls-row-viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cls-wrap.cls-layout-bubbles .cls-row-viewport.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important}
.cls-wrap.cls-layout-bubbles .cls-row{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:14px!important;width:max-content!important;min-width:100%!important;max-width:none!important;margin:0!important;padding:10px 4px 14px!important;overflow:visible!important;transform:none!important;left:auto!important;right:auto!important;box-sizing:border-box!important;direction:ltr!important}
.cls-wrap.cls-layout-bubbles .cls-bubble-item{flex:0 0 var(--cls-bubble-size)!important;width:var(--cls-bubble-size)!important;min-width:var(--cls-bubble-size)!important;max-width:var(--cls-bubble-size)!important;margin:0!important;scroll-snap-align:start!important}
.cls-wrap.cls-layout-bubbles .cls-row-nav{display:grid!important;place-items:center!important;position:absolute!important;z-index:100!important;top:calc(10px + (var(--cls-bubble-size)/2))!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111!important;box-shadow:0 2px 12px rgba(0,0,0,.24)!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}
.cls-wrap.cls-layout-bubbles .cls-row-nav svg{width:17px!important;height:17px!important;display:block!important}.cls-wrap.cls-layout-bubbles .cls-row-nav svg path{fill:none!important;stroke:currentColor!important;stroke-width:2.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.cls-wrap.cls-layout-bubbles .cls-row-prev{left:4px!important}.cls-wrap.cls-layout-bubbles .cls-row-next{right:4px!important}.cls-wrap.cls-layout-bubbles .cls-row-nav:disabled{opacity:.28!important;cursor:default!important;pointer-events:none!important}.cls-wrap.cls-layout-bubbles .cls-row-nav.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{width:100%!important;max-width:100%!important;padding:0 38px!important}.cls-wrap.cls-layout-bubbles .cls-row-nav{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}.cls-wrap.cls-layout-bubbles .cls-row-prev{left:3px!important}.cls-wrap.cls-layout-bubbles .cls-row-next{right:3px!important}.cls-wrap.cls-layout-bubbles .cls-row{gap:12px!important}}
/* v0.5.4 — full-bleed carousel + reliable interaction */
.cls-wrap.cls-layout-bubbles{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  overflow:visible!important;
}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:max(46px,calc((100vw - min(100vw, 1280px))/2 + 46px))!important;
  padding-right:max(46px,calc((100vw - min(100vw, 1280px))/2 + 46px))!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-prev{left:max(8px,calc((100vw - min(100vw, 1280px))/2 + 8px))!important}
.cls-wrap.cls-layout-bubbles .cls-row-next{right:max(8px,calc((100vw - min(100vw, 1280px))/2 + 8px))!important}
.cls-wrap.cls-layout-bubbles .cls-bubble,
.cls-wrap.cls-layout-bubbles .cls-card{pointer-events:auto!important;position:relative!important;z-index:2!important}
@media(max-width:700px){
 .cls-wrap.cls-layout-bubbles .cls-bubbles-shell{padding-left:40px!important;padding-right:40px!important}
 .cls-wrap.cls-layout-bubbles .cls-row-prev{left:4px!important}.cls-wrap.cls-layout-bubbles .cls-row-next{right:4px!important}
}

/* v0.5.5 - bubbles are always viewport-wide; max-width setting applies only to cards */
.cls-wrap.cls-layout-bubbles{
 position:relative!important;
 width:100vw!important;
 max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 overflow:visible!important;
}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{
 position:relative!important;
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 padding-left:46px!important;
 padding-right:46px!important;
 box-sizing:border-box!important;
 overflow:visible!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-prev{left:8px!important}
.cls-wrap.cls-layout-bubbles .cls-row-next{right:8px!important}
@media(max-width:700px){
 .cls-wrap.cls-layout-bubbles .cls-bubbles-shell{padding-left:40px!important;padding-right:40px!important}
 .cls-wrap.cls-layout-bubbles .cls-row-prev{left:4px!important}
 .cls-wrap.cls-layout-bubbles .cls-row-next{right:4px!important}
}


/* v0.5.6 - mobile: edge-to-edge swipe, no carousel arrows */
@media(max-width:700px){
 .cls-wrap.cls-layout-bubbles{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
 .cls-wrap.cls-layout-bubbles .cls-bubbles-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
 .cls-wrap.cls-layout-bubbles .cls-row-viewport{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}
 .cls-wrap.cls-layout-bubbles .cls-row{margin:0!important;padding:10px 0 14px!important;gap:12px!important}
 .cls-wrap.cls-layout-bubbles .cls-row-nav,.cls-wrap.cls-layout-bubbles .cls-row-prev,.cls-wrap.cls-layout-bubbles .cls-row-next{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}


/* v0.5.8 — controls are anchored to the Stories viewport, not the outer shell.
   This prevents dynamically inserted Auto Ads from separating arrows from the carousel. */
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 46px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  isolation:isolate!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row{
  width:max-content!important;
  min-width:100%!important;
  overflow:visible!important;
  padding:10px 0 14px!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row-nav{
  display:grid!important;
  place-items:center!important;
  position:sticky!important;
  z-index:1000!important;
  top:calc(10px + (var(--cls-bubble-size)/2))!important;
  transform:translateY(-50%)!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#fff!important;color:#111!important;box-shadow:0 2px 12px rgba(0,0,0,.24)!important;
  pointer-events:auto!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row-prev{float:left!important;left:0!important;margin-left:-40px!important;margin-bottom:-36px!important}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row-next{float:right!important;right:0!important;margin-right:-40px!important;margin-top:calc(-1 * (var(--cls-bubble-size) + 38px))!important}
@media(max-width:700px){
 .cls-wrap.cls-layout-bubbles .cls-row-viewport{padding:0!important;margin:0!important;width:100%!important}
 .cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row{padding-left:0!important;padding-right:0!important}
 .cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}


/* v0.5.9 — stable desktop controls + Auto Ads protection target */
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{
 position:relative!important; width:100%!important; max-width:none!important; margin:0!important;
 padding:0 46px!important; box-sizing:border-box!important; overflow:visible!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport{
 position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important;
 margin:0!important; padding:0!important; box-sizing:border-box!important;
 overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important;
 scrollbar-width:none!important; touch-action:pan-x!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row{padding:10px 0 14px!important;width:max-content!important;min-width:100%!important}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-nav{
 display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important;
 position:absolute!important; z-index:1000!important; top:calc(10px + (var(--cls-bubble-size)/2))!important;
 transform:translateY(-50%)!important; float:none!important;
 width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
 background:#fff!important;color:#111!important;box-shadow:0 2px 12px rgba(0,0,0,.24)!important;cursor:pointer!important;
}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-prev{left:8px!important;right:auto!important}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-next{right:8px!important;left:auto!important}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-nav:disabled{opacity:.28!important;pointer-events:none!important}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-nav.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){
 .cls-wrap.cls-layout-bubbles .cls-bubbles-shell{padding:0!important}
 .cls-wrap.cls-layout-bubbles .cls-bubbles-shell>.cls-row-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
/* Backdrop itself is clickable; stage remains interactive. */
.cls-viewer{cursor:pointer}
.cls-viewer .cls-stage{cursor:default}

/* v0.6.0 — Visual Stories cards */
.cls-wrap.cls-layout-cards{width:100%;max-width:var(--cls-cards-max,1280px);margin-left:auto;margin-right:auto;box-sizing:border-box}
.cls-wrap.cls-layout-cards .cls-cards{display:grid!important;grid-template-columns:repeat(var(--cls-card-cols-desktop,4),minmax(0,1fr))!important;gap:var(--cls-card-gap,16px)!important;width:100%!important;align-items:stretch!important}
.cls-wrap.cls-layout-cards .cls-card{display:block!important;position:relative!important;width:100%!important;min-width:0!important;aspect-ratio:9/14!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--cls-card-radius,16px)!important;overflow:hidden!important;background:#111!important;cursor:pointer!important;box-shadow:none!important;text-align:left!important}
.cls-wrap.cls-layout-cards .cls-card[hidden]{display:none!important}
.cls-wrap.cls-layout-cards .cls-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.cls-wrap.cls-layout-cards .cls-card:after{content:""!important;position:absolute!important;z-index:1!important;inset:28% 0 0!important;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 25%,rgba(0,0,0,.82) 100%)!important;pointer-events:none!important}
.cls-wrap.cls-layout-cards .cls-card-content{position:absolute!important;z-index:2!important;left:16px!important;right:16px!important;bottom:15px!important;color:#fff!important;pointer-events:none!important}
.cls-wrap.cls-layout-cards .cls-card-title{display:-webkit-box!important;position:static!important;margin:0!important;padding:0!important;color:#fff!important;font:700 var(--cls-card-title-size,20px)/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-shadow:0 1px 4px rgba(0,0,0,.45)!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.cls-wrap.cls-layout-cards .cls-card-platform{display:block!important;margin-top:7px!important;color:rgba(255,255,255,.72)!important;font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-transform:capitalize!important}
.cls-cards-more-wrap{text-align:center;margin:24px 0 4px}
.cls-cards-more{appearance:none;border:1px solid currentColor;border-radius:999px;background:transparent;padding:11px 24px;font:700 13px/1 system-ui;cursor:pointer;transition:.2s ease}
.cls-cards-more:hover{transform:translateY(-1px);opacity:.78}
@media(max-width:1024px){.cls-wrap.cls-layout-cards .cls-cards{grid-template-columns:repeat(var(--cls-card-cols-tablet,3),minmax(0,1fr))!important}}
@media(max-width:700px){.cls-wrap.cls-layout-cards{max-width:100%!important}.cls-wrap.cls-layout-cards .cls-cards{grid-template-columns:repeat(var(--cls-card-cols-mobile,2),minmax(0,1fr))!important;gap:var(--cls-card-gap,12px)!important}.cls-wrap.cls-layout-cards .cls-card-content{left:10px!important;right:10px!important;bottom:10px!important}.cls-wrap.cls-layout-cards .cls-card-title{font-size:min(var(--cls-card-title-size,20px),16px)!important}.cls-wrap.cls-layout-cards .cls-card-platform{font-size:11px!important}}

/* v0.6.1 — Visual Stories robust card geometry */
.cls-wrap.cls-layout-cards{padding:18px 16px 8px!important}
.cls-wrap.cls-layout-cards .cls-cards{align-items:start!important}
.cls-wrap.cls-layout-cards .cls-card{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--cls-card-ratio,9 / 16)!important;
  line-height:normal!important;
  white-space:normal!important;
  border-radius:var(--cls-card-radius,16px)!important;
  isolation:isolate!important;
}
.cls-wrap.cls-layout-cards .cls-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important}
.cls-wrap.cls-layout-cards .cls-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;top:auto!important;height:auto!important}
.cls-wrap.cls-layout-cards .cls-card-title{width:100%!important}
.cls-wrap.cls-layout-cards .cls-card-platform{position:static!important;width:auto!important;height:auto!important}
.cls-wrap.cls-layout-cards .cls-cards-more-wrap{display:flex!important;justify-content:center!important;align-items:center!important;min-height:66px!important;margin:18px 0 6px!important}
.cls-wrap.cls-layout-cards .cls-cards-more{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;height:auto!important;min-width:150px!important;min-height:42px!important;
 padding:12px 26px!important;margin:0!important;border:0!important;border-radius:999px!important;
 background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 font:700 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 opacity:1!important;visibility:visible!important;box-shadow:0 4px 14px rgba(0,0,0,.14)!important;
}
.cls-wrap.cls-layout-cards .cls-cards-more:hover{background:#252525!important;color:#fff!important;opacity:1!important}
@media(max-width:700px){.cls-wrap.cls-layout-cards{padding:12px 10px 6px!important}}

/* v0.6.3 — compact layout between Stories and following content.
   Do not collapse, relocate or conceal AdSense containers: ad slots are managed by Google. */
.cls-wrap.cls-layout-bubbles{
  display:block!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
  height:auto!important;
  clear:both;
}
.cls-wrap.cls-layout-bubbles .cls-bubbles-shell{
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
  height:auto!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport{
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
  height:auto!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport>.cls-row{
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
  height:auto!important;
}
.cls-wrap.cls-layout-bubbles .cls-bubble-item{margin-bottom:0!important}

/* v0.6.4 — constrain oversized flex rows caused by theme/content styles.
   Height follows configured bubble diameter plus two lines of caption and padding. */
.cls-wrap.cls-layout-bubbles .cls-row-viewport,
.cls-wrap.cls-layout-bubbles .cls-row-viewport > .cls-row {
  height:calc(var(--cls-bubble-size, 76px) + 74px)!important;
  min-height:0!important;
  max-height:calc(var(--cls-bubble-size, 76px) + 74px)!important;
  box-sizing:border-box!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport > .cls-row {
  align-items:flex-start!important;
  align-content:flex-start!important;
}
.cls-wrap.cls-layout-bubbles .cls-row-viewport > .cls-row > .cls-bubble-item {
  height:fit-content!important;
  min-height:0!important;
  max-height:calc(var(--cls-bubble-size, 76px) + 56px)!important;
  align-self:flex-start!important;
  overflow:hidden!important;
}