html{height:100%}body{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;margin:0}.halftone{grid-row:1;grid-column:1;z-index:0;background:#ff0;filter:contrast(100)}.halftone:before{--mask: linear-gradient(-60deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 50%));--bgSize: .6rem;--bgPosition: calc(var(--bgSize) / 2);--stop1: 4%;--stop2: 26%;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,black var(--stop1),transparent var(--stop2)),radial-gradient(circle at center,black var(--stop1),transparent var(--stop2));background-size:var(--bgSize) var(--bgSize);background-position:0 0,var(--bgPosition) var(--bgPosition);-webkit-mask-image:var(--mask);mask-image:var(--mask)}#root{grid-row:1;grid-column:1;z-index:1}@font-face{font-family:Bangers;src:url(/assets/Bangers-D6sbFTEK.ttf)}@keyframes shimmer{to{background-position-x:0%}}html *{font-family:Bangers}.header-content{position:sticky;top:0;display:flex;justify-content:space-between;background:orange;border-bottom:1px solid black;z-index:1000}.header-content #logo-text{align-content:center;padding:0 12px}.header-content .search{align-content:center}.header-content .search .search-icon{height:20px}.loading-container{margin:auto;width:50px}.add-content-bubble{display:grid;position:absolute;right:25px;top:60px;border:none;background:none;cursor:pointer;transition:.1s}.add-content-bubble:hover{transform:scale(1.2)}.add-content-bubble svg{width:60px;height:40px}.add-content-bubble svg path:nth-child(1){fill:#fff}.add-content-bubble span{grid-row:1;grid-column:1;margin:0 0 6px 8px;align-content:center;text-align:center}.content-container{margin:auto;max-width:420px;letter-spacing:.03rem}.content{margin:0 16px;background:#fff;border:1.5px solid black}.content .content-item{min-height:70px;margin:3px;border:1.5px solid black;transition:.1s}.content .content-item .content-item-title{padding:8px 8px 2px;font-size:16px;overflow:hidden}.content .content-item .content-item-feedback{display:flex;height:42px;justify-content:space-between}.content .content-item .content-item-feedback .vote-error{margin:auto;font-size:10px;color:orange}.content .content-item .content-item-feedback .vote-error.con{margin-left:4px}.content .content-item .content-item-feedback .vote-error.pro{margin-right:4px}.content .content-item:hover{margin:3px 5px}.content.in-progress{margin-top:-2px;background:linear-gradient(-45deg,#eee 40%,#fafafa,#eee 60%);background-size:300%;background-position-x:100%;animation:shimmer 1s infinite linear}.content.in-progress .content-item{min-height:42px}.content.in-progress .content-item>.content-item-title-error{padding:4px 8px;font-size:8px;color:red}.content-input{margin:16px}.content-input input#text-input{flex-grow:1;padding:8px;font-size:12px;letter-spacing:.03rem;border:none}.content-input button.content-send{flex-grow:0;display:inline-grid;justify-content:center;padding:0;width:52px;background:#fff;border:none}.content-input button.content-send svg{height:30px;padding:3px;opacity:.5}.content-input button.content-send span{grid-row:1;grid-column:1;align-self:end;margin-bottom:8px;color:gray}.content-input button.content-send span:hover{font-size:16px}.content-input button.content-send.content-ready svg{opacity:1}.content-input button.content-send.content-ready span{color:#000}#user{height:36px;width:36px;padding:6px 10px}#user button{width:100%;height:100%;border-radius:50%;background-size:cover;font-size:9px}#user button.loading{font-size:7px;background:linear-gradient(-45deg,#eee 40%,#fafafa,#eee 60%);background-size:300%;background-position-x:100%;animation:shimmer 1s infinite linear}.loading rect{fill:orange}svg{grid-row:1;grid-column:1}.search-container{display:flex;height:20px;margin:auto}.search-container svg{padding:1px}.search-container #search-input{min-width:140px;border:none;border-bottom:1px solid;background:none}.search-container #search-input:focus{outline:none}button#vote{display:grid;width:54px;height:42px;padding-inline:8px;border:none;background:none;place-items:center;cursor:pointer;transition:.2s}button#vote span{font-size:10px;color:#222;grid-row:1;grid-column:1}button#vote:hover{font-size:16px}button#vote svg.no{align-self:end;padding:0 4px;transform:rotate(5deg)}button#vote svg.yes{padding-bottom:2px;align-self:end}button#vote.pro svg.yes{transform:scale(1.2)}button#vote.con svg.no{transform:scale(1.2)}button#vote:hover svg.no,button#vote:hover svg.yes{transform:scale(1.2)}#headline{height:65px;box-sizing:border-box;align-content:center;text-align:center;font-size:24px;color:#4c5050}