.posts{will-change:transition, opacity, filter, translate;transition:all .842s cubic-bezier(.22,.61,.36,1)}@starting-style{.posts{opacity:0;filter:blur(20px);translate:0 140px}}.posts .variant-card,.posts .variant-video,.posts .variant-bit,.posts .variant-craft,.posts .variant-list{transition:all .62s cubic-bezier(.22,.61,.36,1) 40ms}@starting-style{.posts .variant-card,.posts .variant-video,.posts .variant-bit,.posts .variant-craft,.posts .variant-list{opacity:0;filter:blur(20px);translate:0 80px;scale:.8}}:is(.posts .variant-card,.posts .variant-video,.posts .variant-bit,.posts .variant-craft,.posts .variant-list) svg{stroke-width:2px;width:10px;height:10px}.posts .variant-card,.posts .variant-bit,.posts .variant-craft{max-width:300px;cursor:var(--cursor,pointer);background-color:#0c0c1266;border:1px solid #15152333;border-radius:18px;flex-direction:column;gap:2px;padding:4px;display:flex;position:relative}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-title{background-color:#14141f66;border:1px solid #151523;border-radius:14px;flex-direction:column;gap:4px;padding:24px 18px 18px;transition:all .442s linear;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-title:has(.list-item-lead){flex-direction:row;align-items:center;gap:10px;padding:8px;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-title:has(.list-item-lead) .contents{flex-direction:column;justify-content:center;gap:0;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-title:has(.list-item-lead) .list-item-lead{background-color:#1d1d3566;border:1px solid #222239cc;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .442s linear;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-title .list-item-text{color:#0000;background-image:linear-gradient(to right, var(--color-text-1), #a3a3d9);-webkit-background-clip:text;background-clip:text;font-size:10px;transition:all .442s cubic-bezier(.55,.08,.68,.53)}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-description{text-wrap:pretty;color:#3e3e5a;max-width:90%;line-height:1.4}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer{color:var(--color-text-3);align-items:center;gap:2ch;padding:8px 12px;font-size:8px;line-height:1;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer .list-item-comments,:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer .list-item-date,:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer .list-item-views,:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer .list-item-audio{align-items:center;gap:.4ch;display:flex}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft) .list-item-footer .list-item-audio{margin-left:auto}:is(.posts .variant-card,.posts .variant-bit,.posts .variant-craft):hover .list-item-title{background-color:#14141f;border-color:#222239}.posts .variant-video{background-color:#14141f66;border:1px solid #151523;border-radius:18px;flex-direction:row;align-items:center;gap:8px;width:100%;max-width:300px;padding:8px 12px 8px 8px;display:flex;position:relative}.posts .variant-video .video-thumbnail{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #11111d;border-radius:14px;width:120px;height:80px;padding:4px;transition:all .42s cubic-bezier(.55,.08,.68,.53);display:flex;position:relative}.posts .variant-video .video-thumbnail img{object-fit:cover;border:1px solid #222239;border-radius:10px}.posts .variant-video .video-thumbnail .blurred{filter:blur(20px);z-index:-1;position:absolute;translate:6px 8px}.posts .variant-video .video-content{z-index:1;flex-direction:column;flex:1;gap:8px;line-height:1.4;display:flex}.posts .variant-video .video-meta{color:var(--color-text-3);gap:2ch;font-size:8px;display:flex}.posts .variant-video .video-meta span{gap:.4ch;display:flex}.posts .variant-video .video-title{text-overflow:"ellipsis";-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.posts .variant-list{color:var(--color-text-3);background-color:#0e0e1600;background-image:linear-gradient(-14deg,#8a849400,#a8b5ff00);border:1px solid #0000;border-radius:200px;flex-direction:row;align-items:center;gap:2ch;width:100%;padding:24px;display:flex;position:relative}.posts .variant-list .list-item-line{flex:1 1 0;height:1px;transition:all .442s cubic-bezier(.55,.08,.68,.53);position:relative}.posts .variant-list .list-item-line:before,.posts .variant-list .list-item-line:after{content:"";width:0;position:absolute;inset:0}.posts .variant-list .list-item-line:before{animation:1s forwards LINE_BEFORE}.posts .variant-list .list-item-line:after{animation:1s .142s forwards LINE_AFTER}.posts .variant-list .list-item-tag{color:#bcbcd7;text-transform:capitalize;background-color:#14141f;border:1px solid #1b1b2c;border-radius:200px;width:max-content;padding:4px 8px;font-size:8px;transition:all .442s cubic-bezier(.55,.08,.68,.53);display:inline}.posts .variant-list .list-item-text{color:#0000;background-image:linear-gradient(to right, var(--color-text-1), #a3a3d9);-webkit-background-clip:text;background-clip:text;font-size:10px;transition:all .442s cubic-bezier(.55,.08,.68,.53)}@keyframes ITEM_ANIMATION{0%{opacity:0;filter:blur(20px);translate:0 20px;scale:.96}}@keyframes LINE_BEFORE{0%{background:0 0}50%{background:#a8b5ff1a}to{background:0 0;width:100%}}@keyframes LINE_AFTER{0%{background:0 0}50%{background:#a8b5ff66}to{background:#a8b5ff14;width:100%}}
:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card) .glow{pointer-events:none;filter:blur(40px);border:1px solid #0000;border-radius:24px;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.variant-list :is(:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card) .glow){border-radius:200px}.variant-list :is(:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card) .glow):after{offset-path:rect(0 100% 100% 0 round 200px);border-radius:200px}:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card) .glow:after{content:"";offset-path:rect(0 100% 100% 0 round 14px);opacity:0;background:linear-gradient(90deg,#0000,#8989d7);border-radius:24px;width:80%;height:60px;transition:all .842s ease-out;display:inline-block;position:absolute}:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card):hover{z-index:2;background-color:#08080d;background-image:linear-gradient(24deg,#8a849400 20%,#a8b5ff0a 80%);border-color:#14141f;transform:scale(1.02);box-shadow:35px 20px 70px -10px #4f4f7d33}:is(.variant-list,.variant-video,.variant-bit,.variant-craft,.variant-card):hover .glow:after{offset-distance:42%;opacity:1}
.tabs{flex-direction:row;gap:8px;transition:all .442s linear;display:flex}@starting-style{.tabs{opacity:0;translate:0 8px}}.tabs button{text-transform:uppercase;width:max-content;height:auto;font-family:var(--font-t26);color:var(--color-text-3);border-radius:200px;justify-content:flex-start;align-items:center;gap:8px;padding:4px 8px;display:flex}.tabs button.active{color:var(--color-text-1);background-color:#14141f66;border:1px solid #151523}.tabs button .label{color:var(--color-text-3);font-size:8px}
.list .pre{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;margin-bottom:12px;padding:8px}.list .pre .signature{width:auto;padding-left:10px;font-size:82px;transform:none}.list .pre header{border-bottom:1px solid #1b1b2dcc;justify-content:space-between;align-items:center;width:100%;padding-bottom:18px;display:flex}
.posts{flex-direction:column;gap:14px;display:flex}.posts.posts-card{gap:28px;width:300px}.posts.posts-card.list-compact{width:420px}.posts.posts-card.list-compact .link{max-width:100%}.posts.posts-list{width:120ch;margin-inline:auto}