.Landing{--button-size:3rem;--button-border-radius:calc(var(--button-size)/5);display:grid;grid-template-rows:1fr auto 1fr 3rem;background-size:cover;height:100vh}@media screen and (prefers-color-scheme:dark){.Landing{background-blend-mode:multiply;background-color:DimGray}}.Landing .Form{grid-row-start:2;backdrop-filter:saturate(180%)blur(20px);background:#ffffffb3;padding:1rem;box-shadow:0 0 20px #0003}@media screen and (prefers-color-scheme:dark){.Landing .Form{background:#000000b3}}.Landing h1{font-size:3rem;font-weight:100}.Landing h1 strong{font-weight:600}@media screen and (prefers-color-scheme:dark){.Landing h1{color:#fefffe}}.Landing h1{text-align:center;margin:1rem 0}.Landing p{text-align:center;margin:1rem 0}.Landing button{display:inline-block;cursor:pointer;border-radius:var(--button-border-radius);background:RoyalBlue;font-family:inherit;font-size:inherit;color:#fff;outline:none;border:none;margin:0 auto;padding:.8rem 1rem;transition:transform .2s}.Landing button:hover{transform:scale(1.2)}.Landing button:active{transform:scale(1.1)}.Landing input[type=text]{border:none;border-bottom:2px solid;border-bottom-color:inherit;color:inherit;text-align:center;font-family:inherit;font-size:inherit;outline:none;background:0 0;width:200px;margin-left:.5rem}.Landing .unsplash-credit{grid-row-start:4;text-align:center}.Landing .unsplash-credit a{display:inline-block;color:#fff;text-decoration:none;background-color:#000;border-radius:3px;padding:4px 6px;font-size:12px;font-weight:700;line-height:1.2}.Landing .unsplash-credit a span{display:inline-block;padding:2px 3px}.Landing .unsplash-credit a svg{position:relative;vertical-align:middle;fill:white;width:auto;height:12px;top:-1px}.Actions{--actions-font-size:1.5em;--actions-button-size:2em;--actions-button-border-radius:calc(var(--actions-button-size)/5);display:flex;font-size:var(--actions-font-size);flex-wrap:wrap;margin:1rem 0}.Actions ul{display:flex;list-style-type:none;flex-wrap:wrap;justify-content:space-around;transition:transform .2s}.Actions button{position:relative;display:inline-block;height:var(--actions-button-size);cursor:pointer;font-family:inherit;font-size:inherit;outline:none;border:none;transition:transform .2s}.Actions button.selected:after{content:"";position:absolute;background-color:#fff;border-radius:50%;width:4px;height:4px;margin-left:-2px;bottom:.2em;left:50%}@media (min-width:768px){.Actions button:hover{transform:scale(1.2)}.Actions button:active{transform:scale(1.1)}}.Actions .scores{border-radius:var(--actions-button-border-radius);overflow:hidden;background-image:linear-gradient(270deg,#feac5e,#c779d0,#4bc0c8);margin-bottom:1rem}.Actions .scores button{width:var(--actions-button-size);color:#fff;background:0 0}.Actions .operations{flex-grow:1;justify-content:flex-end}.Actions .operations li:not(:first-child){margin-left:1rem}.Actions .operations button{width:calc(var(--actions-button-size)*2);border-radius:var(--actions-button-border-radius);background:YellowGreen;color:#fff}.Actions .operations button.danger{background:#dc143c}@media (max-width:850px){.Actions{display:block}.Actions .operations{justify-content:space-between}.Actions .operations li{flex-grow:1}.Actions .operations button{width:100%}}.DonationBanner{text-align:center;background-color:#c8c8c84d;border:1px solid #9696964d;border-radius:.4em;padding:.9em}.DonationBanner>p{margin-bottom:.5rem;font-size:.9em;font-weight:100}.DonationBanner>p:last-child{margin-bottom:0}.DonationBanner .expiry-date{color:#9acd32;font-weight:700}.DonationBanner .expiry-date.urgent{color:#dc143c}.DonationBanner a{color:#4169e1}.DonationBanner a:hover{text-decoration:none}.Join{--join-font-size:1.5em;--join-button-size:2em;--join-button-border-radius:calc(var(--join-button-size)/5);text-align:center;font-size:var(--join-font-size);white-space:nowrap;margin:1rem 0}.Join button{display:inline-block;width:calc(var(--join-button-size)*2);height:var(--join-button-size);cursor:pointer;border-radius:var(--join-button-border-radius);background:YellowGreen;font-family:inherit;font-size:inherit;color:#fff;outline:none;border:none;margin-left:.5rem;transition:transform .2s}@media (min-width:768px){.Join button:hover{transform:scale(1.2)}.Join button:active{transform:scale(1.1)}}.Join input[type=text]{border:none;border-bottom:2px solid;border-bottom-color:inherit;color:inherit;text-align:center;font-family:inherit;font-size:inherit;outline:none;background:0 0;width:9em;margin:0 .5rem}@media (max-width:500px){.Join{--join-font-size:1.4em}}@media (max-width:374px){.Join{--join-font-size:1.1em}}.Notification{--notification-alert-color:white;--notification-alert-bg-color:crimson;position:fixed;background-color:var(--notification-alert-bg-color);color:var(--notification-alert-color);text-align:center;white-space:nowrap;overflow:hidden;height:2rem;transition:transform .2s linear;line-height:2rem;top:0;left:0;right:0}.Notification.slideOut-enter{transform:translateY(-2rem)}.Notification.slideOut-exit{transform:translateY(-2rem)}.Notification.slideOut-enter-active{transform:translateY(0)}.Notification a{color:var(--notification-alert-color)}@media (max-width:500px){.Notification{position:fixed;top:auto;bottom:0}.Notification .countdown{display:none}.Notification.slideOut-enter{transform:translateY(2rem)}.Notification.slideOut-exit{transform:translateY(2rem)}.Notification.slideOut-enter-active{transform:translateY(0)}}.Share{display:flex;white-space:nowrap;line-height:1.5em}.Share h1{margin-right:.5rem;font-size:1.5em;font-weight:100}.Share h1 strong{font-weight:600}@media screen and (prefers-color-scheme:dark){.Share h1{color:#fefffe}}.Share input{position:absolute;left:-99999px}.Share a{border-bottom:2px solid;border-bottom-color:inherit;color:inherit;text-decoration:none}.Share [aria-label]{position:relative}@media (min-width:768px){.Share [aria-label]:hover:before{content:" ";position:absolute;background:#000;width:.5rem;height:.5rem;margin-top:-.15rem;top:50%;right:-1rem;transform:rotate(45deg)}.Share [aria-label]:hover:after{content:attr(aria-label);position:absolute;color:#fff;white-space:nowrap;background:#000;border-radius:3px;margin-left:.7rem;padding:.1rem .4rem;font-size:x-small}}@media screen and (prefers-color-scheme:dark){.Share [aria-label]:hover:before{background:#d7d7d8}.Share [aria-label]:hover:after{color:#000;background:#d7d7d8}}.Summary{--summary-item-font-size:1.5em;--summary-item-width:60px;--summary-item-height:150px;font-size:var(--summary-item-font-size);transition:opacity .5s}.Summary.fade-enter{opacity:.01}.Summary.fade-exit{opacity:.01}.Summary.fade-enter-active{opacity:1}.Summary ul{display:flex;list-style-type:none;flex-wrap:wrap;justify-content:center}.Summary li{margin:calc(var(--summary-item-width)/10);text-align:center;user-select:none;margin-bottom:1em}.Summary dt{white-space:nowrap;color:DarkSlateGray;margin-top:-1.5em}.Summary dt small{display:block;transform:translateY(calc(-1*var(--summary-item-height) + 3em));margin-bottom:-1.5em;font-size:.75em}.Summary dd{display:flex;width:var(--summary-item-width);height:var(--summary-item-height);color:DarkSlateGray;border-radius:calc(var(--summary-item-height)/10);overflow:hidden;background-image:linear-gradient(#1cd8d2,#93edc7);margin:0}.Summary dd i{background-color:#f4f6f6;flex-grow:1;height:100%;transition:max-height .5s ease-out}@media (max-width:500px){.Summary{--summary-item-width:40px;--summary-item-height:100px}}.Card{--card-height:150px;--card-width:100px;position:relative;width:var(--card-width);height:var(--card-height);font-size:calc(var(--card-height)/3);line-height:var(--card-height);opacity:.3;perspective:calc(var(--card-height)*2);z-index:-1;transition:all .5s}.Card .face{position:absolute;text-align:center;transform-style:preserve-3d;backface-visibility:hidden;border-radius:calc(var(--card-height)/10);color:DarkSlateGray;background-color:#fff;transition:transform .5s;inset:0;box-shadow:0 .1em .1em #0003}.Card .back.face{color:LightSteelBlue;background-image:linear-gradient(130deg,LightSteelBlue,SteelBlue)}.Card .front.face{background-image:linear-gradient(130deg,white,LightGray);transform:rotateY(180deg)}.Card.voted{opacity:1}.Card.bounce-enter.bounce-enter-active{animation:1s ease-out 1 bounce}.Card.show .back.face{transform:rotateY(-180deg)}.Card.show .front.face{transform:rotateY(0)}.Card.highlight{transform:translateY(-.2em)scale(1.1)rotate(3deg)}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(calc(var(--card-height)/-5))}40%{transform:translateY(0)}60%{transform:translateY(calc(var(--card-height)/-10))}80%{transform:translateY(0)}}@media (max-width:500px){.Card{--card-height:100px;--card-width:67px}}.Votes{--vote-width:100px}.Votes ul{display:flex;list-style-type:none;flex-wrap:wrap;justify-content:space-around}.Votes li{min-width:20%;margin:0 0 1rem}.Votes dd{width:var(--vote-width);margin:0 auto}.Votes dt{width:var(--vote-width);margin:0 auto}.Votes dd{position:relative}.Votes dt{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:2em}.Votes .fade-enter{opacity:.01;transform:scale(1.2)}.Votes .fade-enter.fade-enter-active{opacity:1;transition:all .5s ease-in;transform:scale(1)}.Votes .fade-exit{opacity:1;transform:scale(1)}.Votes .fade-exit.fade-exit-active{opacity:.01;transition:all .3s ease-in;transform:scale(1.2)}@media (max-width:500px){.Votes{--vote-width:67px}.Votes li{min-width:25%}}@media (max-width:374px){.Votes li{min-width:33%}}.SpeechBallon{--text-color:white;--bg-color:#007cfc;position:absolute;background-color:var(--bg-color);color:var(--text-color);white-space:nowrap;border-radius:1.5em;margin:0;padding:1em;top:-1em;left:67%;box-shadow:0 .5em 1em #0000004d}.SpeechBallon.green{--bg-color:yellowgreen}.SpeechBallon.red{--bg-color:crimson}.SpeechBallon:before{--triangle-size:1em;content:" ";position:absolute;bottom:calc(var(--triangle-size)*-.6);border-width:var(--triangle-size);border-left-width:calc(var(--triangle-size)*1.5);border-style:solid;border-color:#0000;border-left-color:var(--bg-color);width:0;height:0;left:0;transform:rotate(20deg)}.SpeechBallon.popin-enter{transform-origin:bottom left;transform:scale(.01)}.SpeechBallon.popin-enter.popin-enter-active{transition:transform .3s cubic-bezier(.45,.45,.42,1.36);transform:scale(1)}.SpeechBallon.popin-exit{opacity:1;transform:scale(1)}.SpeechBallon.popin-exit.popin-exit-active{opacity:0;transition:all .3s ease-in;transform:scale(1.2)}.Room{display:grid;grid-template-rows:repeat(4,min-content);grid-row-gap:1rem;box-sizing:border-box;row-gap:1rem;max-width:1200px;margin:0 auto;padding:1rem}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px}@media screen and (prefers-color-scheme:dark){body{color:#d7d7d8;background-color:#161716}}@media screen and (max-width:500px){body{font-size:12px}}input{box-shadow:none;border-radius:0}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner svg{width:50px;height:50px}}