.page{display:flex;flex-flow:column nowrap;justify-content:flex-start;margin:0 auto;max-width:100%;padding:3.75rem 0 0;position:relative;width:22.75rem}@media screen and (max-width:767px){.page{padding:2rem 0 0}}.header{align-items:flex-start;display:flex;margin:0 auto 1.25rem}.header,.header img{max-width:100%;width:auto}.header img{display:block;height:2.75rem}@media screen and (max-width:359px){.header img{height:2rem}}.header:active{transform:translateY(1px)}@media screen and (max-width:359px){.header{margin:0 auto .75rem}}.versus{align-items:center;background-color:var(--color-light);border-radius:50%;box-shadow:0 1px 1px 0 #00000040;color:var(--color-dark);display:flex;font-size:1.125rem;height:3.5rem;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:3.5rem;z-index:2}.counter,.versus{line-height:1;position:absolute}.counter{display:block;font-size:1rem;right:.5rem;text-align:left;top:.5rem}.counter strong{align-items:center;display:flex;font-size:3.25rem;font-weight:700;line-height:1;margin:0 .25rem 0 -.25rem}.counter em{display:block;font-size:1.25rem;font-style:normal;font-weight:400;margin-left:.25rem}.questions-item{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:2.5rem 1.25rem;position:relative;transition:filter .375s;-webkit-user-select:none;user-select:none;width:100%}.questions-item p{display:block;margin:0;max-height:100%;text-align:center;text-overflow:ellipsis;word-break:break-word}.questions-item:after{bottom:0;content:"";height:5rem;left:0;position:absolute;width:100%}.questions-item:first-child{background-color:var(--color-first);border-radius:1.5rem 1.5rem 0 0}.questions-item:first-child:after{background-image:linear-gradient(to top,var(--color-first) 10%,#fff0)}.questions-item:last-child{background-color:var(--color-last);border-radius:0 0 1.5rem 1.5rem}.questions-item:last-child:after{background-image:linear-gradient(to top,var(--color-last) 1rem,#fff0)}.questions-item.is-recent p{animation:fade-in .75s forwards}.questions-item.is-recent:active p{transform:translateY(1px)}.questions-item:not(.is-recent){padding:5.25rem 1rem}.questions-item:not(.is-recent):not(.is-picked){color:#ffffff80}@media(hover:hover){.questions-item.is-recent:hover{filter:brightness(120%)}}.questions{border-radius:1.5rem;display:grid;font-size:1.25rem;font-weight:400;grid-template-rows:1fr 1fr;height:calc(var(--app-height) - 13.5rem);margin:0 auto;max-height:40rem;min-height:30rem;overflow:hidden;position:relative;width:100%;will-change:transform}@media screen and (max-width:767px){.questions{font-size:1.125rem;height:calc(var(--app-height) - 10.75rem)}}@media screen and (max-width:359px){.questions{height:calc(var(--app-height) - 10.25rem)}}.tools{align-items:flex-start;display:flex;height:4.75rem;justify-content:space-between;margin:0 auto;max-width:100%;padding:1.5rem 0 0;width:12rem}.tools button{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;display:block;height:2rem;padding:.25rem;position:relative;transition:filter .375s;width:2rem}.tools button span{animation:appearance .5s forwards;background:var(--color-last);border:.125rem solid var(--color-field-dark);border-radius:50%;display:block;height:.7125rem;position:absolute;right:.125rem;top:.125rem;transform:scale(0);width:.7125rem}.tools button svg{height:100%;width:100%}.tools button:first-child{transform:translateY(-2px)}.tools button:last-child{transform:rotate(180deg)}.tools button:nth-child(2){padding:.425rem}@media(hover:hover){.tools button:hover{filter:brightness(70%)}}.tools.is-disliked button:first-child,.tools.is-liked button:last-child{cursor:not-allowed;filter:brightness(70%)}@media screen and (max-width:767px){.tools{padding:1.25rem 0 0}}.discuss-item{border-top:1px solid #00000040;cursor:default;display:grid;grid-template-areas:"avatar name" "avatar message";grid-template-columns:4rem 1fr;padding:1rem 0}.discuss-item img{background-image:var(--color-field-dark);border-radius:.25rem;display:block;grid-area:avatar;height:3rem;opacity:0;width:3rem}.discuss-item span{display:block;font-size:.875rem;grid-area:name;line-height:1;margin:0 0 .25rem}.discuss-item p{display:block;font-weight:400;grid-area:message;line-height:1.375;margin:0;word-break:break-word}.discuss-item:first-child{border-top:0}.discuss-item:nth-child(odd) span{color:var(--color-first)}.discuss-item:nth-child(2n) span{color:var(--color-last)}.discuss-item.is-loaded img{animation:fade-in .5s forwards}.loader{animation:rotation 1s linear infinite;border:.25rem solid #ffffffbf;border-bottom-color:#0000;border-radius:50%;display:block;height:3rem;left:calc(50% - 1.5rem);position:absolute;top:calc(50% - .5rem);width:3rem}.loader.on-discuss{right:.75rem;top:calc(50% - .75rem)}.loader.on-discuss,.loader.on-feedback{border-width:.125rem;height:1.5rem;left:auto;width:1.5rem}.loader.on-feedback{margin-left:1rem;position:relative;top:auto}.warning{cursor:default;display:block;font-size:1rem;margin:0;text-align:center}.warning strong{display:block;font-size:1.375rem;font-weight:400;margin:0 0 1rem}.warning span{display:block}.warning button{border:0;border-bottom:1px solid;margin:0;padding:0;transition:border .25s}.warning button:hover{border-bottom-color:#0000}.warning.on-discuss{bottom:0;left:0;padding:.5rem 0 0;position:absolute}.warning.on-discuss,.warning.on-feedback{font-size:.875rem;font-weight:400;width:100%}.warning.on-feedback{display:block;margin:0;text-align:left}.warning.on-fullscreen{left:50%;max-width:100%;padding:0 1rem 2.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:40rem}.warning.on-fullscreen em{font-style:normal}.discuss-form{margin:1.5rem 0 0;padding-bottom:2rem}.discuss-form,.discuss-form fieldset{display:block;position:relative;width:100%}.discuss-form fieldset{border:0;margin:0;padding:0}.discuss-form textarea{background-color:#0000;border:1.5px solid #ffffff1a;border-radius:.25rem;display:block;font-size:1rem;font-weight:400;min-height:2rem;padding:.625rem 2.5rem .625rem .5rem;resize:none;width:100%}.discuss-form textarea:focus{border-color:var(--color-last);outline:none}.discuss-form button{border:0;cursor:pointer;display:block;height:1.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:filter .375s;width:1.25rem}.discuss-form button svg{height:100%;width:100%}@media(hover:hover){.discuss-form button:hover{filter:brightness(80%)}}@media screen and (max-width:479px){.discuss-form{margin:1rem 0}}.discuss{display:flex;flex-flow:column nowrap;justify-content:flex-end;margin:0 auto;padding-bottom:1rem;position:relative;width:100%}.toggler{cursor:pointer;height:1.25rem;outline-offset:.375rem;right:2rem;top:2rem;width:1.375rem;z-index:10}.toggler,.toggler span{display:block;position:absolute}.toggler span{background:var(--color-light);border-radius:2px;height:2px;left:0;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.toggler span:first-child{top:0}.toggler span:nth-child(2){top:calc(100% - 2px)}.toggler span:nth-child(3){top:calc(50% - 1px)}.toggler.is-opened span:first-child{top:calc(50% - 1px);transform:rotate(135deg)}.toggler.is-opened span:nth-child(2){top:calc(50% - 1px);transform:rotate(-135deg)}.toggler.is-opened span:nth-child(3){opacity:0}@media screen and (max-width:767px){.toggler{right:2rem;top:2.5rem}}@media screen and (max-width:359px){.toggler{right:2rem;top:2.125rem}}.navbar{align-items:center;background-color:var(--color-blackout);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.navbar nav{animation:decrease 125ms;background-color:var(--color-popup);border-radius:.75rem;color:var(--color-light);display:block;max-width:calc(100% - 1rem);padding:.5rem 1.25rem;position:fixed;width:20rem}.navbar a,.navbar button{align-items:center;border-bottom:1px solid var(--color-lines);display:flex;font-weight:400;padding:.75rem .125rem;text-decoration:none;width:100%}.navbar a:last-child,.navbar button:last-child{border-bottom:0}.navbar a svg,.navbar button svg{display:block;height:auto;margin-right:.75rem;width:1.25rem}.menu{align-items:center;background-color:var(--color-blackout);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.menu nav{animation:decrease 125ms;background-color:var(--color-popup);border-radius:.75rem;color:var(--color-light);display:block;max-width:100%;padding:.5rem 1.25rem;position:fixed;width:20rem}.menu a,.menu button{align-items:center;border-bottom:1px solid var(--color-lines);display:flex;font-weight:400;padding:.75rem .125rem;text-decoration:none;width:100%}.menu a:last-child,.menu button:last-child{border-bottom:0}.menu a svg,.menu button svg{display:block;height:auto;margin-right:.75rem;width:1.25rem}.content{display:block;font-size:1rem;margin:2rem 0}.content p{display:block;margin:0 0 1rem;padding:0}.content p:last-child{margin-bottom:0}.content a{border-bottom:1px solid;text-decoration:none;transition:border .125s}.content a:hover{border-bottom-color:#0000}.content strong{font-weight:700}.backlink{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:center;padding:0 0 .5rem;position:relative}.backlink h1{cursor:default;font-size:1.125rem;font-weight:400;margin:0}.backlink a{align-items:center;display:flex;height:2rem;justify-content:flex-start;left:0;margin-right:auto;position:absolute;width:2rem}.backlink svg{height:1.5rem;width:1.5rem}.moderation{display:block}.moderation-item{display:flex;flex-flow:row wrap;font-weight:400;margin-bottom:2.5rem;overflow:hidden;width:100%}.moderation-item p{margin:0}.moderation-item hr{background-color:var(--color-border);border:0;height:1px}.moderation-item ul{background-color:var(--color-field-dark);border:0;border-radius:.25rem;display:block;list-style:none;margin:0;padding:0 .75rem;width:100%}.moderation-item ul li{margin:0;padding:.875rem 0}.moderation-item ul li:first-child{border-bottom:1px solid var(--color-border)}.moderation-item fieldset{align-items:center;border:0;display:flex;flex-flow:row wrap;gap:.5rem 1rem;margin:.75rem 0 0;padding:0;width:100%}.moderation-item button{align-items:center;border-radius:.25rem;display:flex;flex:1 1;justify-content:center;padding:.6875rem 1rem;position:relative;transition:filter .375s}.moderation-item button:first-child{background-color:var(--color-approve)}.moderation-item button:last-child{background-color:var(--color-decline)}.moderation-item button svg{display:block;height:auto;transform:translateX(-.375rem);width:1.25rem}.moderation-item button span{margin-right:.375rem}@media(hover:hover){.moderation-item button:hover{filter:brightness(80%)}}.moderation-item.is-voted{animation:fade-out .5s forwards}.feedback{display:block;margin:0 0 1.5rem;position:relative;width:100%}.feedback fieldset{align-items:center;border:0;display:flex;margin:1rem 0;padding:0;position:relative}.feedback textarea{background-color:#0000;border:1.5px solid #ffffff80;border-radius:.25rem;display:block;font-size:1rem;font-weight:400;min-height:6.5rem;padding:.625rem 2.5rem .625rem .5rem;resize:none;width:100%}.feedback textarea:focus{border-color:var(--color-last);outline:none}.feedback input{background-color:#0000;border:1.5px solid #ffffff80;border-radius:.25rem;display:block;font-size:1rem;font-weight:400;margin-bottom:1rem;padding:.625rem .5rem;resize:none;width:100%}.feedback input:focus{border-color:var(--color-last);outline:none}.feedback button{align-items:center;background-color:var(--color-last);border-radius:.25rem;display:flex;font-weight:400;justify-content:center;padding:.6875rem 2rem;transition:filter .375s}@media(hover:hover){.feedback button:hover{filter:brightness(80%)}}.feedback textarea:placeholder-shown+fieldset button{cursor:not-allowed;filter:brightness(80%)}@media screen and (max-width:479px){.feedback{margin:1rem 0}}.logout{cursor:pointer;display:block;height:2rem;outline-offset:.375rem;position:absolute;right:2rem;top:2rem;width:2rem;z-index:10}.logout svg{height:auto;width:1.5rem}@media screen and (max-width:767px){.logout{right:2rem;top:2.5rem}}@media screen and (max-width:359px){.logout{right:2rem;top:2.125rem}}.particles-bg-canvas-self{background-image:linear-gradient(to bottom,var(--color-field-light),var(--color-field-dark));height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@font-face{font-display:block;font-family:Ubuntu;font-style:normal;font-weight:400;src:url(https://thisorthat.ru/static/media/ubuntu-regular.d7115b526e4688a46904.woff2) format("woff2"),url(https://thisorthat.ru/static/media/ubuntu-regular.8efd18174f24d758cb7c.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:700;src:url(https://thisorthat.ru/static/media/ubuntu-bold.1b4c594d906aecda540d.woff2) format("woff2"),url(https://thisorthat.ru/static/media/ubuntu-bold.8360c76fae3e0be0b999.woff) format("woff")}:root{--color-field-dark:#110f26;--color-field-light:#322e5a;--color-blackout:rgba(0,0,0,.875);--color-lines:rgba(0,0,0,.125);--color-border:#ffffff40;--color-popup:#2e2e3a;--color-approve:#3da38c;--color-decline:#d85168;--color-first:#ff6642;--color-last:#b454b7;--color-light:#fff;--color-dark:#111}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes decrease{0%{transform:scale(1.075)}to{transform:scale(1)}}@keyframes appearance{0%{transform:scale(0)}to{transform:scale(1)}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100%}html{background-color:var(--color-field-dark);color:var(--color-light)}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);font:400 16px/1.5 Ubuntu,sans-serif;margin:0;max-width:100%;padding:0}body.is-out{filter:blur(2px);pointer-events:none}img{height:auto;max-width:100%}a,button{color:inherit}button{background:#0000;border:0;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0}input,textarea{color:var(--color-light);font-family:inherit}textarea{line-height:1.25}#root{display:block;height:100%;padding:0 2rem;position:relative}#root:before{content:"";font-weight:700;visibility:hidden}::placeholder{color:hsla(0,0%,100%,.375)}
/*# sourceMappingURL=main.6d4a2cfb.css.map*/