*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;background-color:#000}#app{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0}#u1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;touch-action:none}.bottom-slider{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);z-index:1000;width:90%;max-width:700px;opacity:0;display:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.bottom-slider{width:100%;left:0;right:0;transform:translateY(100%);max-width:none}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-slider.slide-up{animation:slideUp .5s ease-out forwards;opacity:1}.bottom-slider.slide-down{animation:slideDown .3s ease-in forwards}@keyframes slideDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}@media(max-width:768px){.bottom-slider.slide-up{animation:slideUpMobile .5s ease-out forwards}.bottom-slider.slide-down{animation:slideDownMobile .3s ease-in forwards}}@keyframes slideDownMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.lottie-animation-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.lottie-animation-container.show{opacity:1;visibility:visible}.lottie-animation{width:300px;height:300px;max-width:80vw;max-height:80vh}@media(max-width:768px){.lottie-animation{width:200px;height:200px}}@media(max-width:480px){.lottie-animation{width:150px;height:150px}}.background-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;transition:opacity .5s ease-in-out}.background-image-container.fade-out{opacity:0;pointer-events:none}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/room.webp);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px)}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.camera-view-fade-in{animation:fadeIn .5s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner{display:flex;padding:10px;border-radius:20px;background-color:#0ff;justify-content:space-between}.textContainer{align-items:flex-end;flex-direction:row}.ui-elements-container{display:flex;position:fixed;bottom:20px;padding:1rem;gap:1rem;justify-items:center;flex-direction:column}.share-button{border-radius:30px;padding:10px;margin-right:10px;background-color:#fff;outline:none;border:none;cursor:pointer}.redirection-button{border-radius:30px;padding:10px;align-content:center;background-color:#fff;outline:none;border:none;cursor:pointer}.scroll-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-behavior:smooth;gap:1rem;-webkit-overflow-scrolling:touch}.story-item{min-width:50px;width:50px;height:50px;align-self:center;border-radius:50%;outline:none;border:none}.video-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.video-loader.show{opacity:1;visibility:visible}.loader-1{height:32px;width:32px;-webkit-animation:loader-1-1 4.8s linear infinite;animation:loader-1-1 4.8s linear infinite}@-webkit-keyframes loader-1-1{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes loader-1-1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-1 span{display:block;position:absolute;inset:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);-webkit-animation:loader-1-2 1.2s linear infinite;animation:loader-1-2 1.2s linear infinite}@-webkit-keyframes loader-1-2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(220deg)}}@keyframes loader-1-2{0%{transform:rotate(0)}to{transform:rotate(220deg)}}.loader-1 span:after{content:"";position:absolute;inset:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);border:3px solid #FFF;border-radius:50%;-webkit-animation:loader-1-3 1.2s cubic-bezier(.77,0,.175,1) infinite;animation:loader-1-3 1.2s cubic-bezier(.77,0,.175,1) infinite}@-webkit-keyframes loader-1-3{0%{-webkit-transform:rotate(-140deg)}50%{-webkit-transform:rotate(-160deg)}to{-webkit-transform:rotate(140deg)}}@keyframes loader-1-3{0%{transform:rotate(-140deg)}50%{transform:rotate(-160deg)}to{transform:rotate(140deg)}}.instruction-view{transform:translate(-50%) translateY(calc(100% + 150px));transition:none;opacity:0;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.instruction-view.slide-in{animation:instructionSlideIn .25s cubic-bezier(.25,.46,.45,.94) forwards}.instruction-view.slide-out{animation:instructionSlideOut .2s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes instructionSlideIn{0%{transform:translate(-50%) translateY(calc(100% + 150px));opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes instructionSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(calc(100% + 150px));opacity:0}}