.comment-section{margin-top:3rem;border-top-width:1px;border-color:hsla(0,0%,100%,.1);padding-top:2.5rem}.comment-title{margin-bottom:1.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.comment-status{margin-bottom:1.25rem;font-size:.875rem;line-height:1.25rem;color:hsla(0,0%,100%,.7)}.avatar-primary{margin-top:.5rem;height:2rem;width:2rem;border-radius:9999px;font-size:.75rem;line-height:1rem}@media (min-width:640px){.avatar-primary{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}}.avatar-primary:is(img){--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));object-fit:cover}.comment-container{flex:1 1 0%;border-radius:var(--radius);border-width:1px;border-color:hsla(0,0%,100%,.15);background-color:hsla(0,0%,100%,.05);padding:.5rem 1rem;line-height:1.625;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.comment-container{padding:1rem 1.5rem}}.comment-container .comment-time{margin-left:.5rem;font-size:.75rem;line-height:1rem;color:hsla(0,0%,100%,.6)}.comment-container .comment-replies{margin-top:1.25rem;margin-bottom:1.25rem;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:hsla(0,0%,100%,.6)}.comment-container .avatar-secondary{margin-top:.75rem;height:1.5rem;width:1.5rem;border-radius:9999px;font-size:10px}@media (min-width:640px){.comment-container .avatar-secondary{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}}.comment-container .avatar-secondary:is(img){--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));object-fit:cover}.comment-container .replies-container{flex:1 1 0%;border-radius:var(--radius);border-width:1px;border-color:hsla(0,0%,100%,.1);background-color:rgba(0,0,0,.2);padding:.5rem 1rem;line-height:1.625;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.comment-container .replies-container{padding:1rem 1.5rem}}.comment-form-container{margin-bottom:1rem;margin-top:3rem}.comment-form-container .comment-form{margin-bottom:1.5rem;display:flex;width:100%;flex-wrap:wrap;border-radius:var(--radius);border-width:1px;border-color:hsla(0,0%,100%,.15);background-color:hsla(0,0%,100%,.05);padding:1.25rem}.comment-form-container .comment-form .comment-form-title{padding-bottom:.5rem;padding-top:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.comment-form-container .comment-form .comment-inputs{margin-bottom:1rem;display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.comment-form-container .comment-form .comment-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}.comment-form-container .comment-form .comment-inputs .comment-input{width:100%;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsla(0,0%,100%,.15);--tw-bg-opacity:1;background-color:rgb(42 52 67/var(--tw-bg-opacity));padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.comment-form-container .comment-form .comment-inputs .comment-input::placeholder{color:hsla(0,0%,100%,.5)}.comment-form-container .comment-form .comment-inputs .comment-input:focus{--tw-border-opacity:1;border-color:rgb(243 236 25/var(--tw-border-opacity))}.comment-form-container .comment-form .comment-text-area{margin-bottom:1.5rem;margin-top:.5rem;width:100%}@media (min-width:768px){.comment-form-container .comment-form .comment-text-area{width:100%}}.comment-form-container .comment-form .submit-error{margin-bottom:.75rem;width:100%;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.comment-form-container .comment-form .submit-success{margin-bottom:.75rem;width:100%;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.title-container{margin-bottom:3rem;--tw-bg-opacity:1;background-color:rgb(34 45 61/var(--tw-bg-opacity));padding-bottom:2rem;padding-top:5rem}.title-container .title-wrap{margin-left:auto;margin-right:auto;max-width:1024px}.title-container .title-wrap .title-content-wrap{margin-bottom:1.5rem;text-align:center}.title-container .title-wrap .title-content-wrap .meta-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.title-container .title-wrap .title-content-wrap .badge{display:inline-block;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(243 236 25/var(--tw-bg-opacity));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity:1;color:rgb(29 40 47/var(--tw-text-opacity))}.title-container .title-wrap .title-content-wrap .date{font-size:.875rem;line-height:1.25rem}.title-container .title-wrap .title-content-wrap .min-read{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.title-container .title-wrap .title-content-wrap .title{margin-top:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.title-container .title-wrap .title-content-wrap .title{font-size:3rem;line-height:1}}.title-container .title-wrap .author-wrap{margin-bottom:2rem;display:flex;justify-content:center}.title-container .title-wrap .author-wrap .author-image{width:3rem;height:3rem;border-radius:9999px;font-size:1.125rem;line-height:1.75rem}.title-container .title-wrap .author-wrap .author-image:is(img){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));object-fit:cover}.blog-detail{position:relative;margin-left:auto;margin-right:auto;margin-top:5rem;display:flex;height:100%;flex-direction:column;padding-bottom:5rem}.blog-detail .blog-container{margin-left:auto;margin-right:auto;max-width:1024px;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.blog-detail .blog-container{padding-left:0;padding-right:0}}.blog-detail .blog-container .article-shell{margin-left:auto;margin-right:auto;width:100%}.blog-detail .blog-container .article-cover{margin-bottom:2rem;overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(42 52 67/var(--tw-border-opacity));background-color:rgba(42,52,67,.1)}.blog-detail .blog-container .article-cover-image{display:block;height:auto;max-height:520px;width:100%;object-fit:cover}.blog-detail .blog-container .article-content{font-size:1rem;line-height:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content h1,.blog-detail .blog-container .article-content h2,.blog-detail .blog-container .article-content h3,.blog-detail .blog-container .article-content h4,.blog-detail .blog-container .article-content h5,.blog-detail .blog-container .article-content h6{margin-bottom:1rem;margin-top:2.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content h1{font-size:2.25rem;line-height:2.5rem}.blog-detail .blog-container .article-content h2{font-size:1.875rem;line-height:2.25rem}.blog-detail .blog-container .article-content h3{font-size:1.5rem;line-height:2rem}.blog-detail .blog-container .article-content blockquote,.blog-detail .blog-container .article-content ol,.blog-detail .blog-container .article-content p,.blog-detail .blog-container .article-content pre,.blog-detail .blog-container .article-content table,.blog-detail .blog-container .article-content ul{margin-bottom:1.5rem}.blog-detail .blog-container .article-content a,.blog-detail .blog-container .article-content p{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content a{font-weight:500;text-decoration-line:underline;text-decoration-color:#f3ec19;text-decoration-thickness:2px;text-underline-offset:2px;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-detail .blog-container .article-content a:hover{opacity:.7}.blog-detail .blog-container .article-content ol,.blog-detail .blog-container .article-content ul{padding-left:1.5rem}.blog-detail .blog-container .article-content ul{list-style-type:disc}.blog-detail .blog-container .article-content ol{list-style-type:decimal}.blog-detail .blog-container .article-content li{margin-bottom:.5rem}.blog-detail .blog-container .article-content blockquote{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-left-width:4px;--tw-border-opacity:1;border-color:rgb(243 236 25/var(--tw-border-opacity));background-color:rgba(243,236,25,.1);padding:.75rem 1rem;font-style:italic;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content img{height:auto;width:100%;border-radius:var(--radius);border-width:1px;border-color:rgba(42,52,67,.1)}.blog-detail .blog-container .article-content code{border-radius:.25rem;background-color:rgba(42,52,67,.3);padding:.125rem .375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content pre{overflow-x:auto;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(42 52 67/var(--tw-bg-opacity));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .article-content pre code{background-color:transparent;padding:0;color:inherit}.blog-detail .blog-container .article-content hr{margin-top:2.5rem;margin-bottom:2.5rem;border-color:rgba(42,52,67,.2)}.blog-detail .blog-container .article-content table{width:100%;overflow:hidden;border-radius:var(--radius);border-width:1px;border-color:rgba(42,52,67,.2);text-align:left}.blog-detail .blog-container .article-content td,.blog-detail .blog-container .article-content th{border-bottom-width:1px;border-color:rgba(42,52,67,.2);padding:.5rem .75rem}.blog-detail .blog-container .article-content thead th{background-color:rgba(42,52,67,.3);font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blog-detail .blog-container .share-buttons{margin-bottom:1rem;margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.blog-detail .blog-container .share-buttons .share-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.05);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-detail .blog-container .share-buttons .share-button:hover{--tw-border-opacity:1;border-color:rgb(243 236 25/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(243 236 25/var(--tw-text-opacity))}