model-viewer {
     display: flex;
     position: absolute;
     width: 100% !important;
     height: 100% !important;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 200;
}
.model-header {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     color: #ffffff;
     z-index: 100;
     margin-top: 125px;
}
.controls {
     margin-bottom: 20px;
}

.model-text {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     color: #ffffff;
     z-index: 0;
     margin-top: 25px;
}
.sphere {
     display: flex;
     justify-content: center; /* Centers horizontally */
     align-items: center; /* Centers vertically */
     z-index: 10;
}
.model {
     padding-top: 200px;
     z-index: 99;
}
#poster {
     display: flex;
     padding-top: 100px;
     max-height: 1000px;
}
#glb {
     display: flex;
     width: 100% !important;
     height: 100% !important;
     padding-top: 100px;
     padding-bottom: 50px;
}
.poster-buttons {
     margin-right: 35px;
     margin-left: 35px;
     margin-top: 30px;
}
/* -----------------------------------------
::	   Loader Animations
----------------------------------------- */
.loader-2 {
     width: 48px;
     height: 48px;
     display: inline-block;
     position: absolute;
     border: 3px solid;
     border-color: #dd0000 #0000 #0000ff #0000;
     border-radius: 50%;
     box-sizing: border-box;
     animation: 1s rotate linear infinite;
     top: 50%;
     left: 50%;
     margin-top: -50px;
     filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 1.0));
}
.loader-2:before, .loader-2:after {
     content: '';
     top: 0;
     left: 0;
     position: absolute;
     border: 10px solid transparent;
     border-bottom-color: #0000ff;
     transform: translate(-10px, 19px) rotate(-35deg);
}
.loader-2:after {
     border-color: #dd0000 #0000 #0000 #0000;
     transform: translate(32px, 3px) rotate(-35deg);
}
@keyframes rotate {
     100% {
          transform: rotate(360deg)
     }
}
.loader {
     width: 48px;
     height: 48px;
     border: 3px solid #FFF;
     border-radius: 50%;
     display: inline-block;
     position: absolute;
     box-sizing: border-box;
     margin-top: -50px;
     animation: rotation 1s linear infinite;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%); /* Adjusts for the loader's own size */
}
.loader::after {
     content: '';
     box-sizing: border-box;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 56px;
     height: 56px;
     border-radius: 50%;
     border: 4px solid transparent;
     border-bottom-color: #dd0000;
}
@keyframes rotation {
     0% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}