.lg-outer.ib-media-viewer {
  --ib-viewer-toolbar: calc(58px + env(safe-area-inset-top));
  --ib-viewer-rail: 0px;
  --ib-viewer-height: calc(100dvh - var(--ib-viewer-toolbar) - var(--ib-viewer-rail));
  font-family: Inter, system-ui, sans-serif;
}
.lg-outer.ib-media-viewer.ib-rail-ready { --ib-viewer-rail: calc(76px + env(safe-area-inset-bottom)); }
.lg-outer.ib-media-viewer .ib-viewer-rail { display:none; position:absolute; bottom:0; left:0; right:0; z-index:1080; }
.lg-outer.ib-media-viewer.ib-rail-ready .ib-viewer-rail { display:block; }
.lg-outer.ib-media-viewer .ib-viewer-rail .lg-thumb { display:flex; gap:8px; justify-content:flex-start; align-items:center; width:100%; height:100%; overflow-x:auto; overflow-y:hidden; padding:0 8px; }
.lg-outer.ib-media-viewer .ib-viewer-rail .lg-thumb-item { flex:0 0 64px; width:64px; height:48px; padding:0; background:#21152f; color:#fff; }
.lg-outer.ib-media-viewer .ib-viewer-rail .lg-thumb-item:focus:not(:focus-visible) { outline:0; background:#21152f; }
.lg-outer.ib-media-viewer .ib-viewer-rail .lg-thumb-item.active:focus:not(:focus-visible) { border-color:#ff2795; }
.lg-outer.ib-media-viewer.ib-caption-top { --ib-viewer-height:calc(100dvh - var(--ib-viewer-toolbar) - var(--ib-viewer-rail) - 30px); }
.lg-outer.ib-media-viewer.ib-caption-top .lg-content { top:calc(var(--ib-viewer-toolbar) + 30px) !important; }
.lg-outer.ib-media-viewer.ib-caption-top > .lg-sub-html { display:flex; align-items:center; position:absolute; top:var(--ib-viewer-toolbar); bottom:auto; left:0; right:0; min-height:30px; transform:none !important; opacity:1; visibility:visible; color:#fff; line-height:18px; z-index:1081; }
.lg-outer.ib-media-viewer.ib-player-fullscreen { --ib-viewer-toolbar: 0px; --ib-viewer-rail: 0px; }
.lg-outer.ib-media-viewer.ib-player-fullscreen .lg-toolbar,
.lg-outer.ib-media-viewer.ib-player-fullscreen .lg-thumb-outer,
.lg-outer.ib-media-viewer.ib-player-fullscreen .lg-prev,
.lg-outer.ib-media-viewer.ib-player-fullscreen .lg-next { visibility: hidden; pointer-events: none; }
/* Override LightGallery's calculated inline offsets: our toolbar/rail reserve space. */
.lg-outer.ib-media-viewer .lg-content { top: var(--ib-viewer-toolbar) !important; bottom: var(--ib-viewer-rail) !important; }
.lg-outer.ib-media-viewer .lg-video-cont { width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.lg-outer.ib-media-viewer .ib-gallery-player {
  width: min(100%, calc(var(--ib-viewer-height) * var(--ib-video-ratio, 1.77778)));
  height: 100%; max-height: var(--ib-viewer-height); max-width: 100%;
  aspect-ratio: var(--ib-video-ratio, 16 / 9); border: 0; border-radius: 10px; box-shadow: none;
}
.lg-outer.ib-media-viewer .ib-gallery-player:fullscreen,
.lg-outer.ib-media-viewer .ib-gallery-player.is-pseudo-fullscreen { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
.ib-gallery-player .ib-video-player__video { object-fit: contain; }
.ib-media-viewer .lg-video-cont, .ib-media-viewer .lg-img-wrap { touch-action: none; }
.ib-media-viewer button, .ib-media-viewer input { touch-action: manipulation; }
.lg-outer.ib-media-viewer .lg-toolbar { display: flex; align-items: center; gap: 2px; min-height: var(--ib-viewer-toolbar); padding: env(safe-area-inset-top) 8px 0; background: #0c0b11; }
.lg-outer.ib-media-viewer .lg-toolbar .lg-icon { float: none; flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; }
.lg-outer.ib-media-viewer .lg-counter { flex: 1 0 auto; float: none; padding: 10px 4px; white-space: nowrap; }
.ib-viewer-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid #ffffff30; border-radius: 9px; color: #fff; background: #ffffff0c; padding: 6px 10px; font: 500 12px/1.2 Inter, system-ui, sans-serif; cursor: pointer; text-align: center; }
.ib-viewer-action:hover { color: #fff; background: #ffffff20; }
.ib-viewer-action[hidden] { display:none; }
.ib-viewer-action--icon { width:44px; padding:9px; }
.ib-viewer-action--icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ib-viewer-action:focus-visible, .ib-media-viewer .lg-icon:focus-visible, .ib-media-viewer .lg-thumb-item:focus-visible { outline: 2px solid #ff7ac4; outline-offset: 2px; }
.lg-outer.ib-media-viewer .lg-thumb-outer { height: var(--ib-viewer-rail); padding: 8px 0 env(safe-area-inset-bottom); background: #0c0b11; }
.lg-outer.ib-media-viewer .lg-thumb { padding: 0; }
.lg-outer.ib-media-viewer .lg-thumb-item { border-radius: 7px; border: 2px solid transparent; cursor:pointer; touch-action:pan-x; }
.lg-outer.ib-media-viewer .lg-thumb-item * { pointer-events:none; }
.lg-outer.ib-media-viewer .lg-thumb-item:focus-visible { border-color:#ff7ac4; }
.lg-outer.ib-media-viewer .lg-thumb-item.active { border-color: #ff2795; box-shadow: 0 0 0 1px #ff7ac4; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__thumb { position:relative; width:100%; height:100%; background:linear-gradient(135deg,#21152f,#44304c); }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__poster,.lg-outer.ib-media-viewer .lg-thumb-item video { position:absolute; inset:0; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__poster { z-index:1; }
.lg-outer.ib-media-viewer .lg-thumb-item.ib-preview-ready .ib-media-card__poster { display:none; }
.lg-outer.ib-media-viewer .lg-thumb-item img,.lg-outer.ib-media-viewer .lg-thumb-item video { display:block; width:100%; height:100%; object-fit:cover; }
.lg-outer.ib-media-viewer .lg-thumb-item img:not([src]),
.lg-outer.ib-media-viewer .lg-thumb-item img[data-preview-loading="1"] { visibility:hidden; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__overlay { position:absolute; z-index:2; inset:0; display:grid; place-items:center; background:#10091b38; color:#fff; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__duration { position:absolute; z-index:3; bottom:1px; right:2px; padding:0 3px; border-radius:3px; background:#000d; color:#fff; font-size:9px; line-height:10px; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__play-icon { min-width: 20px; min-height: 20px; width: 20px; height: 20px; padding:0; border:1px solid #ffffffb0; border-radius:50%; font:700 9px/1 system-ui,sans-serif; background: #130d1de0; box-shadow: none; transform:none; }
.lg-outer.ib-media-viewer .ib-embed-loading { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#21152f,#44304c); color:#fff; z-index:2; pointer-events:none; }
.lg-outer.ib-media-viewer .ib-embed-loading img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:1; }
.lg-outer.ib-media-viewer .ib-embed-loading span { position:relative; padding:9px 13px; border-radius:8px; background:#130d1dd9; font-size:13px; }
.lg-outer.ib-media-viewer .ib-embed-loading.ib-embed-notice { inset:auto 8px 8px; padding:8px 12px; border-radius:8px; font-size:13px; background:#130d1de8; }
.lg-outer.ib-media-viewer [data-ib-embed-retry] { pointer-events:auto; margin-top:8px; }
.lg-outer.ib-media-viewer .lg-toolbar,.lg-outer.ib-media-viewer .lg-thumb-outer,.lg-outer.ib-media-viewer .lg-prev,.lg-outer.ib-media-viewer .lg-next,.lg-outer.ib-media-viewer .lg-sub-html { transition:opacity .2s ease,background-color .2s ease; }
.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-thumb-outer,.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-prev,.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-next,.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-sub-html { opacity:0; pointer-events:none; }
.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-toolbar { background:transparent; }
.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-toolbar > :not(.lg-close) { opacity:0; pointer-events:none; }
.lg-outer.ib-media-viewer.ib-chrome-hidden .lg-close { opacity:.7; background:#0c0b11b8; border-radius:8px; pointer-events:auto; }
@media (prefers-reduced-motion: reduce) { .lg-outer.ib-media-viewer .lg-toolbar,.lg-outer.ib-media-viewer .lg-thumb-outer,.lg-outer.ib-media-viewer .lg-prev,.lg-outer.ib-media-viewer .lg-next,.lg-outer.ib-media-viewer .lg-sub-html { transition:none; } }
.ib-media-card__thumb [hidden] { display: none !important; }
.ib-media-card__fallback { position:absolute; inset:0; display:none; box-sizing:border-box; background:#21152f; }
.ib-media-card__fallback strong { font-size:14px; }
.ib-media-card__fallback span { opacity:.86; }
.ib-media-card__thumb--fallback > .ib-media-card__fallback { display:grid; }
.ib-media-card__thumb--fallback > .ib-media-card__poster[data-ib-fallback="1"] { visibility:hidden; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__fallback { padding:4px; font-size:8px; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__fallback strong { font-size:9px; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__fallback span { display:none; }
.ib-media-card__thumb .ib-media-card__overlay { pointer-events: none; }
[data-paused-poster-src] { position: relative; }
[data-paused-poster-src] > .ib-paused-video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; opacity:0; }
[data-paused-poster-src].ib-paused-poster-ready > .ib-paused-video-poster { opacity:1; visibility:visible; z-index:1; }
[data-paused-poster-src] > .ib-media-card__overlay { z-index:3; }
.lg-outer.ib-media-viewer .lg-img-wrap { padding: 0; }
.lg-outer.ib-media-viewer .lg-sub-html { color:#e9e5ec; background:#0c0b11e8; }
.lg-outer.ib-media-viewer .lg-sub-html strong { color:#fff; }
@media (max-width: 430px) {
  .ib-viewer-action { padding: 5px 7px; font-size: 11px; }
  .lg-outer.ib-media-viewer .lg-toolbar .lg-icon { flex-basis: 40px; width: 40px; }
  .lg-outer.ib-media-viewer .ib-gallery-player { border-radius: 0; }
}
.ib-media-viewer .ib-viewer-collection-status {
  position: absolute; z-index: 1090; top: 64px; left: 50%; transform: translateX(-50%);
  max-width: min(90vw, 520px); padding: 10px 16px; border: 1px solid #667085;
  border-radius: 8px; background: #202632; color: #fff; font: inherit; cursor: pointer;
}
.ib-media-viewer .ib-viewer-collection-status[hidden] { display: none; }
.ib-media-viewer .ib-viewer-collection-status:disabled { cursor: default; color: #fff; }
.ib-media-viewer .ib-viewer-collection-status:focus-visible { outline: 3px solid #8ab4ff; outline-offset: 3px; }
.ib-preview-feedback { position:absolute; z-index:4; left:8px; right:8px; bottom:42px; padding:5px 8px; border-radius:8px; background:#21172dde; color:#fff; text-align:center; font:500 12px/1.4 system-ui,sans-serif; pointer-events:none; }
.ib-preview-feedback[hidden] { display:none; }
.ib-media-loading, .ib-preview-feedback.ib-media-loading, .lg-outer.ib-media-viewer .ib-embed-loading:not(.ib-embed-notice) { position:absolute; inset:0; display:grid; place-items:center; padding:0; border:0; border-radius:0; background:transparent; pointer-events:none; }
.ib-media-loading[hidden] { display:none; }
.ib-media-spinner, .lg-outer.ib-media-viewer .ib-embed-loading .ib-media-spinner { position:relative; display:block; box-sizing:border-box; width:42px; height:42px; padding:0; border:3px solid #ffffff48; border-top-color:#ff2795; border-radius:50%; background:transparent; box-shadow:0 0 18px #ff27954d; animation:ib-preview-wait .76s linear infinite; }
.ib-media-sr-only, .lg-outer.ib-media-viewer .ib-embed-loading .ib-media-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.ib-media-card__play-icon { display:grid; place-items:center; line-height:0; }
.ib-media-card__play-icon svg { display:block; width:55%; height:55%; fill:currentColor; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__overlay { display:flex; align-items:center; justify-content:center; padding:0; }
.lg-outer.ib-media-viewer .lg-thumb-item .ib-media-card__play-icon { display:grid; place-items:center; margin:0; flex:none; box-sizing:border-box; }
.ib-poster-curation { position:absolute; inset:auto 8px 8px; z-index:5; display:block; padding:4px 8px; border-radius:6px; background:#21152f; color:#fff; font:500 12px/1.4 system-ui,sans-serif; }
.ib-poster-curation[hidden] { display:none; }
.ib-paused-video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; opacity:0; }
.ib-paused-poster-ready > .ib-paused-video-poster { opacity:1; visibility:visible; z-index:1; }
.ib-paused-poster-ready > .mk-portfolio-card__placeholder { visibility:hidden; }
@keyframes ib-preview-wait { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ib-media-spinner { animation:none !important; } }
.ib-inline-embed-host { position: relative; }
.ib-inline-embed-host > .ib-inline-embed {
  position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%;
  border: 0; pointer-events: none;
}
.ib-inline-embed-host > :is(.ib-media-card__poster, .mk-portfolio-card__image, .mk-portfolio-card__placeholder) { position: relative; z-index: 1; }
.ib-inline-embed-host > :is(.ib-media-card__fallback, .ib-b2b-showcase-card__fallback, .creator-card__poster) { z-index: 1; }
.is-preview-playing .ib-inline-embed-host > .ib-inline-embed,
.ib-inline-embed-host.is-preview-playing > .ib-inline-embed { z-index: 2; }
.is-preview-playing .ib-inline-embed-host > :is(img, .ib-media-card__poster, .mk-portfolio-card__placeholder) { visibility: hidden; }
.ib-inline-embed-host.is-preview-playing > .creator-card__poster { visibility: hidden; }
.ib-inline-embed-host > :is(.creator-card__media-launch, .creator-card__sound, .creator-card__duration, .creator-card__media-labels) { z-index: 3; }
.is-preview-playing .ib-inline-embed-host > :is(.ib-media-card__overlay, .mk-portfolio-card__play, .ib-b2b-showcase-card__play) { opacity: 0; }

.mk-portfolio-card__placeholder:empty { background:#21152f; }
