html{color:#fff}body,h1{margin:0}textarea,input,button{font-family:inherit;font-size:inherit;font-weight:inherit;box-sizing:border-box;outline:none}textarea{overflow:hidden;resize:none}button{border:unset;outline:none;cursor:pointer;background-color:#0000}.no-scrollbar::-webkit-scrollbar{display:none;-webkit-appearance:none;width:0;height:0}html{font-family:Geist Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:700;line-height:1}body{display:flex;color:#fff;background-color:#000;flex-direction:column;min-height:100vh}body:has(dialog[open]){overflow:hidden}.wos-button{display:flex;padding:unset;cursor:pointer;justify-content:center;align-items: center}header{position:relative;text-align:center;padding:24px;font-size:70px}header .buttons{position:absolute;display:flex;gap:16px;top:50%;right:24px;transform:translateY(-50%)}header .buttons button{color:#fff;aspect-ratio:1;width:50px;height:50px;transition:transform .2s}header .buttons button:hover{transform:rotate(90deg)}body:not([data-moderated=true]) :is(header) .add-new{display:none!important}main{display:flex;flex-direction:column;flex-grow:1;padding:24px}main .grid{display:grid;grid-template-rows:repeat(var(--rows,1),1fr);grid-template-columns:repeat(var(--cols,1),1fr);flex-grow:1;gap:32px}main .grid:has(.item:nth-child(2)){--rows:1;--cols:2}main .grid:has(.item:nth-child(3)){--rows:1;--cols:3}main .grid:has(.item:nth-child(4)){--rows:2;--cols:2}main .grid:has(.item:nth-child(5)){--rows:2;--cols:3}main .grid:has(.item:nth-child(7)){--rows:3;--cols:3}main .item{counter-increment:item}[is=wall-of-shame-user]{position:relative;overflow:hidden;display:flex;box-sizing:border-box;z-index:1;border:1px solid #fff;border-radius:24px;flex-direction:column;height:100%;min-height:300px}body:not([data-moderated=true]) [is=wall-of-shame-user] .edit{display:none!important}[is=wall-of-shame-user] .edit{position:absolute;display:flex;border-bottom:1px solid #fff;border-color:inherit;color:#fff;cursor:pointer;justify-content:center;align-items: center;width:60px;height:40px;transition:opacity .2s;top:0}[is=wall-of-shame-user]:not(:hover) .edit{opacity:0}[is=wall-of-shame-user]:not(:hover) .unban_after .hours{opacity:0}[is=wall-of-shame-user]:not(:hover) .unban_after .minutes{opacity:0}[is=wall-of-shame-user]:not(:hover) .unban_after .seconds{opacity:0}[is=wall-of-shame-user]:hover .edit{opacity:1}[is=wall-of-shame-user]:hover .unban_after .hours{opacity:1}[is=wall-of-shame-user]:hover .unban_after .minutes{opacity:1}[is=wall-of-shame-user]:hover .unban_after .seconds{opacity:1}[is=wall-of-shame-user] .edit{border-right:1px solid #fff;border-color:inherit;color:#fff;background-color:#000;border-bottom-right-radius:24px;left:0}[is=wall-of-shame-user] .remove{display:none;border-left:1px solid #fff;border-color:inherit;background-color:red;border-bottom-left-radius:24px;right:0}[is=wall-of-shame-user] .name{text-align:center;overflow-wrap:anywhere;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2em;margin-top:4cqh;padding:0 32px;font-size:3cqw}[is=wall-of-shame-user]:has(.reason_container:hover) .unban_after{opacity:.1}[is=wall-of-shame-user]:has(.reason_container:hover) .banned_since{opacity:.1}[is=wall-of-shame-user] .reason_container{position:relative;display:flex;z-index:10;flex-direction:column;align-items: center;margin:1em 32px 0;font-size:smaller;font-weight:100}[is=wall-of-shame-user] .reason_container .reason{position:absolute;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;text-align:center;filter:brightness(.5);-webkit-box-orient:vertical;top:0}[is=wall-of-shame-user] .reason_container .reason:hover{-webkit-line-clamp:unset;max-height:calc(var(--user-height)*.7*1px);overflow:scroll}[is=wall-of-shame-user] .unban_after{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:2cqh 1cqw;margin:auto;padding:16px 0 32px;transition:opacity .2s}[is=wall-of-shame-user] .unban_after .days{text-align:center}[is=wall-of-shame-user] .unban_after .days:after{display:block;content:attr(data-text);font-size:.25em}[is=wall-of-shame-user] .unban_after .hours{text-align:center}[is=wall-of-shame-user] .unban_after .hours:after{display:block;content:attr(data-text);font-size:.25em}[is=wall-of-shame-user] .unban_after .minutes{text-align:center}[is=wall-of-shame-user] .unban_after .minutes:after{display:block;content:attr(data-text);font-size:.25em}[is=wall-of-shame-user] .unban_after .seconds{text-align:center}[is=wall-of-shame-user] .unban_after .seconds:after{display:block;content:attr(data-text);font-size:.25em}[is=wall-of-shame-user] .unban_after .days{width:100%;font-size:12cqw}[is=wall-of-shame-user] .unban_after .hours{opacity:0;transition:opacity .2s;font-size:3cqw}[is=wall-of-shame-user] .unban_after .minutes{opacity:0;transition:opacity .2s;font-size:3cqw}[is=wall-of-shame-user] .unban_after .seconds{opacity:0;transition:opacity .2s;font-size:3cqw}[is=wall-of-shame-user][data-d="0"] .unban_after .days{display:none}[is=wall-of-shame-user][data-d="0"] .unban_after .hours{opacity:1;width:100%;font-size:12cqw}[is=wall-of-shame-user][data-d="0"][data-h="0"] .unban_after .hours{display:none}[is=wall-of-shame-user][data-d="0"][data-h="0"] .unban_after .minutes{opacity:1;width:100%;font-size:12cqw}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"] .unban_after .minutes{display:none}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"] .unban_after .seconds{opacity:1;width:100%;padding-bottom:calc(3.75cqw + 2cqh);font-size:12cqw}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"]{color:green;border-color:green}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"] .unban_after{padding-bottom:12cqh}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"] .unban_after .seconds{display:none}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"] .unban_after:before{display:block;content:"РАЗБАНЕН";color:green;text-align:center;width:100%;font-size:4cqw}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"] .unban_after:after{display:block;content:"(пока что)";color:green;font-size:2cqw}[is=wall-of-shame-user][data-d="0"][data-h="0"][data-m="0"][data-s="0"] .remove{background-color:green}[is=wall-of-shame-user] .banned_since{text-align:center;filter:brightness(.5);margin-bottom:16px;transition:opacity .2s;font-size:smaller;font-weight:100}[is=wall-of-shame-user] .banned_since .date:before{content:"ЗАБАНЕН: "}dialog[open]{position:fixed;z-index:10;display:flex;overflow:auto;box-sizing:border-box;backdrop-filter:blur(5px);background:#ffffffad;border-radius:16px;flex-direction:column;align-items: center;gap:16px;max-width:calc(100% - 64px);max-height:calc(100% - 64px);padding:24px;inset:16px}dialog .close{position:absolute;display:flex;cursor:pointer;padding:0;top:12px;right:12px}dialog .block{display:flex;flex-direction:column;gap:16px;width:100%}dialog .block:before{content:attr(data-title);text-align:center;font-size:30px}dialog .block .content{display:flex;justify-content:center;gap:16px}dialog[is=wall-of-shame-dialog-user-settings]{gap:32px;min-width:600px;max-width:min(900px,100% - 256px)}dialog[is=wall-of-shame-dialog-user-settings] .block input{text-align:center;min-width:270px}dialog[is=wall-of-shame-dialog-user-settings] .block.name input{field-sizing:content}dialog[is=wall-of-shame-dialog-user-settings] .block.reason textarea{field-sizing:content;min-width:100%;max-width:0;min-height:calc(3lh + 10px);padding:4px 12px}dialog[is=wall-of-shame-dialog-user-settings] .block.unban_after .content{display:flex;flex-wrap:wrap;align-self: center;gap:16px;max-width:270px}dialog[is=wall-of-shame-dialog-user-settings] .block.unban_after .content button{display:flex;white-space:nowrap;border-radius:8px;align-items: center;gap:8px}dialog[is=wall-of-shame-dialog-user-settings] .dialog-button{display:flex;box-sizing:border-box;cursor:pointer;will-change:background-color,transform,box-shadow,border;background-color:#d3d3d3;border-radius:8px;flex-shrink:0;justify-content:center;align-items: center;gap:8px;padding:4px 12px;transition-property:background-color,transform,box-shadow,border;transition-duration:.2s;box-shadow:3px 3px #000}dialog[is=wall-of-shame-dialog-user-settings] .dialog-button:hover{transform:translate(1px,1px);box-shadow:2px 2px #000}dialog[is=wall-of-shame-dialog-user-settings] .delete{background-color:#db3b21;width:160px;padding:8px 24px}dialog[is=wall-of-shame-dialog-user-settings] .save{width:160px;padding:8px 24px}dialog[is=wall-of-shame-dialog-user-settings] .save:disabled{cursor:not-allowed}dialog[is=wall-of-shame-dialog-settings]{gap:32px;min-width:450px;max-width:450px}dialog[is=wall-of-shame-dialog-settings] .block.block.api-key input{text-align:center;width:100%}