#app{position:relative;width:100%;height:100vh;height:-webkit-fill-available;margin:0 auto;z-index:1}#app #logo{position:absolute;top:0;left:0;z-index:2;padding:20px 25px;transform:translate(-100%);opacity:0}#app #logo img{height:var(--desktop-logo-height, "50px");width:auto;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.1))}#app.hide-overlay #logo{opacity:0!important;transition:opacity .2s ease}#app #controls{position:fixed;bottom:12px;right:0;display:grid;justify-items:center;grid-template-columns:1fr;margin:0;z-index:2}#app #controls .control-element{position:relative;display:flex;align-items:center;justify-content:center;border:none;padding:0;outline:none;box-shadow:none;background:none;-webkit-tap-highlight-color:transparent;width:58px;height:58px}#app #controls .control-element svg{width:20px;height:20px;-webkit-filter:drop-shadow(0px 1px .5px rgba(0,0,0,.4));filter:drop-shadow(0px 1px .5px rgba(0,0,0,.4))}#app #controls .control-element svg path{fill:#fff}#app.hide-overlay #controls{opacity:0;transition:opacity .2s ease}#app #reels{position:relative;display:flex;flex-direction:column;overflow:hidden;scroll-snap-type:y mandatory;scroll-snap-align:start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:1}#app #reels.scrollable{overflow-y:scroll;-webkit-overflow-scrolling:touch}#app #reels::-webkit-scrollbar{display:none}#app #reels .arm{position:relative;flex:none;display:flex;overflow:hidden;scroll-snap-type:x mandatory;scroll-snap-align:start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:1}#app #reels .arm.scrollable{overflow-x:scroll;-webkit-overflow-scrolling:touch}#app #reels .arm::-webkit-scrollbar{display:none}#app #reels .arm .arm-wrapper{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;height:100%}#app #reels .path{position:relative;flex:none;display:flex;flex-direction:column;overflow:hidden;scroll-snap-type:y mandatory;scroll-snap-align:start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:1}#app #reels .path.scrollable{overflow-y:scroll;-webkit-overflow-scrolling:touch}#app #reels .path::-webkit-scrollbar{display:none}#app #reels .path .path-wrapper{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}#app #reels .reel{position:relative;flex:none;scroll-snap-align:start;scroll-snap-stop:normal;background:#000;transform:translate(0);overflow:hidden;isolation:isolate;z-index:1}#app #reels .reel .wrapper{position:relative;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;z-index:-1}#app #reels .reel .wrapper .player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#app #reels .reel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 80%,#0000004d);z-index:2}#app #reels .reel .caption{position:absolute;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;width:100%;max-height:100%;overflow-y:auto;border:none;padding:50px 80px 17.5px 17.5px;outline:none;box-shadow:none;background:none;-webkit-tap-highlight-color:transparent;cursor:pointer;font-size:13px;line-height:22px;text-align:left;color:#fff;z-index:6}#app #reels .reel .caption.south-bar-padding{padding-bottom:30px}#app #reels .reel .caption .caption-wrapper{position:relative;width:100%;height:100%;overflow:hidden;transition:height .25s cubic-bezier(.33,.85,.4,1)}#app #reels .reel .caption .caption-wrapper .closed-caption{margin:0}#app #reels .reel .caption .caption-wrapper .closed-caption span{opacity:.75}#app #reels .reel .caption .caption-wrapper .full-caption p,#app #reels .reel .caption .caption-wrapper .full-caption a{margin:0}#app #reels .reel .caption .caption-wrapper .full-caption a{color:var(--color-primary, #9b30ff)}#app #reels .reel .caption .caption-wrapper .full-caption ol,#app #reels .reel .caption .caption-wrapper .full-caption ul{margin:0;padding-left:18px}#app #reels .reel .caption .caption-wrapper .full-caption ol li,#app #reels .reel .caption .caption-wrapper .full-caption ul li{margin:0}#app #reels .reel .caption .caption-wrapper .hidden{position:absolute;opacity:0;z-index:-1}#app #reels .reel.show-caption:before{background:linear-gradient(180deg,#00000040,#000000bf)}#app #reels .reel.show-caption .caption{height:100%}#app #reels .reel .logo{position:absolute;top:0;left:0;z-index:2;padding:17.5px;width:100%}#app #reels .reel .logo.north-bar-padding{padding-top:25px}#app #reels .reel .logo img{width:auto;max-height:var(--logo-height, "55px");filter:drop-shadow(0px 0px 5px rgba(0,0,0,.1))}#app #reels .reel .control{position:absolute;top:0;left:0;width:100%;height:100%;border:none;padding:0;outline:none;box-shadow:none;background:none;-webkit-tap-highlight-color:transparent;cursor:pointer;z-index:4}#app #reels .reel .control:focus,#app #reels .reel .control:active{outline:none;box-shadow:none;background:none}#app #reels .reel .control .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#00000080;border-radius:50%}#app #reels .reel .control .play-button svg{width:30px;height:30px;margin-right:-5px}#app #reels .reel .control .play-button svg path{fill:#fff}#app #reels .reel .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:5}#app #reels .reel .loading p{margin:0;color:#fff;font-size:14px;line-height:22px;text-align:left;font-weight:400;text-transform:none;background:#000}#app #reels .reel .audio-muted{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;z-index:4;pointer-events:none}#app #reels .reel .audio-muted div{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#00000080}#app #reels .reel .audio-muted div svg{width:20px;height:20px}#app #reels .reel .audio-muted div svg path{fill:#fff}#app #reels .reel .scroll-indication-dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}#app #reels .reel .scroll-indication-dots .dots{position:absolute;display:flex;gap:8px;transition:opacity .25s cubic-bezier(.33,.85,.4,1)}#app #reels .reel .scroll-indication-dots .dots.north{top:15px;left:50%;transform:translate(-50%);flex-direction:row}#app #reels .reel .scroll-indication-dots .dots.south{bottom:15px;left:50%;transform:translate(-50%);flex-direction:row}#app #reels .reel .scroll-indication-dots .dots.east{right:15px;top:50%;transform:translateY(-50%);flex-direction:column}#app #reels .reel .scroll-indication-dots .dots.west{left:15px;top:50%;transform:translateY(-50%);flex-direction:column}#app #reels .reel .scroll-indication-dots .dots .dot{width:8px;height:8px;background:#fff9;border-radius:50%;transition:all .25s cubic-bezier(.33,.85,.4,1);filter:drop-shadow(0px 1px 2px rgba(0,0,0,.3))}#app #reels .reel .reel-buttons{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:15px;max-width:80%;justify-content:center;z-index:5}#app #reels .reel .reel-buttons .reel-button{padding:12px 24px;background:#ffffffe6;backdrop-filter:blur(10px);border:none;border-radius:25px;font-size:16px;font-weight:500;color:#000;cursor:pointer;transition:transform .3s cubic-bezier(.33,.85,.4,1),opacity .3s cubic-bezier(.33,.85,.4,1),box-shadow .3s cubic-bezier(.33,.85,.4,1);box-shadow:0 2px 10px #0003}#app #reels .reel .reel-buttons .reel-button.fade-in{animation:fadeInUp .5s ease-out}#app #reels .reel .reel-buttons .reel-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 20px #0000004d}#app #reels .reel .reel-buttons .reel-button:active{transform:scale(.98)}#app #reels .reel .reel-buttons .reel-button.primary-button{background:var(--color-primary, #9b30ff);opacity:.9;color:#fff}#app #reels .reel .reel-buttons .reel-button.primary-button:hover{background:var(--color-primary, #9b30ff);opacity:1}#app #reels .reel .reel-buttons .reel-button.secondary-button{background:transparent;border:2px solid rgba(255,255,255,.9);color:#fff}#app #reels .reel .reel-buttons .reel-button.secondary-button:hover{background:#fff3;border-color:#fff}#app #reels .reel .reel-buttons .reel-button.pulse{animation:pulse .8s ease-out 2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 10px #0003}50%{transform:scale(1.08);box-shadow:0 4px 20px #0006}to{transform:scale(1);box-shadow:0 2px 10px #0003}}#app.hide-overlay #reels .reel:before{opacity:0;transition:opacity .2s ease}#app.hide-overlay #reels .reel .caption,#app.hide-overlay #reels .reel .logo,#app.hide-overlay #reels .reel .audio-muted,#app.hide-overlay #reels .reel .scroll-indication-dots,#app.hide-overlay #reels .reel .reel-buttons{opacity:0;transition:opacity .2s ease}#app.desktop-view #controls{position:absolute;right:-86px}#app.hide-reel-logo #reels .reel .logo{display:none}#action-wrapper{position:relative;width:72px;height:72px;margin-top:3px}#action-wrapper #action{z-index:4;height:72px!important;width:72px!important}#action-wrapper #action .action-button-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:11px;font-weight:500;letter-spacing:.25px;text-align:center;color:var(--color-primary-contrast, #fff)!important;border-radius:50%;overflow:hidden;z-index:3}#action-wrapper #action .action-button-content span{transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}#action-wrapper #action .icon-container{position:relative;width:18px;height:18px;overflow:hidden;z-index:2}#action-wrapper #action .icon-arrow,#action-wrapper #action .icon-cross{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}#action-wrapper #action .icon-arrow{transform:translateY(0)}#action-wrapper #action .icon-cross{transform:translateY(150%)}#action-wrapper #action svg{width:18px!important;height:18px!important;-webkit-filter:none!important;filter:none!important;z-index:4}#action-wrapper #action svg path{fill:var(--color-primary-contrast, #fff)!important}#action-wrapper #action.shown .action-button-content{color:var(--color-primary, #9b30ff)!important}#action-wrapper #action.shown .action-button-content span,#action-wrapper #action.shown .icon-arrow{transform:translateY(-150%)}#action-wrapper #action.shown .icon-cross{transform:translateY(0)}#action-wrapper #action.shown svg path{fill:var(--color-primary, #9b30ff)!important}#action-wrapper #action.shown:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--color-primary-contrast, #fff);z-index:1}#action-wrapper .action-background{--translate-x: 0;--translate-y: 0;--scale: 1;position:absolute;top:11px;left:11px;transform-origin:center center;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(var(--translate-x),var(--translate-y)) scale(var(--scale));will-change:transform;pointer-events:none;width:50px;height:50px;background:var(--color-primary, #9b30ff);border-radius:50%;z-index:2}#action-wrapper #action.shown~.action-background{pointer-events:auto}#action-wrapper #action-content{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;padding:40px 20px;overflow:hidden;pointer-events:none;z-index:3}#action-wrapper #action-content .upper-action-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}#action-wrapper #action-content .lower-action-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%}#action-wrapper #action-content .action-content-element{transform:translate(20px,20px) scale(.9);opacity:.0001;visibility:hidden;will-change:transform;pointer-events:none;transition:0s}#action-wrapper #action-content h2{margin:0;color:var(--color-primary-contrast, #fff);letter-spacing:.5px;font-size:26px}#action-wrapper #action-content p{margin:15px 0 0;color:var(--color-primary-contrast, #fff);opacity:.85!important;font-size:15px;line-height:20px}#action-wrapper #action-content .inputs{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}#action-wrapper #action-content .input{margin-top:20px;width:100%}#action-wrapper #action-content .input .label{margin:0 0 10px}#action-wrapper #action-content .input input{padding:12px 16px;width:100%;font-size:17px;background:var(--color-primary, #9b30ff);opacity:.6;color:#000;border:2px solid var(--color-primary-contrast, #fff);border-radius:8px;outline:none!important}#action-wrapper #action-content .input .error{margin:0;display:none}#action-wrapper #action-content button{position:relative;margin:64px 0 0;padding:10px 12px;width:calc(100% - 50px);height:50px;font-size:16px;font-weight:500;background:var(--color-primary-contrast, #fff);color:var(--color-primary, #9b30ff);border-radius:50px;border:none}#action-wrapper #action-content button:before{content:"";position:absolute;top:3px;left:3px;width:calc(100% - 10px);height:calc(100% - 10px);border:2px solid var(--color-primary, #9b30ff);border-radius:50px}#action-wrapper #action.shown~#action-content{pointer-events:auto}#action-wrapper #action.shown~#action-content .action-content-element{transform:none;opacity:1;pointer-events:auto;visibility:visible;transition:.35s cubic-bezier(.4,2.08,.55,1);transition-delay:.15s}#action-wrapper #action.shown~#action-content .action-content-element:nth-child(1){transition-delay:.15s}#action-wrapper #action.shown~#action-content .action-content-element:nth-child(2){transition-delay:.125s}#action-wrapper #action.shown~#action-content .action-content-element:nth-child(3){transition-delay:.125s}#action-wrapper #action.shown~#action-content .action-content-element:nth-child(4){transition-delay:.125s}#action-wrapper #action.shown~#action-content .action-content-element:nth-child(5){transition-delay:.125s}.desktop-view #action-wrapper #action-content{justify-content:flex-start;padding:40px 0;overflow:visible}.desktop-view #action-wrapper #action-content .lower-action-content{margin-top:15px;justify-content:space-between;height:100%}.desktop-view #action-wrapper #action-content button{width:100%;margin-top:40px}#navigation-wrapper{position:relative;width:58px;height:58px;z-index:99}#navigation-wrapper #navigation{z-index:4}#navigation-wrapper #navigation .icon-container{position:relative;width:24px;height:24px;overflow:hidden;z-index:2}#navigation-wrapper #navigation .icon-hamburger,#navigation-wrapper #navigation .icon-cross{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}#navigation-wrapper #navigation .icon-hamburger{transform:translateY(0)}#navigation-wrapper #navigation .icon-hamburger svg{width:24px;height:24px;color:var(--color-primary-contrast, #fff)}#navigation-wrapper #navigation .icon-hamburger svg path{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}#navigation-wrapper #navigation .icon-cross{transform:translateY(150%)}#navigation-wrapper #navigation .icon-cross svg{width:24px;height:24px;color:var(--color-primary, #9b30ff);filter:none}#navigation-wrapper #navigation.shown .icon-hamburger{transform:translateY(-150%)}#navigation-wrapper #navigation.shown .icon-hamburger .line-top{transform:rotate(45deg) translateY(6px)}#navigation-wrapper #navigation.shown .icon-hamburger .line-middle{opacity:0}#navigation-wrapper #navigation.shown .icon-hamburger .line-bottom{transform:rotate(-45deg) translateY(-6px)}#navigation-wrapper #navigation.shown .icon-cross{transform:translateY(0)}#navigation-wrapper #navigation.shown:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--color-primary-contrast, #fff);z-index:1}#navigation-wrapper .navigation-background{--translate-x: 0;--translate-y: 0;--scale: 0;position:absolute;top:29px;left:29px;transform-origin:center center;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(var(--translate-x),var(--translate-y)) scale(var(--scale));will-change:transform;pointer-events:none;width:0;height:0;background:var(--color-primary, #9b30ff);border-radius:50%;z-index:2}#navigation-wrapper #navigation.shown~.navigation-background{pointer-events:auto}#navigation-wrapper #navigation-content{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;padding:40px 20px;overflow:hidden;pointer-events:none;z-index:3}#navigation-wrapper #navigation-content .upper-action-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}#navigation-wrapper #navigation-content .lower-action-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%}#navigation-wrapper #navigation-content .action-content-element{transform:translate(20px,20px) scale(.9);opacity:.0001;visibility:hidden;will-change:transform;pointer-events:none;transition:0s}#navigation-wrapper #navigation-content h2{margin:0;color:var(--color-primary-contrast, #fff);letter-spacing:.5px;font-size:26px}#navigation-wrapper #navigation-content p{margin:15px 0 0;color:var(--color-primary-contrast, #fff);opacity:.85!important;font-size:15px;line-height:20px}#navigation-wrapper #navigation-content .inputs{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}#navigation-wrapper #navigation-content .input{margin-top:20px;width:100%}#navigation-wrapper #navigation-content .input .label{margin:0 0 10px}#navigation-wrapper #navigation-content .input input{padding:12px 16px;width:100%;font-size:17px;background:var(--color-primary, #9b30ff);opacity:.6;color:#000;border:2px solid var(--color-primary-contrast, #fff);border-radius:8px;outline:none!important}#navigation-wrapper #navigation-content .input .error{margin:0;display:none}#navigation-wrapper #navigation-content button{position:relative;margin:64px 0 0;padding:10px 12px;width:calc(100% - 50px);height:50px;font-size:16px;font-weight:500;background:var(--color-primary-contrast, #fff);color:var(--color-primary, #9b30ff);border-radius:50px;border:none}#navigation-wrapper #navigation-content button:before{content:"";position:absolute;top:3px;left:3px;width:calc(100% - 10px);height:calc(100% - 10px);border:2px solid var(--color-primary, #9b30ff);border-radius:50px}#navigation-wrapper #navigation.shown~#navigation-content{pointer-events:auto}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element{transform:none;opacity:1;pointer-events:auto;visibility:visible;transition:.35s cubic-bezier(.4,2.08,.55,1);transition-delay:.15s}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element:nth-child(1){transition-delay:.15s}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element:nth-child(2){transition-delay:.125s}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element:nth-child(3){transition-delay:.125s}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element:nth-child(4){transition-delay:.125s}#navigation-wrapper #navigation.shown~#navigation-content .navigation-content-element:nth-child(5){transition-delay:.125s}.desktop-view #navigation-wrapper #navigation-content{justify-content:flex-start;padding:40px 0;overflow:visible}.desktop-view #navigation-wrapper #navigation-content .lower-action-content{margin-top:15px;justify-content:space-between;height:100%}.desktop-view #navigation-wrapper #navigation-content button{width:100%;margin-top:40px}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;overflow:hidden;background:#000}body{background-color:color-mix(in srgb,var(--color-primary, #9b30ff) 20%,transparent)}*{box-sizing:border-box;font-family:Rubik,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}