#twikoo{--tk-note-1: #fff9c4;--tk-note-2: #d7f7c2;--tk-note-3: #cce8ff;--tk-note-4: #f0d6ff;--tk-note-5: #ffe4cc;--tk-note-shadow: 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(0, 0, 0, .06);--tk-note-hover-shadow: 4px 10px 20px rgba(0, 0, 0, .16)}#twikoo .tk-comments-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;align-items:start;min-height:10rem}#twikoo .tk-comment{margin-top:0}#twikoo .tk-comment{display:flex;flex-direction:column;position:relative;border-radius:2px;padding:14px 14px 36px;box-shadow:var(--tk-note-shadow);transition:transform .18s ease,box-shadow .18s ease,z-index 0s;cursor:default;min-height:130px;border:none;word-break:break-word}#twikoo .tk-comment:nth-child(5n+1){background:var(--tk-note-1);transform:rotate(-1.2deg)}#twikoo .tk-comment:nth-child(5n+2){background:var(--tk-note-2);transform:rotate(.7deg)}#twikoo .tk-comment:nth-child(5n+3){background:var(--tk-note-3);transform:rotate(-.4deg)}#twikoo .tk-comment:nth-child(5n+4){background:var(--tk-note-4);transform:rotate(1.3deg)}#twikoo .tk-comment:nth-child(5n+5){background:var(--tk-note-5);transform:rotate(-.8deg)}#twikoo .tk-comment:hover{transform:rotate(0) scale(1.04) translateY(-4px)!important;box-shadow:var(--tk-note-hover-shadow);z-index:20}#twikoo .tk-comment:before{content:"";position:absolute;top:-11px;left:50%;transform:translate(-50%);width:48px;height:22px;background:#ffffff8c;border-radius:1px;border:.5px solid rgba(0,0,0,.08);box-shadow:none}#twikoo .tk-comment:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent rgba(0,0,0,.1) transparent}#twikoo .tk-comment>.tk-avatar{width:30px;height:30px;border-radius:50%;margin-right:0;margin-bottom:8px;flex-shrink:0;overflow:hidden;background:#0000001a}#twikoo .tk-comment>.tk-avatar .tk-avatar-img{height:30px;width:30px}#twikoo .tk-comment>.tk-main{width:100%}#twikoo .tk-comment .tk-nick-link{font-size:12px;font-weight:700;color:#0009}#twikoo .tk-comment .tk-nick-link:hover{color:#000000d9}#twikoo .tk-comment .tk-row{flex-wrap:wrap}#twikoo .tk-comment .tk-content{margin-top:6px;font-size:13px;line-height:1.65;color:#000000bf;max-height:200px;overflow:hidden}#twikoo .tk-comment .tk-extras{position:absolute;bottom:8px;left:14px;right:20px;font-size:10px;color:#00000061;flex-wrap:nowrap;overflow:hidden;margin:0}#twikoo .tk-comment .tk-extra{margin-top:0;margin-right:6px}#twikoo .tk-comment .tk-action-link,#twikoo .tk-comment .tk-action-icon{color:#0006}#twikoo .tk-comment .tk-replies{margin-top:8px;max-height:none;overflow:visible;padding-left:8px;border-left:2px solid rgba(0,0,0,.1)}#twikoo .tk-submit{grid-column:1 / -1;background:#fff9;border:1.5px dashed rgba(0,0,0,.15);border-radius:2px;padding:1rem;box-shadow:none}#twikoo .tk-pagination{grid-column:1 / -1}@media(prefers-color-scheme:dark){#twikoo{--tk-note-1: #4a4520;--tk-note-2: #1f3b1a;--tk-note-3: #1a2e42;--tk-note-4: #32204a;--tk-note-5: #3f2b18;--tk-note-shadow: 2px 3px 0 rgba(0, 0, 0, .4), 0 1px 0 rgba(0, 0, 0, .3)}#twikoo .tk-comment .tk-nick-link{color:#ffffffbf}#twikoo .tk-comment .tk-content{color:#fffc}#twikoo .tk-comment .tk-extras{color:#fff6}#twikoo .tk-comment .tk-action-link,#twikoo .tk-comment .tk-action-icon{color:#ffffff73}#twikoo .tk-comment:before{background:#ffffff26}}.night #twikoo,.darkmode #twikoo,.DarkMode #twikoo,[data-theme=dark] #twikoo,[data-user-color-scheme=dark] #twikoo{--tk-note-1: #4a4520;--tk-note-2: #1f3b1a;--tk-note-3: #1a2e42;--tk-note-4: #32204a;--tk-note-5: #3f2b18}@media screen and (max-width:600px){#twikoo .tk-comments-container{grid-template-columns:1fr}#twikoo .tk-comment{transform:rotate(0)!important}}