/**
 * Copyright (C) 2023 ProjectRootProxy
 */

#carousel {
   position: relative;
   width: 100%;
   height: 600px;
   overflow: hidden;
}

#mtn_scene_three, #mtn_scene, #carousel_overlay, #wifi_scene, #comp_scene {
   position: absolute;
   height: 600px;
   width: 100%;
}

.carousel-border {
   box-shadow: 0 0 25px 8px #353844;
/*   border-bottom: 3px solid #343958;*/
/*   border-bottom: 3px solid #363948;*/
   border-bottom: 3px solid #313342;
}

.carousel-overlay-cont {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   height: 600px;
}

.overlay-panel {
   border-radius: 7px;
   box-shadow: 0 0 6px 1px #1E2430;
   width: 600px;
   height: 70px;
   background-image: linear-gradient(to right, #1D1E26, #262632);
   border: 3px solid #343958;
}

.button-shadow {
   box-shadow: 0 0 6px 1px #1E2430;
}

.carousel_fadeout {
   animation: c_fadeout 300ms forwards;
}
@keyframes c_fadeout {
   0% {opacity: 100%;}
   100% {opacity: 0;}
}

.carousel-item-text {
   user-select: none;
   display: flex;
   color: #D0D4EB;
   align-items: center;
   justify-content: center;
   padding: 5px 20px;
   text-align: center;
}

.carousel-text-cont {
   position: absolute;
   height: 600px;
   width: 100%;
   top: 0;
   left: 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   padding-bottom: 10px;
}

#carousel_left_phone {
   margin-right: 5px;
   background: #1D1E26;
}
#carousel_right_phone {
   margin-left: 5px;
   background: #262632;
}

.carousel-phone {
   margin-bottom: 6px;
   display: none;
   background: black;
   min-width: 22px;
   height: 100%;
   user-select: none;
   cursor: pointer;

   border-radius: 7px;
   box-shadow: 0 0 6px 1px #1E2430;
   background: #1D1E26;
   border: 3px solid #343958;
}