/* BankMovie v148.62.0.20 — Windows-safe viewport sticker/GIF picker */
#bmMovieComments .bm-comment-media-host{display:flex;justify-content:flex-start;align-items:center;gap:8px;position:relative;margin:8px 0 10px;z-index:20;flex-wrap:wrap}
#bmMovieComments .bm-comment-media-host.is-reply{margin:8px 0 4px}
#bmMovieComments .bm-comment-media-control{position:relative;display:inline-flex;align-items:center;max-width:100%}
#bmMovieComments .bm-comment-media-trigger{appearance:none;border:1px solid color-mix(in srgb,var(--accent,#27b7ff) 34%,transparent);background:linear-gradient(135deg,rgba(17,24,39,.9),rgba(9,15,28,.82));color:#eaf6ff;border-radius:14px;min-height:42px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);font:inherit;font-size:12px;font-weight:800;transition:.18s ease;max-width:100%;flex-wrap:nowrap}
#bmMovieComments .bm-comment-media-trigger:hover{transform:translateY(-1px);border-color:var(--accent,#27b7ff);background:rgba(20,30,48,.95)}
#bmMovieComments .bm-comment-media-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent,#27b7ff)}
#bmMovieComments .bm-comment-media-trigger .bm-sticker-smile-icon{display:block;width:21px;height:21px;object-fit:contain;flex:0 0 21px;filter:brightness(0) saturate(100%) invert(67%) sepia(64%) saturate(2907%) hue-rotate(165deg) brightness(103%) contrast(102%)}
#bmMovieComments .bm-comment-media-trigger span{display:block;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#bmMovieComments .bm-comment-media-trigger b{font-size:9px;line-height:1;padding:4px 6px;border-radius:999px;color:#151008;background:linear-gradient(135deg,#ffe389,#f8bb28);letter-spacing:.04em}
#bmMovieComments .bm-comment-media-trigger.is-locked{opacity:.82;cursor:pointer}
#bmMovieComments .bm-comment-media-picker{position:fixed;z-index:2147483000;left:14px;right:auto;top:14px;bottom:auto;width:min(420px,calc(100vw - 28px));max-height:min(390px,calc(100vh - 28px));overflow:hidden;border:1px solid rgba(118,177,255,.22);border-radius:20px;background:rgba(5,10,19,.97);backdrop-filter:blur(22px);box-shadow:0 26px 70px rgba(0,0,0,.48);padding:9px}
#bmMovieComments .bm-comment-media-picker[hidden]{display:none!important}
#bmMovieComments .bm-comment-media-tabs{display:flex;gap:6px;overflow:auto;padding:2px 1px 8px;border-bottom:1px solid rgba(255,255,255,.07);scrollbar-width:none}
#bmMovieComments .bm-comment-media-tabs::-webkit-scrollbar{display:none}
#bmMovieComments .bm-comment-media-tab{white-space:nowrap;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#aebbd0;border-radius:12px;padding:7px 11px;cursor:pointer;font:inherit;font-size:11px;font-weight:800}
#bmMovieComments .bm-comment-media-tab.active{color:#fff;border-color:color-mix(in srgb,var(--accent,#27b7ff) 46%,transparent);background:color-mix(in srgb,var(--accent,#27b7ff) 16%,transparent)}
#bmMovieComments .bm-comment-media-panes{max-height:min(310px,calc(100vh - 110px));overflow:auto;padding:8px 2px 2px}
#bmMovieComments .bm-comment-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#bmMovieComments .bm-comment-media-item{aspect-ratio:1;border:0;border-radius:14px;background:rgba(255,255,255,.035);display:grid;place-items:center;padding:5px;overflow:hidden;cursor:pointer;transition:.15s ease}
#bmMovieComments .bm-comment-media-item:hover{background:color-mix(in srgb,var(--accent,#27b7ff) 12%,transparent);transform:scale(1.025)}
#bmMovieComments .bm-comment-media-item img,#bmMovieComments .bm-comment-media-item video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none}
#bmMovieComments .bm-comment-media-empty{grid-column:1/-1;padding:24px 12px;text-align:center;color:#8290a8;font-size:11px;line-height:1.9}

/* Selected attachment stays separate from the textarea, so the internal marker is never shown to users. */
#bmMovieComments .bm-comment-media-selection{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 7px 4px 5px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent,#27b7ff) 30%,transparent);background:color-mix(in srgb,var(--accent,#27b7ff) 8%,rgba(8,14,24,.86));color:#b9c7da;font-size:10px;font-weight:700;max-width:min(330px,100%)}
#bmMovieComments .bm-comment-media-selection img,#bmMovieComments .bm-comment-media-selection video{width:38px;height:38px;object-fit:contain;border-radius:10px;flex:0 0 38px}
#bmMovieComments .bm-comment-media-selection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bmMovieComments .bm-comment-media-remove{appearance:none;border:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:700 19px/1 sans-serif;cursor:pointer;flex:0 0 25px}

/* Compact media in the published comment: all packs/formats use the same geometry. */
#bmMovieComments .bm-comment-media{display:inline-flex;align-items:center;justify-content:center;width:82px;height:82px;max-width:82px;min-width:0;margin:1px 0;border-radius:14px;overflow:hidden;background:transparent;flex:0 0 82px}
#bmMovieComments .bm-comment-media img,#bmMovieComments .bm-comment-media video{display:block;width:100%;height:100%;max-width:82px;max-height:82px;object-fit:contain;border-radius:14px}
#bmMovieComments .bm-comment-media-combo{display:flex;align-items:center;gap:11px;max-width:100%;width:max-content;min-width:0;margin:3px 0 5px}
#bmMovieComments .bm-comment-media-caption{min-width:0;max-width:min(520px,calc(100vw - 180px));font-size:inherit;line-height:1.9;overflow-wrap:anywhere;color:inherit}
#bmMovieComments .comment-text:has(> .bm-comment-media),#bmMovieComments .reply-text:has(> .bm-comment-media),#bmMovieComments .comment-text:has(> .bm-comment-media-combo),#bmMovieComments .reply-text:has(> .bm-comment-media-combo){padding-top:2px;padding-bottom:2px}

@media(max-width:560px){
  #bmMovieComments .bm-comment-media-host{width:auto;max-width:100%;align-items:center;gap:8px}
  #bmMovieComments .bm-comment-media-control{display:inline-flex;width:auto;max-width:100%}
  #bmMovieComments .bm-comment-media-trigger{width:auto;max-width:172px;min-height:40px;padding:7px 10px;justify-content:flex-start;gap:7px;border-radius:12px;font-size:11px}
  #bmMovieComments .bm-comment-media-trigger span{max-width:118px;white-space:nowrap}
  #bmMovieComments .bm-comment-media-trigger .bm-sticker-smile-icon{width:18px;height:18px;flex-basis:18px}
  #bmMovieComments .bm-comment-media-picker{position:fixed;right:12px!important;left:12px!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:min(420px,58vh);border-radius:22px}
  #bmMovieComments .bm-comment-media-panes{max-height:min(340px,47vh)}
  #bmMovieComments .bm-comment-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #bmMovieComments .bm-comment-media-item{padding:3px;border-radius:12px}
  #bmMovieComments .bm-comment-media{width:66px;height:66px;max-width:66px;flex-basis:66px;border-radius:12px}
  #bmMovieComments .bm-comment-media img,#bmMovieComments .bm-comment-media video{max-width:66px;max-height:66px;border-radius:12px}
  #bmMovieComments .bm-comment-media-combo{gap:8px;align-items:flex-start}
  #bmMovieComments .bm-comment-media-caption{max-width:calc(100vw - 145px);font-size:12px;line-height:1.8}
  #bmMovieComments .bm-comment-media-selection{max-width:100%;font-size:9.5px}
  #bmMovieComments .bm-comment-media-selection img,#bmMovieComments .bm-comment-media-selection video{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:360px){#bmMovieComments .bm-comment-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Prevent nested reply containers / transformed ancestors from clipping the Windows picker. */
#bmMovieComments .bm-comment-media-picker{isolation:isolate;overscroll-behavior:contain;transform:translateZ(0)}
#bmMovieComments .bm-comment-media-item video,#bmMovieComments .bm-comment-media video,#bmMovieComments .bm-comment-media-selection video{background:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}
#bmMovieComments .bm-role-admin.admin-tick{display:inline-flex!important;width:17px!important;height:17px!important;margin-inline-start:4px!important;vertical-align:middle!important;color:var(--bm-admin-badge-color,#1d9bf0)!important;background:none!important;filter:none!important}
#bmMovieComments .bm-role-admin.admin-tick svg{width:100%!important;height:100%!important;display:block!important}
