/* W2 · Тело — PIN, модальные окна и фото-прогресс. */
/* PIN modal overlay */
.sb-pin-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(8px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10001;
  padding: var(--w2-s4);
}

.sb-pin-overlay.active {
  display:flex
}

.sb-pin-modal {
  position:relative;
  width: min(100%, 340px);
  padding: var(--w2-s7) var(--w2-s6) var(--w2-s6);
  border: 1px solid var(--w2-line);
  border-radius: var(--w2-s5);
  background: var(--w2-surface);
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.sb-pin-close {
  position:absolute;
  top: var(--w2-s3);
  right: var(--w2-s3);
  width: var(--w2-s8);
  height: var(--w2-s8);
  border: 1px solid var(--w2-line);
  border-radius: var(--w2-s2);
  background: var(--w2-surface-raised);
  color: var(--w2-text-muted);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out,transform 200ms ease-out,opacity 200ms ease-out
}

.sb-pin-close:hover {
  background: rgba(200, 241, 53, .06);
  border-color: rgba(200, 241, 53, .28);
  color: var(--w2-lime);
}

.sb-pin-close svg,
.sb-m2-close svg {
  width: var(--w2-s4);
  height: var(--w2-s4);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.sb-pin-icon-wrap {
  width: var(--w2-s9);
  height: var(--w2-s9);
  border-radius:50%;
  background: rgba(200, 241, 53, .08);
  border: 1px solid rgba(200, 241, 53, .22);
  color: var(--w2-lime);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: var(--w2-s4);
}

.sb-pin-icon-wrap svg {
  width:22px;
  height:22px
}

.sb-pin-title {
  font: 800 18px/1.2 'Inter', sans-serif; font-variant-numeric: tabular-nums;
  color: var(--w2-text);
  margin-bottom: var(--w2-s1);
  text-align:center;
  letter-spacing:-.01em
}

.sb-pin-sub {
  font: 500 12px/1.3 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums;
  color: var(--w2-text-muted);
  text-align:center;
  margin-bottom: var(--w2-s5);
}

.sb-pin-dots-row {
  display:flex;
  gap: var(--w2-s3);
  margin-bottom: var(--w2-s5);
}

.sb-pin-numpad {
  display:grid;
  grid-template-columns: repeat(3, 64px);
  gap: var(--w2-s2);
}

.sb-pin-numpad>div {
  width:64px;
  height:64px
}

.sb-pin-error {
  font: 500 12px/1 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums;
  color: var(--w2-fire);
  margin-top: var(--w2-s4);
  opacity:0;
  transition:opacity .3s;
  text-align:center;
  letter-spacing:.05em
}

.sb-pin-error.visible {
  opacity:1
}

/* angle buttons (photo upload modal) */
.sb-angle-btn {
  padding:var(--w2-s2) var(--w2-s4);
  border:1px solid rgba(255,255,255,.08);
  min-height: var(--w2-s8);
  border-radius: var(--w2-s2);
  font:800  14px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.5);
  text-transform:uppercase;
  letter-spacing:.1em;
  cursor:pointer;
  transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out,transform 200ms ease-out,opacity 200ms ease-out;
  background:rgba(255,255,255,.03)
}

.sb-angle-btn:hover {
  border-color:rgba(255,255,255,.15);
  color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.06)
}

.sb-angle-btn.active {
  border-color:rgba(200,241,53,.5);
  color:var(--w2-lime);
  background:rgba(200,241,53,.08);
  box-shadow:0 0 12px rgba(200,241,53,.12)
}

/* Photo mode reusable text classes (consistent scale with Ключевые показатели) */
.sb-photo-eyebrow {
  font:500  14px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  letter-spacing:.14em
}

.sb-photo-meta {
  font:500  12px/1 'JetBrains Mono';
  color:rgba(255,255,255,.5);
  font-variant-numeric:tabular-nums
}

.sb-photo-empty {
  font:500  14px/1.4 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.3);
  text-align:center
}

.sb-pin-badge {
  background: var(--w2-surface-raised);
  border: 1px solid var(--w2-line);
  border-radius: var(--w2-s3);
  padding:var(--w2-s3) var(--w2-s4);
  display:flex;
  align-items:center;
  gap:var(--w2-s3);
  margin-bottom:var(--w2-s4);
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out
}

.sb-pin-badge:hover {
  background: rgba(200, 241, 53, .05);
  border-color: rgba(200, 241, 53, .24);
}

/* Photo session modal */
.sb-ps-photo {
  position:relative;
  aspect-ratio:3/4;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background: var(--w2-surface-raised);
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out;
  display:flex;
  align-items:center;
  justify-content:center
}

.sb-ps-photo:hover {
  border-color:rgba(200,241,53,.3);
  box-shadow:0 0 12px rgba(200,241,53,.08)
}

.sb-ps-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.sb-ps-photo.pending {
  opacity:.6;
  outline:2px dashed rgba(200,241,53,.4)
}

.sb-ps-photo.marked {
  opacity:.35;
  outline:2px dashed rgba(241,70,44,.6);
  filter:saturate(.3)
}

.sb-ps-photo-angle {
  position:absolute;
  top:var(--w2-s2);
  left:var(--w2-s2);
  padding:var(--w2-s1) var(--w2-s2);
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
  border-radius:6px;
  font:800 9px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em
}

.sb-ps-photo-del {
  position:absolute;
  top:var(--w2-s2);
  right:var(--w2-s2);
  width: var(--w2-s8);
  height: var(--w2-s8);
  border-radius:50%;
  background:rgba(0,0,0,.65);
  border:none;
  color:var(--w2-fire);
  font-size:13px;
  font-weight:bold;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out;
  backdrop-filter:blur(4px)
}

.sb-ps-photo-del:hover {
  background:rgba(241,70,44,.5);
  color:#fff;
  box-shadow:0 0 8px rgba(241,70,44,.3)
}

.sb-ps-photo-del svg {
  width: var(--w2-s4);
  height: var(--w2-s4);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sb-ps-photo-del.restore {
  color: var(--w2-lime);
}

.sb-ps-photo-angle-sel {
  position:absolute;
  bottom:var(--w2-s2);
  left:var(--w2-s2);
  right:var(--w2-s2);
  display:flex;
  gap:var(--w2-s1)
}

.sb-ps-photo-angle-sel button {
  flex:1;
  padding:var(--w2-s1);
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  color:rgba(255,255,255,.6);
  font:800 8px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  cursor:pointer;
  transition:color 150ms ease-out,background-color 150ms ease-out,border-color 150ms ease-out,box-shadow 150ms ease-out,transform 150ms ease-out,opacity 150ms ease-out
}

.sb-ps-photo-angle-sel button:hover {
  color:#fff;
  background:rgba(0,0,0,.75)
}

.sb-ps-photo-angle-sel button.active {
  background:rgba(200,241,53,.25);
  border-color:rgba(200,241,53,.5);
  color:var(--w2-lime)
}

.sb-ps-add-btn {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s4);
  border:1px dashed rgba(200,241,53,.35);
  border-radius:8px;
  background:rgba(200,241,53,.04);
  color:var(--w2-lime);
  font:800 11px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out
}

.sb-ps-add-btn:hover {
  background:rgba(200,241,53,.08);
  border-color:rgba(200,241,53,.6);
  box-shadow:0 0 12px rgba(200,241,53,.12)
}

.sb-ps-add-btn svg {
  width: var(--w2-s4);
  height: var(--w2-s4);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.sb-pin-badge svg {
  width:var(--w2-s4);
  height:var(--w2-s4);
  min-width:14px;
  min-height:14px;
  flex-shrink:0;
  stroke:var(--w2-text-muted);
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round
}

.sb-pin-badge-text {
  font:800  14px/1.2 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:var(--w2-text-muted);
  letter-spacing:.04em
}

/* photo upload drop zone */
.sb-upload-zone {
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: var(--w2-s4);
  padding: var(--w2-s6);
  text-align:center;
  margin-bottom: var(--w2-s4);
  cursor:pointer;
  transition:color 240ms ease-out,background-color 240ms ease-out,border-color 240ms ease-out,box-shadow 240ms ease-out,transform 240ms ease-out,opacity 240ms ease-out;
  background: var(--w2-surface-raised);
}

.sb-upload-zone:hover,.sb-upload-zone.dragover {
  border-color:rgba(200,241,53,.5);
  background:rgba(200,241,53,.04);
  box-shadow:inset 0 0 30px rgba(200,241,53,.03)
}

/* PIN KEYPAD (body screen) */
.sb-pin-dot {
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.15);
  background:transparent;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out
}

.sb-pin-dot.filled {
  background:var(--w2-lime);
  border-color:var(--w2-lime);
  box-shadow: 0 0 8px rgba(200, 241, 53, .28);
}

.sb-pin-numkey {
  width:100%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.08);
  min-height: var(--w2-s8);
  border-radius: var(--w2-s3);
  background: var(--w2-surface-raised);
  color: var(--w2-text);
  font: 800 18px/1 'Inter', sans-serif; font-variant-numeric: tabular-nums;
  cursor:pointer;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out;
  display:flex;
  align-items:center;
  justify-content:center
}

.sb-pin-numkey:hover {
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.15)
}

.sb-pin-numkey:active {
  background: rgba(200, 241, 53, .08);
  border-color: rgba(200, 241, 53, .28);
  transform:scale(.92)
}

@keyframes sb-pin-shake {
  0%,100% {
    transform:translateX(0)
  }

  15%,45%,75% {
    transform:translateX(-8px)
  }

  30%,60%,90% {
    transform:translateX(8px)
  }

}

/* ============ UNIFIED BODY MODAL (sb-m2) — BIA / circ / goal / weight ============ */
.sb-m2-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10001;
  backdrop-filter:blur(8px);
  padding: var(--w2-s4);
}

.sb-m2-overlay.active {
  display:flex
}

.sb-m2 {
  width:100%;
  max-width:460px;
  background: var(--w2-surface);
  border: 1px solid var(--w2-line);
  border-radius: var(--w2-s5);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  max-height:90vh;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.sb-m2-header {
  padding:var(--w2-s5) var(--w2-s6) var(--w2-s4);
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative
}

.sb-m2-person {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s1) var(--w2-s2);
  border-radius:6px;
  font:800 10px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:var(--w2-s2)
}

.sb-m2-person.roman {
  background: var(--w2-surface-raised);
  border: 1px solid var(--w2-line);
  color: var(--w2-text-muted);
}

.sb-m2-person.vlad {
  background: var(--w2-surface-raised);
  border: 1px solid var(--w2-line);
  border-radius: var(--w2-s1);
  color: var(--w2-text-muted);
}

.sb-m2-person::before {
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 6px currentColor
}

.sb-m2-close {
  position:absolute;
  top:var(--w2-s4);
  right:var(--w2-s4);
  width: var(--w2-s8);
  height: var(--w2-s8);
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.35);
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out,transform 200ms ease-out,opacity 200ms ease-out
}

.sb-m2-close:hover {
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.15);
  color:#fff
}

.sb-m2-title {
  font:800 17px/1.2 'Inter'; font-variant-numeric: tabular-nums;
  color:#fff;
  margin-bottom:var(--w2-s1);
  letter-spacing:-.01em
}

.sb-m2-sub {
  font:500 11px/1.3 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.35)
}

.sb-m2-body {
  padding:var(--w2-s4) var(--w2-s6);
  overflow-y:auto;
  flex:1;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.12) transparent
}

.sb-m2-body::-webkit-scrollbar {
  width:6px
}

.sb-m2-body::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,.12);
  border-radius:3px
}

.sb-m2-section-lbl {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  font:500 9px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  letter-spacing:.14em;
  margin:var(--w2-s4) 0 var(--w2-s3)
}

.sb-m2-section-lbl:first-child {
  margin-top:0
}

.sb-m2-section-lbl span {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius: 50%;
  background: var(--w2-lime);
}

.sb-m2-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--w2-s4)
}

.sb-m2-field {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s2);
  min-width:0
}

.sb-m2-field.full {
  grid-column:span 2
}

.sb-m2-label {
  font:500 10px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:rgba(255,255,255,.35)
}

.sb-m2-input {
  width:100%;
  background:rgba(255,255,255,.02);
  border:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#fff;
  font:500 13px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  min-height: var(--w2-s8);
  padding: var(--w2-s2) var(--w2-s1);
  border-radius:2px 2px 0 0;
  outline:none;
  transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out,transform 200ms ease-out,opacity 200ms ease-out;
  box-sizing:border-box
}

.sb-m2-input:focus {
  border-bottom-color:var(--w2-lime);
  box-shadow:0 2px 12px rgba(200,241,53,.15);
  background:rgba(200,241,53,.02)
}

.sb-m2-input::placeholder {
  color:rgba(255,255,255,.2)
}

.sb-m2-footer {
  padding:var(--w2-s4) var(--w2-s6) var(--w2-s5);
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  gap:var(--w2-s3);
  align-items:center
}

.sb-m2-btn-save {
  flex:1;
  min-height: var(--w2-s8);
  padding: var(--w2-s3) 0;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  color:rgba(255,255,255,.25);
  font:800 13px/1 'Inter'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.1em;
  cursor:default;
  transition:color 240ms ease-out,background-color 240ms ease-out,border-color 240ms ease-out,box-shadow 240ms ease-out,transform 240ms ease-out,opacity 240ms ease-out
}

.sb-m2-btn-save.dirty {
  background:rgba(200,241,53,.15);
  border-color:rgba(200,241,53,.35);
  color:var(--w2-lime);
  cursor:pointer
}

.sb-m2-btn-save.dirty:hover {
  transform:translateY(-1px);
  box-shadow:0 0 20px rgba(200,241,53,.2);
  background:rgba(200,241,53,.2)
}

.sb-m2-btn-delete {
  min-height: var(--w2-s8);
  padding: var(--w2-s3) var(--w2-s5);
  background:rgba(241,70,44,.1);
  border:1px solid rgba(241,70,44,.25);
  border-radius:10px;
  color:var(--w2-fire);
  font:800 13px/1 'Inter'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.1em;
  cursor:pointer;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out
}

.sb-m2-btn-delete:hover {
  background:rgba(241,70,44,.18);
  border-color:rgba(241,70,44,.5);
  box-shadow:0 0 16px rgba(241,70,44,.2)
}

/* Standalone delete-confirm overlay (shared by sb-m2 edit and history cross button) */
.sb-m2-del-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(4px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:var(--w2-s6);
  z-index:10002
}

.sb-m2-del-overlay.active {
  display:flex
}

.sb-m2-del-box {
  background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(12,12,12,.98));
  border:1px solid rgba(241,70,44,.25);
  border-radius:14px;
  padding:var(--w2-s5) var(--w2-s6);
  max-width:380px;
  width:100%;
  text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 40px rgba(241,70,44,.1)
}

.sb-m2-del-title {
  font:800 15px/1.3 'Inter'; font-variant-numeric: tabular-nums;
  color:#fff;
  margin-bottom:var(--w2-s2)
}

.sb-m2-del-desc {
  font:500 11px/1.4 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  color:rgba(255,255,255,.55);
  margin-bottom:var(--w2-s5)
}

.sb-m2-del-actions {
  display:flex;
  gap:var(--w2-s2);
  justify-content:center
}

.sb-m2-del-actions button {
  min-height: var(--w2-s8);
  padding: var(--w2-s2) var(--w2-s4);
  border-radius:8px;
  font:800 11px/1 'JetBrains Mono'; font-variant-numeric: tabular-nums;
  text-transform:uppercase;
  letter-spacing:.1em;
  cursor:pointer;
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out,transform 180ms ease-out,opacity 180ms ease-out
}

.sb-m2-confirm-no {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.7)
}

.sb-m2-confirm-no:hover {
  background:rgba(255,255,255,.08);
  color:#fff
}

.sb-m2-confirm-yes {
  background:rgba(241,70,44,.15);
  border:1px solid rgba(241,70,44,.4);
  color:var(--w2-fire)
}

.sb-m2-confirm-yes:hover {
  background:rgba(241,70,44,.25);
  box-shadow:0 0 16px rgba(241,70,44,.2)
}

#sb-photo-session-modal .sb-m2 {
  max-width: 600px;
}

#sb-photo-modal .sb-m2 {
  max-width: 520px;
}

#sb-photo-session-modal .sb-m2-grid,
#sb-photo-modal .sb-m2-grid {
  margin-bottom: var(--w2-s4);
}

#sb-ps-photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: var(--w2-s3);
  margin-bottom: var(--w2-s3);
}

.sb-upload-zone > svg {
  width: var(--w2-s7);
  height: var(--w2-s7);
  margin-bottom: var(--w2-s2);
  fill: none;
  stroke: var(--w2-text-quiet);
  stroke-width: 1.5;
  stroke-linecap: round;
}

.sb-upload-zone > div:nth-of-type(1) {
  color: var(--w2-text);
  font: 700 14px/1.3 'Inter', sans-serif; font-variant-numeric: tabular-nums;
}

.sb-upload-zone > div:nth-of-type(2) {
  margin-top: var(--w2-s2);
  color: var(--w2-text-quiet);
  font: 500 12px/1 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums;
}

#sb-photo-preview-list {
  margin-top: var(--w2-s4);
}