#dronelineup{--drone-container:33%;height:100%;width:100%;position:absolute;bottom:0%;opacity:0;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:40px;z-index:300;transition:opacity 1s ease-in-out, 
        height 1s ease-in-out;}#dronelineup *{position:relative;z-index:2;}#dronelineupBG{position:absolute;background-image:url("StarrySky360.e29fca.png");background-size:cover;background-position-x:25%;height:100%;width:100%;bottom:0;transition:background-position 1s ease-in-out;}#dronelineupLogo{height:auto;width:20%;top:-100px;transition:top 0.7s ease-in-out;}.dronelineupText{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin-top:-2.5%;margin-bottom:-2.5%;z-index:3 !important;}#dronelineupTitle{color:#FFD500;font-weight:700;font-size:1.2rem;opacity:0;transition:opacity 0.7s ease-in-out;}#dronelineupSubtitle{color:white;font-weight:300;font-size:0.9rem;opacity:0;transition:opacity 0.7s ease-in-out;}#dronelineup button{display:block;border:0px;width:45%;height:auto;aspect-ratio:5;font-size:4vw;font-weight:700;margin-top:2%;color:#086984;background-color:#FFD500;opacity:0;transition:opacity 1s ease-in-out;}#dronesContainer{height:var(--drone-container);width:100%;position:relative;display:flex;flex-direction:row;justify-content:center;opacity:0;transition:opacity 1s ease-in-out, bottom 1s ease-in-out;}#dronesContainer .drone{position:absolute;height:100%;width:auto;display:none;opacity:0;mix-blend-mode:screen;transition:opacity 0.2s ease-in-out;}#swipeTutorial{display:none;opacity:0;position:absolute;width:70%;height:auto;background-color:rgba(0,0,0,0.8);border:5px;border-radius:5%;aspect-ratio:506/316;flex-direction:column;justify-content:center;align-items:center;z-index:5;transition:opacity 0.5s ease-in-out;}#swipeHand{position:relative;height:30%;width:auto;animation:handSwipe 2s ease-in-out infinite;animation-play-state:paused;}@keyframes handSwipe{0%{transform:translateX(40px);}25%{transform:translateX(-20px);}30%{transform:translateX(-20px);}85%{transform:translateX(40px);}100%{transform:translateX(40px);}}#swipeArrows{display:flex;flex-direction:row;justify-content:center;align-items:center;animation-play-state:paused;height:30%;}#swipeArrows img{--arrowOrder:1;height:100%;width:auto;animation:arrowSwipe 2s ease-in-out infinite;animation-delay:calc(0.3s * var(--arrowOrder));opacity:0;}@keyframes arrowSwipe{0%{transform:scale(0.8);opacity:0;}25%{transform:scale(1);opacity:1;}75%{transform:scale(1);opacity:1;}100%{transform:scale(0.8);opacity:0;}}#swipeTutorial p{color:white;font-size:1em;text-align:center;}#photosContainer{height:28%;width:100%;position:relative;display:flex;flex-direction:row;justify-content:center;opacity:0;bottom:0;transition:opacity 1s ease-in-out, bottom 1s ease-in-out;}#photosContainer .photo{--i:1;--myP:0;--myPfinally:0;--cardShadow:0px 10px 10px 2px rgba(0,0,0,0.2);background-color:#00A3DB;position:absolute;display:flex;flex-direction:column;height:100%;width:auto;padding:2.35%;padding-bottom:0%;aspect-ratio:293/404;box-shadow:var(--cardShadow);transform-origin:center;transform:translateX( calc( 100% * var(--myP) ) ) 
        scale( calc( 100% + 10% * clamp(0, calc(1 - var(--myP) * var(--myP)), 1) ) )
        rotate( calc( cos( var(--i) * 180deg ) * 7deg ) );transition:transform 0.4s ease-in-out;animation:heightBob 0.4s ease-in-out;z-index:calc(-1 * var(--i) * var(--i));}@keyframes heightBob{0%{height:100%;}50%{height:120%;}100%{height:100%;}}#photosContainer .photo::after{content:" ";position:absolute;top:0px;left:0px;width:100%;height:100%;user-select:none;opacity:clamp(0, calc(var(--myP) * var(--myP)), 0.8);background:rgb(0,0,0);transition:opacity 0.4s ease-in-out;z-index:3;}#photosContainer .photo img{position:relative;width:100%;height:75%;background-color:black;aspect-ratio:258/300;}#photosContainer .text{position:relative;height:25%;width:100%;display:flex;flex:1;justify-content:center;align-items:center;text-align:center;color:white;font-size:1.6vh;font-weight:700;}