:root{--gutter:20px;--spacing:15px;--reaction-anim-distance:-200px}*,:before,:after{box-sizing:border-box}body{background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;height:100dvh;margin:0;display:flex}.scroller{scroll-snap-type:y mandatory;width:100%;height:100%;overflow-y:auto}.scroller__panel{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100dvh;padding:var(--gutter);margin-bottom:var(--spacing);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.scroller__panel--video{padding:0}.scroller__panel--blue{background-color:#e0f7fa}.scroller__panel--pink{background-color:#fce4ec}.scroller__panel--yellow{background-color:#fff9c4}button,video,a{touch-action:manipulation}video{object-fit:cover;width:100%;height:100%;display:block}h2{text-align:center}button{font-size:2em}button+button{margin-left:20px}.reaction-triggers{z-index:1000;bottom:var(--gutter);left:var(--gutter);gap:var(--spacing);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute}.reaction-triggers button{background:0 0;border:none;padding:0}.message-form button,.message-form input{font-size:1.5em}@keyframes fade-up{0%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(calc(var(--reaction-anim-distance) + var(--reaction-anim-offset)*20px))}to{opacity:0;transform:translateY(var(--reaction-anim-distance))}}.reactions{bottom:var(--gutter);right:var(--gutter);position:fixed}.reactions__single{will-change:transform,opacity;bottom:0;right:calc(var(--reaction-anim-offset)*20px);width:1em;height:1em;font-size:2em;animation:2s ease-in forwards fade-up;position:absolute}.reactions__single--like:before{content:"👍"}.reactions__single--dislike:before{content:"👎"}.reactions__single--heart:before{content:"❤️"}.reactions__single--laugh:before{content:"😂"}.reactions__single--spider:before{content:"🕷️"}.reactions__single--unicorn:before{content:"🦄"}.reactions__single--pizza:before{content:"🍕"}.reactions__single--coplight:before{content:"🚨"}.reactions__single--tennis:before{content:"🎾"}.reactions__single--eggplant:before{content:"🍆"}.reactions__single--skull:before{content:"💀"}.reactions__single--sunglasses:before{content:"😎"}.achievement-notification{z-index:9999;background:#fff;border:3px solid #ff00f4;border-radius:15px;width:90%;max-width:400px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;top:-200px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.achievement-notification.show{top:20px}.achievement-notification.hide{opacity:0;top:-200px}.achievement-content{text-align:center;padding:20px;position:relative}.achievement-title{margin-bottom:10px;font-size:1.2em;font-weight:700}.achievement-message{font-size:1em;font-weight:500;line-height:1.4}.achievement-dismiss{color:#fff;cursor:pointer;background:#ff98e5cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:14px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}
/*# sourceMappingURL=index.fc9a5984.css.map */