.post{max-width:1920px;padding:0 200px;margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);column-gap:60px;position:relative}.table-of-content{position:sticky;top:100px;max-height:100vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--n-very-light-grey) #fff}@media (min-width:1921px){.table-of-content{max-height:100vh}}@media (max-width:1920px){.table-of-content{max-height:100vh!important}}.post .left{grid-column:1 / span 5}.post .right{grid-column:6 / -1;padding-top:120px;padding-inline-start:40px}.post .post-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.post .post-meta-left{display:flex;align-items:center;gap:12px}.post .post-meta-left img{border-radius:50%;height:48px;width:48px}.post-meta .author-name{font-size:16px;color:var(--main-black);margin-bottom:4px}.post-meta .author-bio{font-size:14px;color:var(--secondary-black)}.post-meta-right{color:var(--secondary-black);display:flex;align-items:center}.post-meta-right .shareButton{display:none}.main-image{width:100%}.comments-count{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--secondary-black)}.comments-count:hover{color:var(--accent-light-bg)}.comments-count:hover svg path{stroke:var(--accent-light-bg)}.bottom-meta{display:flex;font-size:14px;align-items:center;gap:6px;color:var(--secondary-black)}.post .post-title{padding-top:110px;padding-bottom:24px}.post .post-title .articles-btn{display:flex;width:fit-content;justify-content:center;align-items:center;gap:6px;border-radius:100px;padding-top:8px;padding-inline-end:12px;padding-bottom:8px;padding-inline-start:8px;background:var(--email-blue-bg,#E6F0FF);transition:0.3s;margin-bottom:16px}.post .post-title .articles-btn path{transition:0.3s;fill:#9DC7FF}@media (hover:hover){.post .post-title .articles-btn:hover{background:var(--very-light-accent,#D3E6FF)}.post .post-title .articles-btn:hover path{fill:var(--d-accent,#589BFF)}}.post .post-title .back-link-text{font-family:Manrope;font-weight:500;font-size:14px;line-height:150%;color:var(--n-very-dark-accent,#0D4B9B)}.post .toc-scroll-area .title-3{padding-bottom:16px}.right .share .tab{margin-bottom:20px}.right .share{margin-bottom:48px}.post-content .share .tab,.right .share .tab{text-transform:uppercase}.post-content .share .share-icons,.right .share .share-icons{gap:12px;display:flex;align-items:center}.right .share .share-icons a{height:40px;width:40px;border-radius:10px;border:1px solid var(--n-grey-BG);background:var(--n-white);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.post-content .share .share-icons a{height:40px;width:40px;border-radius:8px;border:1px solid var(--n-grey-BG);background:var(--n-light-blue-BG);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.tooltip{position:absolute;background:var(--main-black);color:rgb(255 255 255);padding:12px;border-radius:10px 10px 0 10px;font-size:14px;right:0;bottom:46px;width:max-content;display:none}.post-content .share .share-icons a:hover .tooltip,.right .share .share-icons a:hover .tooltip{display:block}.post-content .share .share-icons img,.right .share .share-icons img{height:unset;padding:8px;width:auto}.main-image.mobile{display:none}.post-content .share{margin-top:60px;padding-top:40px;padding-bottom:70px;border-top:1px solid var(--secondary-white);display:flex;align-items:center;gap:24px}.post-content .share .default-button{display:none}.right .toc-title-2,.right .toc-title-3{border-bottom:1px solid var(--secondary-white)}.right .toc-title-2 a,#toc-mobile .toc-title-2 a{color:var(--n-black);transition:0.2s}.right .toc-title-3 a,#toc-mobile .toc-title-3 a{color:var(--n-dark-grey);transition:0.2s}.toc-title-2{padding:16px 10px 16px 0}.toc-title-3{padding:16px 10px 16px 0;display:flex;gap:12px;align-items:start}.table-mobile{display:none}#toc a:hover{color:var(--accent-light-bg)}.explore-container{display:flex;width:100%;flex-direction:column;align-items:start;gap:6px;overflow:hidden;border-radius:10px;padding:24px 32px;background-position:center;background-repeat:no-repeat;background-size:cover;transition:0.3s;margin:26px 0;background-image:url(https://storage.googleapis.com/dev_resources_voka_io_303011/learn-articles/explore-link-bg.webp)}.explore-container>svg{display:none;position:absolute;top:10px;right:10px}.explore-container .explore-title{width:100%;display:flex;flex-direction:row;align-items:center;gap:4px}.explore-container .explore-title path{transition:0.3s}.explore-container p{color:var(--d-dark-accent);transition:0.3s}@media (hover:hover){.explore-container:hover p{color:var(--n-white)}.explore-container:hover{background-color:#0F69DB80;background-blend-mode:multiply}.explore-container:hover .explore-title path{fill:var(--n-white)}}.comments .comments-title{margin-top:0;margin-bottom:36px;font-size:32px;font-weight:700}#comment{margin-bottom:28px}#custom-comment-form .fields{grid-template-columns:1fr 1fr;gap:24px;display:none}#custom-comment-form .fields.active{display:grid}#custom-comment-form{width:893px;margin-bottom:36px}#custom-comment-form input{border:1px solid rgb(166 168 176);border-radius:8px;padding:15px 16px;font-size:16px;width:100%}#custom-comment-form input::placeholder{color:rgb(166 168 176)}.comment-btns{margin-top:34px;gap:12px;display:none}.comment-btns.active{display:flex}.default-button#cancel{color:var(--accent-light-bg);background:#fff0;border:1px solid var(--accent-light-bg);cursor:pointer}.email-field .note{position:absolute;right:14px;top:14px;cursor:pointer}.email-field{position:relative}.email-field p{display:none}.email-field .note:hover p{display:block;position:absolute;background:var(--main-black);padding:12px;font-size:14px;color:rgb(255 255 255);border-radius:10px 10px 0 10px;width:292px;right:19px;bottom:34px}.toc-scroll-area{max-height:calc(100vh - 120px)}@media (min-width:1921px){.toc-scroll-area{max-height:calc(100vh - 120px)}}@media (max-width:1920px){.toc-scroll-area{max-height:calc(100vh - 120px)!important}}#comment-status{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;background:rgb(76 80 90 / .5);z-index:10}#comment-status.active{display:flex}#comment-status .suc-popup{max-width:600px;height:auto;background:var(--white-bg);padding:48px 40px;border-radius:10px;text-align:center;position:relative}#comment-status .suc-popup svg{position:absolute;top:14px;cursor:pointer;right:14px}#comment-status .suc-popup .title-3{margin-bottom:16px}#comment-status .suc-popup .main-text{margin-bottom:40px}.comment-body{padding-bottom:20px;border-bottom:1px solid var(--secondary-white);margin-bottom:32px}#comments-container .comment-body:last-child{padding-bottom:0;border-bottom:none;margin-bottom:28px}.comment-content.main-text{margin:0!important}#load-more-comments{font-size:20px;color:var(--accent-light-bg);font-weight:500;background:#fff0;border:none;display:flex;align-items:center;gap:8px;padding:0}.comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.comment-meta .small-text{color:var(--secondary-black)}.post .post-meta .bottom-meta .month,.comment-body .comment-meta .comment-date .month{text-transform:capitalize}.post .right .toc-scroll-area svg,#toc-mobile svg{width:10px;height:10px;flex-shrink:0;padding-top:6px;box-sizing:content-box}.post .preferred-block{display:flex;width:100%;position:relative;align-items:start;margin-top:48px;border-radius:12px;transition:0.3s;background:var(--n-light-blue-BG);padding:20px;padding-inline-start:16px;gap:16px}.post .preferred-block-info{display:flex;flex-direction:column;align-items:stretch;gap:4px}.post .preferred-block-info .main-text-bold{color:var(--n-black)}.post .preferred-block-info .small-text-medium{color:var(--n-grey)}.post .preferred-block .cards-icon{flex-shrink:0;width:44px;height:44px}.post .preferred-block .cards-icon path{transition:0.3s}.post .preferred-block .preferred-block-arrow{position:absolute;right:10px;top:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}[dir=rtl] .post .preferred-block .preferred-block-arrow{right:unset;left:10px;transform:scaleX(-1)}.post .preferred-block .preferred-block-arrow path{transition:0.3s}@media (hover:hover){.post .preferred-block:hover{background:var(--n-very-light-accent)}.post .preferred-block:hover .cards-icon path{fill:var(--light-blue)}.post .preferred-block:hover .preferred-block-arrow path{fill:var(--bright-blue)}}@media (max-width:1919px){.post .preferred-block{margin-top:42px}.post{padding:0 80px 0 80px}.post .right .toc-scroll-area svg,#toc-mobile svg{padding-top:5px}.right-padding{padding-inline-end:60px}.post .post-title{padding-top:90px;padding-bottom:20px}.explore-container{padding:20px 24px;margin:24px 0}.right .share .tab{margin-bottom:12px}.toc-title-2,.toc-title-3{font-size:14px}.post-meta-right .shareButton span,.share .default-button span{line-height:1}.post-content .main-text{margin-bottom:26px}.post-content .title-3{margin-top:40px;margin-bottom:28px}.post-content .title-2{margin-top:42px;margin-bottom:32px;font-size:28px}.comments .comments-title{margin-bottom:32px;font-size:28px}#custom-comment-form{margin-bottom:24px}#custom-comment-form input{font-size:14px}#comment{margin-bottom:22px}.post .right{padding-top:100px;padding-inline-start:0}.right .share{margin-bottom:40px}.post-content .share{margin-top:48px;padding-top:32px;padding-bottom:50px}.post .toc-scroll-area .title-3{padding-bottom:12px}}@media (max-width:1439px){.post-meta .author-name{font-size:14px}.post .preferred-block .cards-icon{width:36px;height:36px}.explore-container{padding:16px 20px;gap:4px;margin:20px 0}.post-meta .author-bio{font-size:12px}.comments-count{font-size:12px}.post .post-meta-left img{height:48px;width:48px}.bottom-meta{font-size:12px}.post-content .share{padding-bottom:60px}.post-content .main-text{margin-bottom:24px}.post-content .title-2{font-size:26px}.comments .comments-title{font-size:26px}#custom-comment-form,.comments-area{width:597px}#comments-container .comment-body:last-child{margin-bottom:20px}#load-more-comments{font-size:16px;gap:8px}.post-content .share{margin-top:40px;padding-top:24px;padding-bottom:40px}.post{column-gap:40px;padding:0 60px 0 60px}.post .post-title{padding-top:74px;padding-bottom:24px}}@media (max-width:1279px){.post{padding:0 40px}.post .left{grid-column:1 / span 12}.post .post-title{padding-top:40px;padding-bottom:24px}.post .post-meta{flex-direction:column;gap:0;align-items:flex-start}.post-meta-right{gap:12px;font-size:12px}.post-meta-right .shareButton{display:flex;align-items:center;padding:8px 12px;border-radius:8px;color:var(--main-black);background:var(--main-bg);border:none!important;gap:8px}.post-meta-right .shareButton path{stroke:var(--main-black)}.post .post-meta{margin-bottom:0}.post-content .title-3{margin-top:36px;margin-bottom:26px}.post-content .title-2{margin-top:36px;margin-bottom:28px;font-size:22px}.comments-count{gap:8px;background:var(--main-bg);padding:8px 12px;border-radius:8px;font-size:12px}.ai-line{margin:20px 0 32px}.right{display:none}.table-mobile{display:block;border-bottom:1px solid var(--secondary-white);border-top:1px solid var(--secondary-white);margin-bottom:32px}.table-mobile .little-tab-posts{margin-inline-end:auto}.table-mobile .toc-title-2,.table-mobile .toc-title-3{padding:16px 0;font-size:14px}.post-content .share .tab{display:none}.post-content .share .default-button{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;padding:8px 12px}.post-content .share{padding-top:18px}.comments .comments-title{font-size:22px;margin-bottom:28px}#custom-comment-form,.comments-area{width:100%}#comment-status .suc-popup{max-width:350px;padding:32px 24px}#comment-status .suc-popup svg{height:20px;width:20px}#comment-status .suc-popup .main-text{margin-bottom:18px}.post-content .share{margin-top:40px;padding-top:24px;padding-bottom:30px}}@media (max-width:1079px){.post .preferred-block{margin-top:36px;gap:12px}.post .post-title{padding-top:60px;padding-bottom:16px}.post .post-title .articles-btn{margin-bottom:20px;padding-top:10px;padding-inline-end:16px;padding-bottom:10px;padding-inline-start:12px}.main-image.mobile{display:block;margin-top:32px;margin-bottom:32px;border-radius:8px}.main-image.desktop{display:none}}@media (max-width:767px){#custom-comment-form{margin-bottom:0}.post{padding:0 16px}.post .post-title{padding-top:40px;padding-bottom:10px}.post .post-title .articles-btn{margin-bottom:12px}.post .post-meta{margin-bottom:0}.post-content .share{padding-bottom:40px}.post-content .share .default-button{width:100%;background:var(--main-bg);color:var(--main-black);border:none;padding:14px;justify-content:center;font-size:12px;font-weight:400}.post-content .share .default-button path{stroke:var(--secondary-black)}.toc-title-2{font-size:12px}.table-mobile{margin-bottom:12px}.table-mobile .title-3{font-size:14px}.table-mobile{margin-bottom:24px}#custom-comment-form input{padding:13px 16px;margin:0 0 18px 0}#custom-comment-form .fields{grid-template-columns:1fr;gap:0}#comments-container .comment-body:last-child{margin-bottom:28px}#comments-container .comment-body:first-child{margin-top:24px}.comment-btns{margin-top:18px}.post-content .share{margin-top:32px;padding-top:20px;padding-bottom:20px}}@media (max-width:577px){.post .preferred-block{padding:16px;flex-direction:column;align-items:start}.main-image.mobile{margin-top:24px;margin-bottom:24px}.explore-container{padding:32px 20px;align-items:center;gap:6px;position:relative;background-image:url(https://storage.googleapis.com/dev_resources_voka_io_303011/learn-articles/explore-link-bg-mobile.webp)}.explore-container p{text-align:center}.explore-container .explore-title{justify-content:center}.explore-container .explore-title svg{display:none}.explore-container>svg{display:block}}