.blog-post .image-holder{width:100%;height:375px;position:relative;z-index:0;overflow:hidden;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;padding:32px;gap:8px;margin-bottom:24px}.blog-post .image-holder:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:2;background:linear-gradient(256.5deg,transparent 50.41%,#000 101.45%)}.blog-post .image-holder img{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;object-fit:cover}.blog-post .image-holder h1{font-weight:700;font-size:20px;line-height:140%;color:#fff;position:relative;z-index:3;margin:0}.blog-post .image-holder p{font-weight:500;font-size:12px;line-height:160%;color:#fff;position:relative;z-index:3;margin:0}.blog-post .image-holder .tags{display:flex;gap:6px;position:relative;z-index:3}.blog-post .image-holder .tags a{padding:8px 8px 8px 25px;border-radius:8px;color:#808599;background-color:#eff0f2;background-image:url(/_next/static/media/tag.ee61c549.svg);background-position:left 7px center;background-repeat:no-repeat;background-size:12px;font-size:12px}.blog-post .article-holder{display:flex;gap:20px}.blog-post article{font-style:normal;font-weight:500;font-size:16px;line-height:160%;color:#808599;flex-grow:1}.blog-post .article-holder:has(aside) article{flex:0.7 1}.blog-post aside{flex:0.3 1}.blog-post article img{max-width:100%;height:auto;border-radius:16px}.blog-post aside .headlines{box-sizing:border-box;padding:20px;border:1px solid #eff0f2;border-radius:24px;display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:100px}.blog-post aside .headlines>.title{font-weight:700;font-size:20px;line-height:140%;color:#ff7533}.blog-post aside .headlines .list{display:flex;flex-direction:column;gap:8px}.blog-post aside .headlines .list a{font-weight:700;font-size:14px;line-height:180%;color:#606680;box-sizing:border-box;display:flex;align-items:center;padding:6px 0;gap:12px;border-bottom:1px solid #eff0f2}.blog-post aside .headlines .list a svg{min-width:12px;min-height:13px}.blog-post aside .headlines .list a path{fill:#eff0f2}.blog-post aside .headlines .list a.c{color:#06c270}.blog-post aside .headlines .list a.c path{fill:#06c270}.blog-post aside .headlines .list a:last-child{border-bottom:none}.blog-post .comments-section{margin:20px 0}.blog-post .comments-section>.title{font-weight:700;font-size:24px;line-height:140%;color:#4d5266}.blog-post .comments-section .comments{margin-top:16px;box-sizing:border-box;align-items:flex-start;padding:24px}.blog-post .comment,.blog-post .comments-section .comments{display:flex;flex-direction:column;gap:20px;border:1px solid #eff0f2;border-radius:24px}.blog-post .comment{padding:20px}.blog-post .comment .details{display:flex;gap:10px;align-items:center}.blog-post .comment .details .author-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.blog-post .comment .details>img{width:50px;height:50px;border-radius:50%;object-fit:cover}.blog-post .comment .author-info .name{background:#eff0f2;border-radius:4px;font-weight:700;font-size:12px;line-height:180%;color:#808599;padding:2px 8px}.blog-post .comment .author-info .date{font-weight:500;font-size:12px;line-height:180%;color:#808599}.blog-post .comment .replay{background:#eff0f2;border-radius:8px;border:none;min-width:40px;min-height:40px;cursor:pointer}.blog-post .comment .comment{background-color:#eff0f2}.blog-post .comment .comment .replay{background-color:#dfe0e6}.blog-post .comment .comment .author-info .name{background:#dfe0e6}.blog-post .submit-comment{box-sizing:border-box;padding:24px;border:1px solid #eff0f2;border-radius:24px;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.blog-post .submit-comment>.title{font-weight:700;font-size:24px;line-height:140%;color:#4d5266}.blog-post .comment-form{display:flex;flex-direction:column;gap:12px}.blog-post .comment-form .user-info{display:flex;align-items:center;justify-content:flex-start;gap:16px}.blog-post .comment-form .user-info img{width:45px;height:45px;border-radius:50%}.blog-post .comment-form .user-info>div{display:flex;flex-direction:column;gap:4px}.blog-post .comment-form .user-info .date{font-weight:500;font-size:12px;line-height:180%;color:#808599}.blog-post .comment-form .user-info .name{background:#eff0f2;border-radius:4px;font-weight:700;font-size:12px;line-height:180%;color:#808599;padding:0 8px}.blog-post .comment-form .fields{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.blog-post .comment-form .actions{display:flex;align-items:flex-end;justify-content:flex-end}.blog-post .comment-form .actions .dt-btn{padding:12px 50px}