*{-webkit-overflow-scrolling:touch}body,html{margin:0;height:100%;font-family:Lato,sans-serif;color:#1e1e1e;letter-spacing:.05em}section{height:100%}h1{font-size:28px;text-transform:uppercase}h2{font-size:24px}h3{font-size:20px}p{font-size:14px}.left-container{height:100%;position:relative;width:25%;display:flex;justify-content:center;align-items:center;background-color:#9fd9dd;transition:all .5s ease;transform:translateZ(0);z-index:5}@media (max-width:800px){.left-container{width:100%;height:4rem;overflow:hidden}}.left-container.logo{width:50%}@media (max-width:800px){.left-container.logo{width:100%;height:100%}.left-container.logo .menu li.title span{color:#fff}.left-container.logo .menu li.highlight{background-color:#dc0e7e}}.left-container.logo .menu{top:2rem;transform:translateY(0) translateZ(0)}.left-container .menu{padding:0;display:inline-block;position:relative;top:2rem;transition:all .5s ease}@media (max-width:800px){.left-container .menu{top:2rem;transform:translateY(50%) translateZ(0)}.left-container .menu li.title span{color:#dc0e7e}.left-container .menu li.highlight{background-color:transparent}.left-container .menu .title{clip:rect(.5rem 10rem 3rem 0)!important}}.left-container .menu:hover li~.highlight{transition:all .3s ease}.left-container .menu:hover li~.title{transition:clip .3s ease}.left-container .menu li{list-style-type:none;display:block;position:relative;z-index:2;padding:.5rem;width:100%;box-sizing:border-box}.left-container .menu li a,.left-container .menu li span{margin:-1px auto;display:block;height:3rem;line-height:3rem;width:10rem;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:2px;color:#1e1e1e;text-align:center;border:solid 1px transparent;transition:all .3s ease}.left-container .menu li span{color:#fff;transition:all .5s ease}.left-container .menu li:nth-child(1):hover~.title{clip:rect(4.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(1):hover~.title~.highlight{top:.5rem}.left-container .menu li:nth-child(2):hover~.title{clip:rect(8.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(2):hover~.title~.highlight{top:4.5rem}.left-container .menu li:nth-child(3):hover~.title{clip:rect(12.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(3):hover~.title~.highlight{top:8.5rem}.left-container .menu li:nth-child(4):hover~.title{clip:rect(16.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(4):hover~.title~.highlight{top:12.5rem}.left-container .menu li:nth-child(5):hover~.title{clip:rect(20.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(5):hover~.title~.highlight{top:16.5rem}.left-container .menu li:nth-child(6):hover~.title{clip:rect(24.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(6):hover~.title~.highlight{top:20.5rem}.left-container .menu li:nth-child(7):hover~.title{clip:rect(28.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(7):hover~.title~.highlight{top:24.5rem}.left-container .menu li:nth-child(8):hover~.title{clip:rect(32.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(8):hover~.title~.highlight{top:28.5rem}.left-container .menu li:nth-child(9):hover~.title{clip:rect(36.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(9):hover~.title~.highlight{top:32.5rem}.left-container .menu li:nth-child(10):hover~.title{clip:rect(40.5rem 10rem 3rem 0)}.left-container .menu li:nth-child(10):hover~.title~.highlight{top:36.5rem}.left-container .menu .highlight{z-index:1;margin:0;padding:0;position:absolute;transition:all 1s ease;left:.5rem;top:-3.5rem;height:3rem;width:10rem;background-color:#dc0e7e}.left-container .menu .highlight-o{z-index:1;margin:-1px;padding:0;position:absolute;transition:all .3s ease;left:.5rem;top:-3.5rem;height:3rem;width:10rem;border:solid 1px #1e1e1e;opacity:0}@media (max-width:800px){.left-container .menu .highlight-o{opacity:0!important}}.left-container .menu .title{position:absolute;top:-4rem;transition:clip 1s ease;clip:rect(.5rem 10rem 3rem 0)}.left-container.index0 .highlight-o{top:.5rem;opacity:1}.left-container.index1 .highlight-o{top:4.5rem;opacity:1}.left-container.index2 .highlight-o{top:8.5rem;opacity:1}.left-container.index3 .highlight-o{top:12.5rem;opacity:1}.left-container.index4 .highlight-o{top:16.5rem;opacity:1}.left-container.index5 .highlight-o{top:20.5rem;opacity:1}.left-container.index6 .highlight-o{top:24.5rem;opacity:1}.left-container.index7 .highlight-o{top:28.5rem;opacity:1}.left-container.index8 .highlight-o{top:32.5rem;opacity:1}.left-container.index9 .highlight-o{top:36.5rem;opacity:1}.left-container.index10 .highlight-o{top:40.5rem;opacity:1}.left-container .nav-friends .friend-box{display:inline-block;width:29px;height:24px;margin-left:-29px;background:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/3d51b593a6a552a5e319781801c10312.svg);background-size:24px;background-position:left;background-repeat:no-repeat;vertical-align:sub}.right-container{height:100%;width:75%;justify-content:center;align-items:center;transition:all .5s ease;position:absolute;top:0;left:25%;overflow:hidden;transform:translateZ(0);z-index:4}@media (max-width:800px){.right-container{width:100%;top:0;left:0;position:relative;overflow:auto;height:auto}}.right-container .right-panel{height:100%;width:100%;top:100%;left:0;position:absolute;transition:transform .1s ease .51s;transform:translateY(0) translateZ(0);z-index:1;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (max-width:800px){.right-container .right-panel{position:relative;transform:unset!important;height:0;overflow:hidden}}.right-container .right-panel .modal-src{position:relative;width:100%}@media (max-width:800px){.right-container .right-panel .modal-src{padding-top:2rem}}.right-container.about .about-content,.right-container.e404 .e404-content,.right-container.flat .flat-shit,.right-container.friends .friends-shit,.right-container.logo .logobox,.right-container.media .media-content{z-index:2;transform:translateY(-100%) translateZ(0);transition:transform .5s ease 0s}@media (max-width:800px){.right-container.about .about-content,.right-container.e404 .e404-content,.right-container.flat .flat-shit,.right-container.friends .friends-shit,.right-container.logo .logobox,.right-container.media .media-content{height:auto}}.right-container.logo .logobox{transition:transform .5s ease 0s,opacity .5s ease .8s;opacity:0}.right-container .logobox{transition:transform .1s ease .51s,opacity .5s ease 0s;background-color:#1e1e1e;opacity:1}.right-container .about-content,.right-container .e404-content,.right-container .media-content{color:#1e1e1e;text-align:left;background-color:#ffbc42}.right-container .about-content .inner,.right-container .e404-content .inner,.right-container .media-content .inner{margin:10rem}@media (max-width:800px){.right-container .about-content .inner,.right-container .e404-content .inner,.right-container .media-content .inner{margin:2rem 1rem}}.right-container .about-content a,.right-container .e404-content a,.right-container .media-content a{color:#dc0e7e;border:solid 1px #dc0e7e;padding:.5em 2em;border-radius:5px;text-transform:uppercase;text-decoration:none;display:inline-block;font-size:14px;margin:5px;transition:all .3s ease}.right-container .about-content a:hover,.right-container .e404-content a:hover,.right-container .media-content a:hover{color:#000;border-color:#000}.right-container .media-content{background-color:#7d5ba6;color:#fff}.right-container .media-content a{color:#fff;border:solid 1px #fff;padding:.5em 2em;border-radius:5px;text-transform:uppercase;text-decoration:none;display:inline-block;font-size:14px;margin:5px;transition:all .3s ease}.right-container .media-content a:hover{color:#9fd9dd;border-color:#9fd9dd}.right-container .media-content .media-container{display:flex;flex-wrap:wrap}.right-container .media-content .media-container .media-box{flex:1 1 300px;margin:1rem;background-color:#8869af}.right-container .media-content .media-container .media-box .media-item{width:100%;width:calc(100% + 2rem);padding-bottom:100%;padding-bottom:calc(100% + 2rem);margin:-1rem;background-size:cover;background-position:center center}.right-container .flat-shit{background-color:#9fd9dd;color:#dc0e7e;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:flex-start}.right-container .flat-shit .login{position:relative;padding:.5em 1em .5em 4rem}.right-container .flat-shit .login:before{content:"";display:inline-block;background-image:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/12df7c2b11df8ba854cf61bd8be04923.svg);background-position:center center;background-size:auto 70%;background-repeat:no-repeat;position:absolute;border-right:solid 1px #dc0e7e;top:0;left:0;margin:0;height:100%;width:3rem;transition:all .3s ease}.right-container .flat-shit .login:hover:before{border-right:solid 1px #1e1e1e;filter:brightness(0)}.right-container .flat-shit .head{padding:1rem 0 .2rem 0;width:100%}.right-container .flat-shit .a10way{max-height:80px}.right-container .flat-shit .highlightflat{justify-content:center}.right-container .flat-shit .highlightflat .flat-wrap{max-width:290px;margin-top:2rem!important}.right-container .flat-shit .flatlist,.right-container .flat-shit .highlightflat{padding-bottom:50px;position:relative;display:flex;flex-wrap:wrap}.right-container .flat-shit .flatlist.loading,.right-container .flat-shit .highlightflat.loading{margin-top:1rem}.right-container .flat-shit .flatlist.loading:after,.right-container .flat-shit .highlightflat.loading:after{content:" ";display:block;position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(0);border:solid 1px transparent;border-left:solid 1px #dc0e7e;border-radius:50%;animation:spinner .6s cubic-bezier(.415,.245,.405,.705) infinite}.right-container .flat-shit .flatlist .flat-wrap,.right-container .flat-shit .highlightflat .flat-wrap{flex:1 1 220px;margin:1rem;min-height:1px}.right-container .flat-shit .flatlist .flat-wrap.special .vote,.right-container .flat-shit .highlightflat .flat-wrap.special .vote{background-color:#eee8aa}.right-container .flat-shit .flatlist .flat-wrap.filler,.right-container .flat-shit .highlightflat .flat-wrap.filler{margin-top:0;margin-bottom:0}.right-container .flat-shit .flatlist .flat-wrap .hero,.right-container .flat-shit .highlightflat .flat-wrap .hero{width:100%;padding-bottom:100%;background-size:cover;border-radius:50%;overflow:hidden;background-color:rgba(255,255,255,.3)}@media (max-width:600px){.right-container .flat-shit .flatlist .flat-wrap .hero,.right-container .flat-shit .highlightflat .flat-wrap .hero{width:70%;padding-bottom:70%;margin:0 auto}}.right-container .flat-shit .flatlist .flat-wrap h3 .link,.right-container .flat-shit .highlightflat .flat-wrap h3 .link{display:inline-block;background-image:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/9b06480caf1865791b1c31864ef7730b.svg);width:15px;height:15px;padding:0;margin:0 .4em 0 0;background-size:contain;border:0}.right-container .flat-shit .flatlist .flat-wrap .warning,.right-container .flat-shit .highlightflat .flat-wrap .warning{background-color:#ff4500;color:#fff;font-weight:700;border:none}.right-container .flat-shit .flatlist .flat-wrap .warning:hover,.right-container .flat-shit .highlightflat .flat-wrap .warning:hover{background-color:#8b0000}.right-container .flat-shit .flatlist .flat-wrap .vote,.right-container .flat-shit .highlightflat .flat-wrap .vote{position:relative;padding:.5em 1em .5em 4rem}.right-container .flat-shit .flatlist .flat-wrap .vote.load,.right-container .flat-shit .highlightflat .flat-wrap .vote.load{color:transparent;border-color:transparent;background-color:transparent}.right-container .flat-shit .flatlist .flat-wrap .vote.load h4,.right-container .flat-shit .highlightflat .flat-wrap .vote.load h4{opacity:0}.right-container .flat-shit .flatlist .flat-wrap .vote.load:after,.right-container .flat-shit .highlightflat .flat-wrap .vote.load:after{content:"";display:block;width:30px;height:30px;position:absolute;top:50%;left:50%;border:solid 1px transparent;border-top:solid 1px #dc0e7e;border-radius:50%;animation:spinner .8s linear infinite}.right-container .flat-shit .flatlist .flat-wrap .vote h4,.right-container .flat-shit .highlightflat .flat-wrap .vote h4{border-right:solid 1px #dc0e7e;position:absolute;top:0;left:0;margin:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:3rem}.right-container .flat-shit .flatlist .flat-wrap .vote:hover h4,.right-container .flat-shit .highlightflat .flat-wrap .vote:hover h4{border-right:solid 1px #1e1e1e}.right-container .flat-shit .dropzone{background:0 0;outline:0;border:solid 1px;width:200px;height:200px;border-radius:50%;margin:0 auto;background-image:url(https://breakaway-7ae4.restdb.io/media/5bcd6dcf44645d3f00004f0e);background-size:80%;background-position:center center;background-repeat:no-repeat;padding:0;overflow:hidden}.right-container .flat-shit .dropzone .dz-preview.dz-image-preview{background:#9fd9dd;width:100%;height:100%;margin:0}.right-container .flat-shit .dropzone .dz-preview .dz-image{width:100%;height:100%}.right-container .flat-shit input{display:block;margin:1rem auto;width:200px;padding:.5rem 1rem;text-align:center;-webkit-appearance:none;border:solid 1px #dc0e7e;background:0 0;color:#dc0e7e;font-size:14px;border-radius:5px}.right-container .flat-shit a{color:#dc0e7e;border:solid 1px #dc0e7e;padding:.5em 2em;border-radius:5px;text-transform:uppercase;text-decoration:none;display:inline-block;font-size:14px;margin:5px;transition:all .3s ease}.right-container .flat-shit a.fblink{position:relative;padding:.5em 1em .5em 4rem}.right-container .flat-shit a.fblink:before{content:"";display:inline-block;background-image:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/12df7c2b11df8ba854cf61bd8be04923.svg);background-position:center center;background-size:auto 70%;background-repeat:no-repeat;position:absolute;border-right:solid 1px #dc0e7e;top:0;left:0;margin:0;height:100%;width:3rem;transition:all .3s ease}.right-container .flat-shit a.fblink:hover:before{border-right:solid 1px #1e1e1e;filter:brightness(0)}.right-container .flat-shit a.smol{border:none;border-bottom:solid 1px;border-radius:0;padding:5px 0}.right-container .flat-shit a:hover{color:#000;border-color:#000}.right-container .flat-shit .login-not{display:inline-block;width:200px;height:200px;background:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/12df7c2b11df8ba854cf61bd8be04923.svg);background-size:128px;background-position:center center;background-repeat:no-repeat;background-color:#fff;border-radius:50%}.right-container .flat-shit .ticket-friend{width:90%;margin:2rem auto 0;border-top:solid 1px #dc0e7e}.right-container .flat-shit .ticket-friend p{font-family:monospace}.right-container .flat-shit .ticket-friend .pre-ticket.toggle{display:none}.right-container .flat-shit .ticket-friend .post-ticket{display:none;text-align:left}.right-container .flat-shit .ticket-friend .post-ticket.toggle{display:block}@keyframes spinner{0%{transform:translateX(-50%) translateY(-50%) rotate(0)}100%{transform:translateX(-50%) translateY(-50%) rotateZ(360deg)}}.info-float .float-inner{max-width:60ch;padding:2rem!important;box-sizing:border-box}.info-float .float-inner p{margin-bottom:2rem}.info-float,.register-float{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:all .5s ease}.info-float.open,.register-float.open{pointer-events:all;opacity:1}.info-float .float-inner,.register-float .float-inner{width:90%;margin:100px auto 0;padding:3rem 0;background-color:#9fd9dd;position:relative}.info-float .float-inner .closer,.register-float .float-inner .closer{width:32px;height:32px;background-image:url(https://d1qmdf3vop2l07.cloudfront.net/caring-lake.cloudvent.net/hash-store/5d2c9b62f0f296d32b919f4230525d13.svg);background-size:100%;position:absolute;top:10px;right:10px;padding:0;border:0}.info-float .float-inner .register,.register-float .float-inner .register{margin-bottom:3rem;margin-top:0}.info-float .float-inner #flatreg,.register-float .float-inner #flatreg{margin-top:2rem}.info-float .float-inner #flatreg.load,.register-float .float-inner #flatreg.load{color:transparent;border-color:transparent;background-color:transparent;position:relative}.info-float .float-inner #flatreg.load:after,.register-float .float-inner #flatreg.load:after{content:"";display:block;width:30px;height:30px;position:absolute;top:50%;left:50%;border:solid 1px transparent;border-top:solid 1px #dc0e7e;border-radius:50%;animation:spinner .8s linear infinite}.disclaimer{background:rgba(0,0,0,.83);position:fixed;top:150%;left:50%;width:90vmin;height:90vmin;margin:-45vmin;flex-direction:column;align-items:center;justify-content:center;display:flex;z-index:9999999;transition:top .3s ease,box-shadow .3s ease .3s;border-radius:20px}.disclaimer.open{top:50%;box-shadow:0 0 10px 10px rgba(255,188,66,.42)}.disclaimer img{height:200px;margin:5vmin;animation:keepalive 2s ease infinite forwards;border-radius:50%}.disclaimer img.shake{animation:nono .3s ease 1 forwards}.disclaimer p{margin:5vmin;text-align:center}.disclaimer p a{color:#ffbc42;border:solid 1px #ffbc42;padding:.5em 2em;border-radius:5px;text-transform:uppercase;text-decoration:none;display:inline-block;font-size:14px;margin:5px;transition:all .3s ease}.disclaimer p a:hover{color:#dc0e7e;border-color:#dc0e7e}@keyframes keepalive{0%{transform:translateZ(0)}100%{transform:translateZ(10px)}}@keyframes nono{0%{transform:translateX(0);box-shadow:0 0 10px 10px rgba(255,0,0,0)}33%{transform:translateX(-5%);box-shadow:0 0 10px 10px rgba(255,0,0,.8)}66%{transform:translateX(5%);box-shadow:0 0 10px 10px rgba(255,0,0,.8)}100%{transform:translateX(0);box-shadow:0 0 10px 10px rgba(255,0,0,0)}}.logo-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;z-index:1}.logo-bg .logo-inner{position:absolute;top:0;left:50%;width:50%;height:100%}.logo-bg svg{width:100%;max-width:500px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);opacity:0}.logo-bg .dynamic polyline{stroke-dashoffset:100;stroke-dasharray:700;animation:logo 5s infinite linear;stroke:#dc0e7e!important}.logo-bg .dynamic svg{animation:fader 2s forwards}.logo-bg .dynamic svg:nth-child(1) polyline{animation-delay:0s}.logo-bg .dynamic svg:nth-child(2) polyline{animation-delay:.4s}.logo-bg .dynamic svg:nth-child(3) polyline{animation-delay:.8s}.logo-bg .dynamic svg:nth-child(4) polyline{animation-delay:1.2s}.logo-bg .dynamic svg:nth-child(5) polyline{animation-delay:1.6s}.logo-bg .dynamic svg:nth-child(6) polyline{animation-delay:2s}.logo-bg .dynamic svg:nth-child(7) polyline{animation-delay:2.4s}.logo-bg .dynamic svg:nth-child(8) polyline{animation-delay:2.8s}.logo-bg .dynamic svg:nth-child(9) polyline{animation-delay:3.2s}.logo-bg .dynamic svg:nth-child(10) polyline{animation-delay:3.6s}.logo-bg .dynamic svg:nth-child(11) polyline{animation-delay:4s}.logo-bg .dynamic svg:nth-child(12) polyline{animation-delay:4.4s}.loader{width:100px;height:100px;margin:0 auto;border-radius:50%;border:solid 3px;border-top:solid 3px transparent;border-right:solid 3px transparent;border-bottom:solid 3px transparent;animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes logo{to{stroke-dashoffset:1500}}@keyframes fader{to{opacity:1}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}