/* #############################[Custom Sets for index.html NOT index02.html]######################################### */
body{
    background-color: #0d1014;
  }
  #viewer_wrapper_outer{
    width: 99%;
    height: auto;
    padding-top:20vh;
    position: relative;
  }
  /*Sphere framework override*/
  #viewer{
    margin-left:auto;
    margin-right: auto;
    position: relative;
    width: 50vw; 
    height: 50vh;
    background-color: #0d1014;
  }
  .psv-container {
    background: radial-gradient(#374552 0%, #0d1014 50%);
  }
  
  .psv-navbar{
    background: rgba(13, 16, 20, 0.5);
  }
  .psv-loader {
    color: rgba(255, 255, 255, 0.568);
  }

  /* #############################[Custom Sets that uses the GALLERY-PLUGIN]######################################### */
  .psv-gallery {
    background: rgba(13, 16, 20, 0.5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-transition: -webkit-transform ease-in-out 0.3s;
    transition: -webkit-transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  }

  .psv-gallery-item{
    border-radius: 2.3px;
  }

  .psv-gallery-item--active::after{
    box-sizing: border-box;
    box-shadow: inset 0px 0px 18px 1px rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.6);
  }