#slider-root {
     width: 100%;
 }

 .slider-root-container {
     font-family: Arial, sans-serif;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /* Viewer container */
 .viewer-container-class {
     width: 100%;
     opacity: 1;
     transition: opacity 0.4s ease-in-out;
     background-color: #f0f0f0;
     padding: 0;
 }

 /* Image Viewer */
 .image-viewer-class {
     width: 100%;
 }

 /* Full-Screen Styling */
 .viewer-container-class:-webkit-full-screen {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: black;
 }

 .viewer-container-class:-moz-full-screen {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: black;
 }

 .viewer-container-class:-ms-fullscreen {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: black;
 }

 .viewer-container-class:fullscreen {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: black;
 }

 /* Ensure the image viewer scales inside full screen */
 .viewer-container-class:-webkit-full-screen .image-viewer-class,
 .viewer-container-class:-moz-full-screen .image-viewer-class,
 .viewer-container-class:-ms-fullscreen .image-viewer-class,
 .viewer-container-class:fullscreen .image-viewer-class {
     max-width: 95%;
     max-height: 95vh;
 }

 .fading-out {
     opacity: 0 !important;
 }

 /* Controls Bar */
 .controls-bar-class {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
 }

 .control-item {
     min-width: 100px;
     text-align: center;
 }

 /* Counter */
 .counter-class {
     text-align: left;
 }

 /* Title */
 .title-class {
     flex-grow: 1;
     font-size: .9em;
 }

 /* Navigation Buttons Container */
 .navigation-buttons-class {
     display: flex;
     gap: 10px;
     text-align: right;
 }

 .nav-button {
     padding: 8px 15px;
     border: none;
     border-radius: 5px;
     color: black;
     cursor: pointer;
     font-size: 1em;
     background-color: transparent;
 }