:root {

  // Default blueish HUE used for surfaces, text, buttons and more
  --hue: 210;

  // assign HSL (hue, saturation, lightness) primary vars here for all three themes
  --hsl-primary-dark: var(--hue) 50% 45%;
  --hsl-primary-contrast: var(--hue) 45% 50%;
  --hsl-primary-light: var(--hue) 55% 55%;
}
  
:root {
  --popup-bg: #000;
  --popup-placeholder-bg: #222;
  --popup-timer-color: white;
  --popup-caption-max-width: 640px;
  --popup-caption-font-size: .9rem;
  --popup-caption-font-weight: 300;
  --popup-caption-line-height: 135%;
  --popup-caption-color
  --popup-caption-item-space: .35em;
  --popup-caption-line-clamp: 3;
  --files-data-top: 0;
  --files-data-display: none;
  --files-data-display-hover: block;
  --files-data-animation: opacity .2s;
  --grid-height: 100%;
  --grid-font-size: 14px;
  --list-max-width: 1040px;
  --rows-height: auto;
  --rows-justify-content: space-evenly;
  --rows-flex-grow: 1;
  --sidebar-width: calc(10vw + 180px);
  --sidebar-width-small: 85vw;
  --sidebar-width-hover: 480px;
  --menu-font-size: 16px;
  --menu-line-height: 30px;
  --menu-folder-icon-size: 22px;
  --menu-text-indent: 6px;
  --menu-icon-toggle-opacity: 0;
}
   #modal-image {
  max-height: 60vh;
  width: auto;
}

 #modal-video {
max-height: 60vh;
width: auto;
}



/* hide the information in the MODAL */
.modal-info {
  display: none;
}
/* hide the information  only for PDF */
.modal-preview-pdf + .modal-info {
  display: none;
}
/* hide image information */
 .popup-exif {
  display: none;
}
.popup_caption {
  display: none;
}
.pswp__caption {
  display: none;
}
/* show only image name  */
.pswp__caption__center > * {
    display: none;
}
.popup-basename {
    display: block;
}

.files-grid .files-a-loaded:hover, .files-rows .files-a-loaded:hover, .columns-noinfo .files-a-loaded:hover {
    --files-data-opacity: 0;
}
.files-grid .files-folder-preview, .files-rows .files-folder-preview {
    opacity: 0.4;
    max-width: none;
    max-height: none;
    left: 0;
    transform: translate(0px,-30px);
    width: 100%;
    bottom: 0;
    height: 100%;
    border: none;
    box-shadow: none;
    top: 0;
}
/* hide the icon overlay in the gallery layout */
.files-icon-overlay .svg-path-marker {
  display: none;
|

/* hide the icon in popup caption */
.popup-exif .exif-gps {
  display: none;
}
.popup-video:fullscreen {
  object-fit: contain;
}
/* hide the title for GRID and ROWS layouts */
#files {
  --files-data-display-hover: none;
}
/* hide the title for COLUMNS layout */
.files-columns .files-data {
  display: none;
}/* hide the popup menu  */
.crumb:last-child .crumb-link {
  pointer-events: none;
}

#breadcrumbs {
  display: none !important;
}