/* ============================================================
   MusicBook — Visor de fotos (lightbox estilo Facebook)
   Se engancha a las fotos de los posts reales del feed de
   MusicBook. Al hacer clic en una foto, abre pantalla completa
   con panel derecho (autor, caption, comentarios, me gusta, compartir).
   No modifica el export original.
   ============================================================ */

/* ====== Lightbox ====== */
#mb-viewer {
  position: fixed;
  inset: 0;
  z-index: 9995;
  display: none;
  background: rgba(0, 0, 0, 0.96);
}
#mb-viewer.mb-open { display: flex; }

#mb-viewer .mb-v-close,
#mb-viewer .mb-v-prev,
#mb-viewer .mb-v-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: grid; place-items: center;
  transition: background 0.15s, transform 0.15s;
  z-index: 2;
}
#mb-viewer .mb-v-close {
  top: 16px; right: 16px;
  transform: none;
  width: 40px; height: 40px;
}
#mb-viewer .mb-v-prev { left: 16px; width: 44px; height: 44px; }
#mb-viewer .mb-v-next { right: 16px; width: 44px; height: 44px; }
#mb-viewer .mb-v-close:hover,
#mb-viewer .mb-v-prev:hover,
#mb-viewer .mb-v-next:hover { background: rgba(255, 255, 255, 0.25); }
#mb-viewer .mb-v-prev:hover { transform: translateY(-50%) translateX(-3px); }
#mb-viewer .mb-v-next:hover { transform: translateY(-50%) translateX(3px); }
#mb-viewer .mb-v-close svg,
#mb-viewer .mb-v-prev svg,
#mb-viewer .mb-v-next svg { width: 22px; height: 22px; }

#mb-viewer .mb-v-stage {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 380px 64px 64px;
  overflow: hidden;
}
#mb-viewer .mb-v-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  user-select: none;
  -webkit-user-drag: none;
}

/* Cursor de zoom en fotos del feed */
article img.mb-zoomable { cursor: zoom-in; }

/* ====== Panel lateral derecho ====== */
#mb-viewer .mb-v-panel {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 360px;
  background: #fff;
  color: #1c1c1c;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.4);
  font-family: inherit;
  animation: mb-slide-in 0.25s ease;
}
@keyframes mb-slide-in {
  from { transform: translateX(40px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

#mb-viewer .mb-p-header {
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-bottom: 1px solid #e5e5e5;
}
#mb-viewer .mb-p-uploader-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: grid; place-items: center;
  font-size: 16px; font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  text-transform: uppercase;
}
#mb-viewer .mb-p-uploader-info { flex: 1; min-width: 0; }
#mb-viewer .mb-p-uploader-name {
  font-size: 15px; font-weight: 700; color: #050505; line-height: 1.2;
}
#mb-viewer .mb-p-uploader-time {
  font-size: 12px; color: #65676b; margin-top: 2px;
  display: flex; align-items: center; gap: 4px;
}
#mb-viewer .mb-p-uploader-caption {
  font-size: 14px; color: #050505; margin-top: 6px;
  line-height: 1.4; word-wrap: break-word;
}

#mb-viewer .mb-p-actions {
  padding: 4px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-bottom: 1px solid #e5e5e5;
}
#mb-viewer .mb-p-like-count {
  font-size: 13px; color: #65676b;
  display: flex; align-items: center; gap: 6px;
  padding: 6px 4px 8px;
  min-height: 30px;
}
#mb-viewer .mb-p-like-count .mb-stats-comments { margin-left: auto; }
#mb-viewer .mb-p-like-count .mb-like-icons { display: inline-flex; }
#mb-viewer .mb-p-like-count .mb-like-ico {
  width: 18px; height: 18px; border-radius: 50%;
  display: grid; place-items: center;
  border: 2px solid #fff; margin-left: -4px;
}
#mb-viewer .mb-p-like-count .mb-like-ico:first-child { margin-left: 0; }
#mb-viewer .mb-p-like-count .mb-like-ico.like { background: #1877f2; }
#mb-viewer .mb-p-like-count .mb-like-ico.love { background: #f33e58; }
#mb-viewer .mb-p-like-count .mb-like-ico svg { width: 10px; height: 10px; color: #fff; }

#mb-viewer .mb-p-btns { display: flex; gap: 4px; width: 100%; }
#mb-viewer .mb-p-btn {
  flex: 1;
  background: transparent;
  border: none;
  padding: 8px 6px;
  border-radius: 8px;
  font-size: 13px; font-weight: 600;
  color: #65676b;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px;
  transition: background 0.15s, color 0.15s;
  font-family: inherit;
}
#mb-viewer .mb-p-btn:hover { background: #f0f2f5; color: #050505; }
#mb-viewer .mb-p-btn svg { width: 18px; height: 18px; }
#mb-viewer .mb-p-btn.mb-liked { color: #1877f2; }
#mb-viewer .mb-p-btn.mb-liked svg { fill: #1877f2; }

#mb-viewer .mb-p-comments {
  flex: 1;
  overflow-y: auto;
  padding: 8px 12px;
}
#mb-viewer .mb-p-comments::-webkit-scrollbar { width: 8px; }
#mb-viewer .mb-p-comments::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 8px; }
#mb-viewer .mb-comment {
  display: flex; gap: 8px; margin-bottom: 10px; align-items: flex-start;
}
#mb-viewer .mb-comment .mb-c-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; color: #fff;
  flex-shrink: 0; text-transform: uppercase;
}
#mb-viewer .mb-comment .mb-c-body {
  background: #f0f2f5; border-radius: 14px; padding: 8px 12px; flex: 1; min-width: 0;
}
#mb-viewer .mb-comment .mb-c-name { font-size: 13px; font-weight: 700; color: #050505; }
#mb-viewer .mb-comment .mb-c-text {
  font-size: 14px; color: #050505; margin-top: 1px;
  word-wrap: break-word; line-height: 1.35;
}
#mb-viewer .mb-comment .mb-c-meta {
  font-size: 11px; color: #65676b; margin-top: 4px;
  display: flex; gap: 10px; padding-left: 4px;
}
#mb-viewer .mb-comment .mb-c-meta button {
  background: none; border: none; color: #65676b;
  font-size: 11px; font-weight: 600; cursor: pointer; padding: 0;
  font-family: inherit;
}
#mb-viewer .mb-comment .mb-c-meta button:hover { color: #050505; text-decoration: underline; }
#mb-viewer .mb-empty-comments {
  text-align: center; color: #8a8d91; font-size: 13px; padding: 24px 8px;
}

#mb-viewer .mb-p-write {
  padding: 10px 12px;
  border-top: 1px solid #e5e5e5;
  display: flex; gap: 8px; align-items: flex-end;
}
#mb-viewer .mb-p-write .mb-w-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; color: #fff;
  flex-shrink: 0; text-transform: uppercase;
}
#mb-viewer .mb-p-write .mb-w-input-wrap {
  flex: 1; background: #f0f2f5; border-radius: 18px;
  padding: 8px 14px; display: flex; align-items: center; gap: 6px;
}
#mb-viewer .mb-p-write textarea {
  flex: 1; border: none; background: transparent; resize: none; outline: none;
  font-family: inherit; font-size: 14px; color: #050505;
  line-height: 1.3; max-height: 100px;
}
#mb-viewer .mb-p-write .mb-w-send {
  background: none; border: none; color: #1877f2;
  cursor: pointer; padding: 4px; border-radius: 50%;
  display: grid; place-items: center; transition: background 0.15s;
}
#mb-viewer .mb-p-write .mb-w-send:hover { background: #e7f0ff; }
#mb-viewer .mb-p-write .mb-w-send:disabled { color: #bcc0c4; cursor: default; }
#mb-viewer .mb-p-write .mb-w-send svg { width: 20px; height: 20px; }

/* Resaltado animado de la caja de comentarios al pulsar "Comentar" */
#mb-viewer .mb-p-write.mb-p-highlight {
  animation: mb-comment-pulse 1.6s ease-out;
}
#mb-viewer .mb-p-write.mb-p-highlight .mb-w-input-wrap {
  background: #e7f0ff;
  box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.35);
  animation: mb-input-pulse 1.6s ease-out;
}
@keyframes mb-comment-pulse {
  0%   { background: rgba(24, 119, 242, 0.0); }
  20%  { background: rgba(24, 119, 242, 0.12); }
  100% { background: rgba(24, 119, 242, 0.0); }
}
@keyframes mb-input-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(24, 119, 242, 0.0); }
  25%  { box-shadow: 0 0 0 6px rgba(24, 119, 242, 0.45); }
  100% { box-shadow: 0 0 0 0 rgba(24, 119, 242, 0.0); }
}

/* Toast */
#mb-toast {
  position: fixed; bottom: 24px; left: 50%;
  transform: translateX(-50%) translateY(80px);
  background: #1c1c1c; color: #fff;
  padding: 12px 20px; border-radius: 10px;
  font-size: 14px; font-weight: 500;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  z-index: 10000; opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
}
#mb-toast.mb-show { transform: translateX(-50%) translateY(0); opacity: 1; }

/* ====== Menús de compartir / selector de usuario / bandeja ====== */
/* Contenedor base: overlay modal sobre el panel */
#mb-viewer .mb-share-menu {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #fff;
  z-index: 5;
  display: flex;
  flex-direction: column;
  animation: mb-menu-in 0.2s ease;
}
@keyframes mb-menu-in {
  from { transform: translateX(20px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
#mb-viewer .mb-share-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e5e5;
}
#mb-viewer .mb-share-title {
  font-size: 16px; font-weight: 700; color: #050505;
}
#mb-viewer .mb-share-close {
  background: #f0f2f5; border: none; cursor: pointer;
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center; color: #65676b;
  transition: background 0.15s;
}
#mb-viewer .mb-share-close:hover { background: #e4e6eb; color: #050505; }
#mb-viewer .mb-share-close svg { width: 16px; height: 16px; }

#mb-viewer .mb-share-preview {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f2f5;
}
#mb-viewer .mb-share-preview img {
  width: 56px; height: 56px; object-fit: cover; border-radius: 10px;
  border: 1px solid #e5e5e5;
}
#mb-viewer .mb-share-preview span {
  font-size: 14px; color: #65676b; font-weight: 500;
}

#mb-viewer .mb-share-opt {
  width: 100%;
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px;
  background: none; border: none; border-bottom: 1px solid #f0f2f5;
  cursor: pointer; text-align: left;
  font-family: inherit;
  transition: background 0.15s;
}
#mb-viewer .mb-share-opt:hover { background: #f0f2f5; }
#mb-viewer .mb-share-opt > svg {
  width: 38px; height: 38px;
  padding: 8px;
  border-radius: 50%;
  background: #e7f0ff;
  color: #1877f2;
  flex-shrink: 0;
}
#mb-viewer .mb-share-opt:nth-child(3) > svg { background: #fce7f3; color: #db2777; }
#mb-viewer .mb-share-opt:nth-child(4) > svg { background: #dcfce7; color: #16a34a; }
#mb-viewer .mb-share-opt:nth-child(5) > svg { background: #fef3c7; color: #d97706; }
#mb-viewer .mb-share-opt div { display: flex; flex-direction: column; }
#mb-viewer .mb-share-opt strong { font-size: 14px; color: #050505; font-weight: 600; }
#mb-viewer .mb-share-opt small { font-size: 12px; color: #65676b; }

/* Caja de mensaje (en "Enviar por mensaje") */
#mb-viewer .mb-msg-input-wrap {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f2f5;
}
#mb-viewer .mb-msg-input-wrap textarea {
  width: 100%;
  border: 1px solid #e5e5e5; border-radius: 12px;
  padding: 10px 12px;
  font-family: inherit; font-size: 14px;
  resize: none; outline: none;
  color: #050505; background: #fff;
  transition: border-color 0.15s;
}
#mb-viewer .mb-msg-input-wrap textarea:focus { border-color: #1877f2; }

/* Lista de usuarios */
#mb-viewer .mb-user-list {
  flex: 1; overflow-y: auto; padding: 6px 8px;
}
#mb-viewer .mb-user-list::-webkit-scrollbar { width: 8px; }
#mb-viewer .mb-user-list::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 8px; }
#mb-viewer .mb-user-row {
  width: 100%;
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px;
  background: none; border: none; border-radius: 10px;
  cursor: pointer; text-align: left;
  font-family: inherit;
  transition: background 0.15s;
}
#mb-viewer .mb-user-row:hover { background: #f0f2f5; }
#mb-viewer .mb-user-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  color: #fff; font-weight: 700; font-size: 14px;
  flex-shrink: 0; text-transform: uppercase;
}
#mb-viewer .mb-user-avatar.sm { width: 32px; height: 32px; font-size: 12px; }
#mb-viewer .mb-user-name { font-size: 14px; font-weight: 500; color: #050505; }

/* Bandeja de salida */
#mb-viewer .mb-outbox-list {
  flex: 1; overflow-y: auto; padding: 8px 12px;
}
#mb-viewer .mb-outbox-list::-webkit-scrollbar { width: 8px; }
#mb-viewer .mb-outbox-list::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 8px; }
#mb-viewer .mb-outbox-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px;
  border: 1px solid #f0f2f5;
  border-radius: 12px;
  margin-bottom: 8px;
  background: #fff;
}
#mb-viewer .mb-outbox-body { flex: 1; min-width: 0; }
#mb-viewer .mb-outbox-head {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 13px; color: #050505;
}
#mb-viewer .mb-outbox-head span { font-size: 11px; color: #65676b; }
#mb-viewer .mb-outbox-note {
  font-size: 13px; color: #050505; margin-top: 2px;
  word-wrap: break-word; line-height: 1.3;
}
#mb-viewer .mb-outbox-note.muted { color: #8a8d91; font-style: italic; }
#mb-viewer .mb-outbox-thumb {
  width: 48px; height: 48px; object-fit: cover;
  border-radius: 8px; flex-shrink: 0; border: 1px solid #e5e5e5;
}
#mb-viewer .mb-outbox-section {
  padding: 10px 16px;
  font-size: 12px; color: #65676b;
  border-top: 1px solid #f0f2f5;
}
#mb-viewer .mb-empty {
  text-align: center; color: #8a8d91; font-size: 13px;
  padding: 32px 16px;
}

/* Post compartido inyectado en el feed */
article.mb-shared-post {
  border: 1px solid #e5e5e5 !important;
}

/* Responsive: panel abajo en móvil */
@media (max-width: 760px) {
  #mb-viewer .mb-v-stage { padding: 56px 12px 50vh; }
  #mb-viewer .mb-v-panel {
    top: auto; height: 50vh; width: 100%;
    border-radius: 16px 16px 0 0;
    animation: mb-slide-up 0.25s ease;
  }
  @keyframes mb-slide-up {
    from { transform: translateY(40px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }
  #mb-viewer .mb-v-prev, #mb-viewer .mb-v-next { top: 28%; }
}

/* ---- Tema: el panel toma los colores de la web (claro/oscuro) ---- */
#mb-viewer{--pv-bg:var(--card,#fff);--pv-fg:var(--foreground,#050505);--pv-mut:var(--muted-foreground,#65676b);--pv-soft:var(--muted,#f0f2f5);--pv-bd:var(--border,#d1d5db)}
#mb-viewer .mb-v-panel{background:var(--pv-bg);color:var(--pv-fg);border-left:1px solid var(--pv-bd)}
#mb-viewer .mb-p-uploader-name{color:var(--pv-fg)}
#mb-viewer .mb-p-uploader-time{color:var(--pv-mut)}
#mb-viewer .mb-p-uploader-caption{color:var(--pv-fg)}
#mb-viewer .mb-p-like-count{color:var(--pv-mut)}
#mb-viewer .mb-p-btn{color:var(--pv-mut)}
#mb-viewer .mb-p-btn:hover{background:var(--pv-soft);color:var(--pv-fg)}
#mb-viewer .mb-p-comments::-webkit-scrollbar-thumb{background:var(--pv-bd)}
#mb-viewer .mb-comment .mb-c-body{background:var(--pv-soft)}
#mb-viewer .mb-comment .mb-c-name{color:var(--pv-fg)}
#mb-viewer .mb-comment .mb-c-text{color:var(--pv-fg)}
#mb-viewer .mb-comment .mb-c-meta{color:var(--pv-mut)}
#mb-viewer .mb-comment .mb-c-meta button{color:var(--pv-mut)}
#mb-viewer .mb-comment .mb-c-meta button:hover{color:var(--pv-fg)}
#mb-viewer .mb-empty-comments{color:var(--pv-mut)}
#mb-viewer .mb-p-write .mb-w-input-wrap{background:var(--pv-soft)}
#mb-viewer .mb-p-write textarea{color:var(--pv-fg)}
#mb-viewer .mb-p-write .mb-w-send:hover{background:rgba(24,119,242,.18)}
#mb-viewer .mb-p-write.mb-p-highlight .mb-w-input-wrap{background:rgba(24,119,242,.18)}
#mb-viewer .mb-share-title{color:var(--pv-fg)}
#mb-viewer .mb-share-close{background:var(--pv-soft);color:var(--pv-mut)}
#mb-viewer .mb-share-close:hover{background:var(--pv-bd);color:var(--pv-fg)}
#mb-viewer .mb-share-preview{border-bottom:1px solid var(--pv-soft)}
#mb-viewer .mb-share-preview span{color:var(--pv-mut)}
#mb-viewer .mb-share-opt{border-bottom:1px solid var(--pv-soft)}
#mb-viewer .mb-share-opt:hover{background:var(--pv-soft)}
#mb-viewer .mb-share-opt > svg{background:rgba(24,119,242,.18)}
#mb-viewer .mb-share-opt strong{color:var(--pv-fg)}
#mb-viewer .mb-share-opt small{color:var(--pv-mut)}
#mb-viewer .mb-msg-input-wrap textarea{color:var(--pv-fg);background:var(--pv-bg)}
#mb-viewer .mb-user-list::-webkit-scrollbar-thumb{background:var(--pv-bd)}
#mb-viewer .mb-user-row:hover{background:var(--pv-soft)}
#mb-viewer .mb-user-name{color:var(--pv-fg)}
#mb-viewer .mb-outbox-list::-webkit-scrollbar-thumb{background:var(--pv-bd)}
#mb-viewer .mb-outbox-row{border:1px solid var(--pv-soft);background:var(--pv-bg)}
#mb-viewer .mb-outbox-head{color:var(--pv-fg)}
#mb-viewer .mb-outbox-head span{color:var(--pv-mut)}
#mb-viewer .mb-outbox-note{color:var(--pv-fg)}
#mb-viewer .mb-outbox-note.muted{color:var(--pv-mut)}
#mb-viewer .mb-outbox-section{color:var(--pv-mut);border-top:1px solid var(--pv-soft)}
#mb-viewer .mb-empty{color:var(--pv-mut)}

/* ---- Navegación entre las fotos de la misma publicación ---- */
#mb-viewer .mb-v-count{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:600;z-index:3}
#mb-viewer .mb-v-thumbs{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;max-width:90%;overflow-x:auto;padding:6px;border-radius:12px;background:rgba(0,0,0,.45);z-index:3;scrollbar-width:none}
#mb-viewer .mb-v-thumbs::-webkit-scrollbar{display:none}
#mb-viewer .mb-v-thumbs button{flex:0 0 auto;width:52px;height:52px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;opacity:.65;background:#000}
#mb-viewer .mb-v-thumbs button.on{border-color:#fff;opacity:1}
#mb-viewer .mb-v-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
#mb-viewer.mb-single .mb-v-prev,#mb-viewer.mb-single .mb-v-next,#mb-viewer.mb-single .mb-v-count,#mb-viewer.mb-single .mb-v-thumbs{display:none}
@media (max-width:767px){#mb-viewer .mb-v-thumbs button{width:44px;height:44px}}

#mb-viewer .mb-v-stage{position:relative}

/* ---- Visor v2: estilo Facebook con los colores del proyecto ---- */
#mb-viewer{--pv-acc:var(--primary,#7c3aed)}
#mb-viewer .mb-v-close{top:12px;left:12px;right:auto;width:40px;height:40px;background:rgba(255,255,255,.14)}
#mb-viewer .mb-v-prev,#mb-viewer .mb-v-next{width:44px;height:44px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px)}
#mb-viewer .mb-p-btn.mb-liked{color:var(--pv-acc)}
#mb-viewer .mb-p-btn.mb-liked svg{fill:var(--pv-acc)}
#mb-viewer .mb-p-write .mb-w-send{color:var(--pv-acc)}
#mb-viewer .mb-p-like-count .mb-like-ico.like{background:var(--pv-acc)}
#mb-viewer .mb-p-uploader-avatar,#mb-viewer .mb-c-avatar,#mb-viewer .mb-w-avatar{background-size:cover;background-position:center}
#mb-viewer .mb-p-header{padding:12px 16px;align-items:center;border-bottom:0}
#mb-viewer .mb-p-uploader-avatar{width:40px;height:40px}
#mb-viewer .mb-p-actions{border-top:1px solid var(--pv-bd);border-bottom:1px solid var(--pv-bd)}
#mb-viewer .mb-p-comments{min-height:0}
#mb-viewer .mb-comment .mb-c-body{border-radius:18px}
@media (min-width:761px){
  #mb-viewer{background:#000}
  #mb-viewer .mb-v-stage{flex:1;min-width:0;padding:56px 76px 84px;background:#000}
  #mb-viewer .mb-v-stage img{border-radius:0;box-shadow:none}
  #mb-viewer .mb-v-panel{position:relative;top:auto;right:auto;bottom:auto;flex:0 0 360px;width:360px;height:100%;box-shadow:none;animation:none}
  #mb-viewer .mb-v-prev{left:16px}
  #mb-viewer .mb-v-next{right:376px}
}