.blog.--new-ui{font-size:15px}.blog.--new-ui.article-detail-container{overflow:inherit}.first-letter{float:left;font-size:52px;line-height:.91;padding-right:2px}.title-container__img.--small-img{flex:1 1 60px;max-width:60px}.title-container__title.--small-text{flex:1 1 calc(100% - 60px);max-width:calc(100% - 60px)}.toc-desktop-wrapper.hide{opacity:0;z-index:-1}.toc-desktop{overflow:hidden}.blog.--new-ui .article-detail__content-map a{border:0;padding:0;transition:color ease .3s;color:#000}.blog.--new-ui .article-detail__content-map a.active{font-weight:400;color:#f93822}.blog.--new-ui .content-map__h3{padding-left:20px}.blog.--new-ui .content-map__h3 a{opacity:.5}.blog.--new-ui .content-map__h3 a.active{opacity:1}.blog.--new-ui .hide-scrollbar{overflow:hidden;padding-right:0}.blog.--new-ui .hide-scrollbar.--expanded{max-height:40vh!important;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.blog.--new-ui .hide-scrollbar::-webkit-scrollbar{display:none}.blog.--new-ui .blog-panel-share{width:25px;height:25px;background-size:100%}.blog.--new-ui .blog-panel-share-twitter{background-image:url(../svg/icon-x.svg)}.blog.--new-ui .blog-panel-share-twitter:hover{background-image:url(../svg/icon-x-hover.svg)}.blog-panel-share-copylink{background-image:url(../svg/icon-link-2.svg);position:relative}.post-author{color:#000;text-decoration:none;position:relative}.post-author::after{content:"";width:5px;height:5px;border-radius:50%;background-color:#858585;margin:2px 6px;display:inline-block}.post-author.--no-dot::after{display:none}.post-author:hover{text-decoration:underline}.tool-tip{position:absolute;bottom:-33px;left:5px;background:#666;color:#fff;padding:5px;border-radius:5px;font-size:10px;opacity:0;transition:opacity .2s ease}.tool-tip.show{opacity:1}.tool-tip::after{position:absolute;content:"";top:-7px;left:6px;border:4px solid;border-color:transparent transparent #666 #666}.toc-dropdown{position:fixed;top:53px;left:0;background:#fff;padding:8px 20px;z-index:100;width:100%;transition:.5s ease}.toc-dropdown.--up{top:0}.toc-dropdown .dropdown-toggle{padding:5px 20px;background:#f2f2f2;width:100%;text-align:left;border-radius:12px}.toc-dropdown .dropdown.show .dropdown-toggle{border-radius:12px 12px 0 0}.toc-dropdown .dropdown-toggle::after{display:none}.toc-dropdown .dropdown-menu{left:50%!important;top:32px!important;transform:translateX(-50%)!important;border:0;border-radius:0 0 8px 8px;width:100%;background:#f2f2f2;padding-bottom:15px}.dropdown-menu__toc-wrapper{overflow:auto}.toc-dropdown .caret-down::after{right:25px;top:17px}.toc-dropdown .caret-down::before{right:20px;top:17px}.caret-down{position:relative;cursor:pointer}.caret-down::after{position:absolute;content:"";border:0;width:7px;height:1.8px;background:#000;border-radius:20px;transform:rotate(45deg);margin:0;vertical-align:0}.caret-down::before{position:absolute;content:"";border:0;width:7px;height:1.8px;background:#000;border-radius:20px;transform:rotate(135deg)}.caret-down.show::before{transform:rotate(45deg)}.caret-down.show::after{transform:rotate(135deg)}.more-chapters{display:inline-block}.more-chapters.caret-down::before{top:50%;right:-30px}.more-chapters.caret-down::after{top:50%;right:-25px}.blog.--new-ui .article-list__item__header{height:65%}.author-img{width:80px;height:80px;border-radius:50%}.tag-button__wrapper{display:inline-block;background:#b6b6b6;padding:1px;border-radius:50px;margin-left:5px}.tag-button__mask{display:inline-block;background:#fff;padding:6px 12px;border-radius:50px}.tag-button__wrapper:hover{background:linear-gradient(0,#72195a,#f93822)}.tag-button__text{color:#000;text-decoration:none}.tag-button__wrapper:hover .tag-button__text{background:linear-gradient(0,#72195a,#f93822);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.share-panel.--show-tablet{display:flex}.share-panel{display:none}.image-container{position:fixed;top:50px;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:calc(100vh - 50px);background-color:#00000085;z-index:-1;transform:scale(0);transition:.5s ease}.image-wrapper{overflow:auto;height:70%}.image-container img{height:100%}.image-container__close{position:fixed;top:30px;right:20px}.image-container__close span{display:block;position:fixed;width:2px;height:15px;background-color:#fff;transform:rotate(45deg)}.image-container__close span:nth-child(2){transform:rotate(-45deg)}.image-container.show{z-index:10;transform:scale(1)}@media(min-width:768px){.author-img{width:170px;height:170px}.author-detail .title-container__img{flex:1 1 170px;max-width:170px}.author-detail .title-container__title{flex:1 1 calc(100% - 170px);max-width:calc(100% - 170px)}}@media(min-width:992px){.toc-dropdown{top:115px}.toc-dropdown.--up{top:56px}}@media(min-width:1100px){.blog.--new-ui .main-grid__article-content{margin-right:0}
.blog.--new-ui .hide-scrollbar.--expanded{max-height:calc(68vh - 160px)!important}.share-panel{display:flex}.share-panel.--show-tablet{display:none}.toc-desktop-wrapper{position:absolute;top:28px;left:20px;max-width:320px;height:calc(100% - 30px)}.toc-desktop-wrapper.--right{left:auto;right:20px}.toc-desktop{position:sticky;top:140px;transition:top .5s ease}.toc-desktop.--up{top:80px}}@media(min-width:1200px){.blog.--new-ui .main-grid__article-content{margin-right:120px}}@media(min-width:1300px){.blog.--new-ui .main-grid__article-content{margin-right:220px}}@media(min-width:1600px){.blog.--new-ui{font-size:16px}}