.post-detail{--color:255,255,255;--bg10:var(--color),0.1;--bg20:var(--color),0.2;--bg:15,15,15;--w:calc(177.7dvh - 302.2px);color:rgb(var(--color));background-color:rgb(var(--bg));position:fixed;inset:0;z-index:10000;padding-bottom:20px;overflow:auto}.post-detail>.container{container-type:inline-size;max-width:var(--w);margin:0 auto;padding:0 20px}@container (max-width: 1023px){.post-detail>.container main.grid{grid-template-columns:repeat(2,1fr);gap:16px}}@container (max-width: 589px){.post-detail>.container main.grid{grid-template-columns:1fr;gap:16px}}.post-detail nav{position:sticky;top:0;background-color:rgba(var(--bg),.8);backdrop-filter:blur(20px);z-index:10000}.post-detail nav .container{container-type:inline-size;max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px}.post-detail nav .container>button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:100px;cursor:pointer;transition:all .1s}.post-detail nav .container>button:hover{background-color:rgba(var(--bg10))}.post-detail nav .container>svg{height:24px}@container (max-width: 509px){.post-detail nav .container .actions .toggle:nth-child(2){padding:0;aspect-ratio:1}.post-detail nav .container .actions .toggle:nth-child(2) span{display:none}}@container (max-width: 409px){.post-detail nav .container .actions .toggle{padding:0;aspect-ratio:1}.post-detail nav .container .actions .toggle span{display:none}}.post-detail nav .actions{margin-left:auto;display:flex;gap:10px}.post-detail nav .actions .toggle{background-color:rgba(var(--bg10));height:36px;font-size:14px;padding:0 20px;border-radius:100px;cursor:pointer;transition:all .1s;font-weight:500;display:flex;gap:10px;align-items:center;justify-content:center}.post-detail nav .actions .toggle:hover{background-color:rgba(var(--bg20))}.post-detail main{position:relative}.post-detail main.full{aspect-ratio:16/9}.post-detail main.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px}.post-detail main.grid>.item{min-width:0}.post-detail main.grid>.item>.image{width:100%;position:relative;user-select:none;pointer-events:none;display:flex}.post-detail main.grid>.item>.image>img{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}.post-detail main.grid>.item>.image .time{position:absolute;bottom:8px;right:8px;height:20px;padding:0 5px;border-radius:4px;background-color:rgba(0,0,0,.6);font-size:12px;font-weight:500;display:flex;align-items:center;color:#fff}.post-detail main.grid>.item .profile{align-items:flex-start;margin-top:10px}.post-detail main.grid>.item h3{font-weight:500;font-size:16px}.post-detail main.grid>.item .name{font-weight:400;font-size:14px;color:rgba(var(--color),.66)}.post-detail main>*{outline:none!important}.post-detail main>img{border-radius:16px}.post-detail header{margin-top:10px}.post-detail header h2{font-size:20px}.post-detail header>div{display:flex;gap:10px;margin-top:10px;align-items:center}.post-detail[data-theme=light]{--bg:255,255,255;--color:0,0,0;--bg10:var(--color),0.05;--bg20:var(--color),0.1}.post-detail .profile{display:flex;gap:10px;align-items:center}.post-detail .profile .image{height:40px;width:40px;background-color:rgba(var(--bg20));border-radius:100px}.post-detail .profile .info{display:flex;flex-direction:column;justify-content:center}.post-detail .profile .info .name{font-weight:700}.post-detail .profile .info .subs{border-radius:4px;height:12px;width:100px;background-color:rgba(var(--bg10));margin:4px 0}.posts-container{width:100%;padding-bottom:calc(var(--spacing)*15);padding-inline:calc(var(--spacing)*4);gap:calc(var(--spacing)*4)}.posts-container .post-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}.posts-container .post-container.overflow-hidden{overflow:hidden}@media(min-width:1080px){.posts-container .post-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.posts-container .post-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.posts-container .post-container .post-wrapper{opacity:0}.posts-container .post-container .post-wrapper .post-item{width:100%;display:flex;flex-direction:column}.posts-container .post-container .post-wrapper .post-item:hover{cursor:pointer}.posts-container .post-container .post-wrapper .post-item .image-container{width:100%;height:100%;margin-bottom:calc(var(--spacing)*2)}.posts-container .post-container .post-wrapper .post-item .image-container .image-item{width:100%;height:100%;object-fit:cover;border-radius:1.5rem}.posts-container .post-container .post-wrapper .post-item>h2{padding-left:calc(var(--spacing)*1);color:var(--text-color);font-size:20px;font-weight:700;text-align:start;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.posts-container .post-container .post-wrapper .post-item .channel-info{padding-left:calc(var(--spacing)*1);color:var(--text-color);opacity:80%;display:flex;align-items:center;font-size:16px;font-weight:500}.posts-container .post-container .post-wrapper .post-item .channel-info .spacer{width:3px;height:3px;background-color:var(--text-color);opacity:80%;border-radius:50%;margin-inline:calc(var(--spacing)*1)}.posts-container .post-container .post-wrapper .post-item .channel-info .verified-icon{width:20px;display:flex;align-items:center;justify-content:center}