.drw-story-gallery{font-family:inherit;color:#111827;margin:22px 0;box-sizing:border-box}.drw-story-gallery *{box-sizing:border-box}.drw-story-gallery-title{margin:0 0 16px}.drw-story-gallery-title h2{margin:0;font:800 clamp(18px,2vw,24px)/1.7 inherit;color:inherit}.drw-story-highlights{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:none;overscroll-behavior-inline:contain}.drw-story-highlights::-webkit-scrollbar{display:none}.drw-story-highlight{flex:0 0 84px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.drw-story-highlight-ring{display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:3px;border-radius:50%;background:conic-gradient(from 20deg,var(--drw-story-primary),#ec4899,#f59e0b,var(--drw-story-primary));box-shadow:0 6px 18px rgba(15,35,65,.12);transition:transform .2s ease}.drw-story-highlight:hover .drw-story-highlight-ring{transform:translateY(-2px) scale(1.025)}.drw-story-highlight-cover{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--drw-story-primary) 15%,#fff),#fff);overflow:hidden}.drw-story-highlight-cover img{display:block;width:100%;height:100%;object-fit:cover}.drw-story-highlight-cover b{color:var(--drw-story-primary);font-size:24px}.drw-story-highlight-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:84px;min-height:40px;font-size:13px;font-weight:700;line-height:1.55;text-align:center}.drw-story-viewer[hidden]{display:none!important}.drw-story-viewer{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s ease}.drw-story-viewer.is-open{opacity:1}.drw-story-backdrop{position:absolute;inset:0;background:rgba(3,8,20,.86);backdrop-filter:blur(8px)}.drw-story-stage{position:relative;width:min(410px,calc(100vw - 36px));height:min(730px,calc(100vh - 36px));aspect-ratio:9/16;border-radius:22px;background:#111827;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden;transform:scale(.96);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.drw-story-viewer.is-open .drw-story-stage{transform:scale(1)}.drw-story-progress{position:absolute;z-index:9;top:11px;right:10px;left:10px;display:flex;direction:rtl;gap:4px}.drw-story-progress-item{flex:1;height:3px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}.drw-story-progress-item i{display:block;width:0;height:100%;border-radius:inherit;background:#fff}.drw-story-progress-item.is-done i{width:100%}.drw-story-topbar{position:absolute;z-index:8;top:22px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.55)}.drw-story-topbar>div{display:flex;align-items:center;gap:5px}.drw-story-topbar button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.28);color:#fff;cursor:pointer}.drw-story-close{font-size:27px;line-height:1}.drw-story-sound{font-size:15px}.drw-story-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111827}.drw-story-media img,.drw-story-media video{display:block;width:100%;height:100%;object-fit:cover}.drw-story-caption{position:absolute;z-index:7;right:18px;bottom:76px;left:18px;padding:10px 13px;border-radius:12px;background:rgba(0,0,0,.42);color:#fff;font-size:14px;line-height:1.8;text-align:center;backdrop-filter:blur(6px)}.drw-story-action{position:absolute;z-index:8;right:50%;bottom:22px;transform:translateX(50%);display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:42px;padding:9px 20px;border-radius:999px;background:#fff;color:var(--drw-story-primary)!important;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}.drw-story-hit{position:absolute!important;z-index:6!important;top:62px!important;bottom:0!important;width:43%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;color:transparent!important;font-size:0!important;line-height:0!important;opacity:1!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}.drw-story-hit-prev{right:0}.drw-story-hit-next{left:0}.drw-story-open{overflow:hidden!important}@media(max-width:767px){.drw-story-gallery{margin:17px 0}.drw-story-highlights{gap:12px}.drw-story-highlight{flex-basis:72px}.drw-story-highlight-ring{width:66px;height:66px}.drw-story-highlight-label{max-width:72px;font-size:12px}.drw-story-viewer{padding:0}.drw-story-stage{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0}.drw-story-caption{bottom:82px}.drw-story-viewer.is-open .drw-story-stage{transform:none}}@media(prefers-reduced-motion:reduce){.drw-story-highlight-ring,.drw-story-viewer,.drw-story-stage{transition:none!important}}

/* 1.24.58 — make story highlight item background fully transparent */
.drw-story-highlights,
.drw-story-highlights > *{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.drw-story-highlight{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.drw-story-highlight::before,
.drw-story-highlight::after,
.drw-story-highlight-ring::before,
.drw-story-highlight-ring::after,
.drw-story-highlight-cover::before,
.drw-story-highlight-cover::after{
  display:none!important;
  content:none!important;
}
.drw-story-highlight:focus,
.drw-story-highlight:hover,
.drw-story-highlight:active{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

/* 1.24.61 — compact, content-height story strip on page builders and shortcode hosts. */
.drw-story-gallery{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:20px 0!important;
  padding:0!important;
  align-self:flex-start!important;
  justify-self:stretch!important;
  overflow:visible!important;
}
.drw-story-gallery-title{
  height:auto!important;
  min-height:0!important;
}
.drw-story-highlights{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:150px!important;
  margin:0!important;
  padding:6px 2px 10px!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
}
.drw-story-highlight{
  height:auto!important;
  min-height:0!important;
  max-height:132px!important;
}
.drw-story-host{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:flex-start!important;
  overflow:visible!important;
}
.elementor-widget-shortcode:has(.drw-story-gallery),
.elementor-widget-shortcode:has(.drw-story-gallery) > .elementor-widget-container,
.wp-block-shortcode:has(.drw-story-gallery),
.wpb_wrapper:has(> .drw-story-gallery),
.wd-text-block:has(.drw-story-gallery){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:flex-start!important;
}
@media(max-width:767px){
  .drw-story-gallery{margin:16px 0!important}
  .drw-story-highlights{max-height:126px!important;padding:5px 1px 8px!important}
  .drw-story-highlight{max-height:116px!important}
}
