._thumbnailContainer_1721f_1 {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--cb-vscode-editor-background);
  border: 1px solid var(--cb-vscode-panel-border);
  transition: all 0.2s ease-in-out;
}
._thumbnailContainer_1721f_1:hover {
  box-shadow: var(--cb-shadow-lg);
  transform: translateY(-2px);
}

._thumbnailContent_1721f_15 {
  cursor: zoom-in;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._thumbnailInstance_1721f_25 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  max-width: 100%;
  max-height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

._zoomIcon_1721f_36 {
  width: 32px;
  height: 32px;
  color: var(--cb-button-primary-foreground, #fff);
}

._previewOverlayMask_1721f_42 {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
}
._thumbnailContent_1721f_15:hover ._previewOverlayMask_1721f_42 {
  opacity: 1;
}

._previewOverlay_1721f_42 {
  --image-preview-motion-duration: 180ms;
  --image-preview-motion-curve: cubic-bezier(0.2, 0, 0, 1);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10100;
  animation: _imagePreviewOverlayIn_1721f_1 var(--image-preview-motion-duration) var(--image-preview-motion-curve) both;
  -webkit-app-region: no-drag;
}

._previewOverlayClosing_1721f_75 {
  pointer-events: none;
  animation-name: _imagePreviewOverlayOut_1721f_1;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

._previewStage_1721f_81 {
  transform-origin: center center;
  will-change: transform, opacity;
  animation: _imagePreviewStageIn_1721f_1 var(--image-preview-motion-duration) var(--image-preview-motion-curve) both;
}

._previewStageClosing_1721f_87 {
  animation-name: _imagePreviewStageOut_1721f_1;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

._previewCloseActionArea_1721f_92 {
  top: 14px;
  right: 14px;
  padding: 0;
  gap: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-electron-desktop="true"][data-platform="windows"] ._previewCloseActionArea_1721f_92,
body[data-electron-desktop="true"]:not([data-platform="mac"]):not([data-platform="windows"]) ._previewCloseActionArea_1721f_92 {
  top: 44px;
  right: 14px;
}

body[data-electron-desktop="true"][data-platform="mac"] ._previewCloseActionArea_1721f_92 {
  top: 50px;
  right: 14px;
}

._previewCloseButton_1721f_114 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(31, 41, 55, 0.12);
  color: #2F343A;
  box-shadow: none;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
._previewCloseButton_1721f_114:hover {
  background: #FFFFFF;
  border-color: rgba(31, 41, 55, 0.22);
  color: #111827;
}
._previewCloseButton_1721f_114:active {
  background: rgba(245, 247, 250, 0.98);
}
._previewCloseButton_1721f_114 svg {
  width: 14px;
  height: 14px;
}

._previewCloseIcon_1721f_139 {
  width: 14px;
  height: 14px;
}

@keyframes _imagePreviewOverlayIn_1721f_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _imagePreviewOverlayOut_1721f_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes _imagePreviewStageIn_1721f_1 {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _imagePreviewStageOut_1721f_1 {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}