.post-layout-header{height:64px;width:100vw}.post-layout-header .layout-header-ceiling{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);height:64px;width:100vw}.post-layout-header .layout-header-ceiling .header-wraper{align-items:center;display:flex;height:100%;margin:0 auto;max-width:1200px;padding:0}.post-layout-header .layout-header-ceiling .navbar .navbar-brand{align-items:center;display:flex;height:100%}.post-layout-header .layout-header-ceiling .header-wraper .to-app-btn{align-items:center;background:#7f66ff;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:9px 24px}.post-layout-header .layout-header-ceiling .header-wraper .to-app-btn:hover{opacity:.8}@media (max-width:992px){.post-layout-header .layout-header-ceiling{left:0;position:fixed;top:0;z-index:9999}}#post-banner{background:linear-gradient(90deg,#eae6ff,#e7efff);height:356px;text-align:center;width:100%}#post-banner h1{word-wrap:break-word;font-size:4rem}#post-banner .post-excerpt,#post-banner h1{max-width:1200px}#post-banner .to-app-btn{align-items:center;background:#7f66ff;border-radius:8px;color:#fff;display:flex;margin-top:40px;padding:16px 24px}#post-banner .to-app-btn:hover{opacity:.8}#post-banner .to-app-btn .icon{align-items:center;display:flex;margin-left:8px}@media (max-width:992px){#post-banner{padding:0 16px}}:root{--ui-text-color:rgba(16,24,40,.8);--ui-color-primay:#7557ff}.top-banner-wraper{height:64px;width:100%}.top-banner-wraper .top-banner{align-items:center;background:#fff linear-gradient(270deg,rgba(169,102,255,.8),rgba(127,102,255,.8));border:1px solid rgba(0,0,0,.06);color:#fff;display:none;height:64px;justify-content:center;width:100%}.top-banner-wraper .top-banner.ceiling{display:flex;left:0;position:fixed;top:0;z-index:9999}.top-banner-wraper .top-banner .to-app-btn{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:9px 24px}.top-banner-wraper .top-banner .to-app-btn:hover{opacity:.8}@media (max-width:992px){.top-banner-wraper{display:none}}.post-main{gap:40px}.post-main .post-aside-wraper{position:relative;width:300px}.post-main .post-aside-wraper .dir-panel{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);border-radius:8px;display:flex;flex-direction:column;max-height:528px;overflow-y:auto;padding:24px;width:300px}.post-main .post-aside-wraper .dir-panel.ceiling{position:fixed}.post-main .post-aside-wraper .dir-panel .dir-title{font-size:14px;font-weight:500;margin:5px 12px}.post-main .post-aside-wraper .dir-panel #dir-content{display:flex;flex-direction:column;overflow-y:auto}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item{align-items:center;border-radius:4px;display:flex;margin-bottom:4px;padding:0 12px}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item .dir-text{font-size:14px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item:hover{background:#fff;color:#7f66ff}.post-main .post-aside-wraper .dir-panel #dir-content a.dir-item.current{background:rgba(127,102,255,.1);color:#7f66ff}.post-aside-right{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='282' height='306' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='282' height='306' rx='12' fill='url(%23a)'/%3E%3Cg opacity='.5'%3E%3Cmask id='b' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='282' height='306'%3E%3Crect width='281.487' height='306' rx='12' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cellipse cx='81.174' cy='128.734' rx='81.174' ry='128.734' transform='matrix(.0447 -.999 .77885 .62721 157.764 30.209)' fill='%2386FFFF' style='mix-blend-mode:lighten' filter='url(%23c)'/%3E%3Cellipse cx='85.678' cy='37.196' rx='85.678' ry='37.196' transform='matrix(.90039 .43509 -.02684 .99964 -45.283 247.665)' fill='%23B57AFF' filter='url(%23d)'/%3E%3C/g%3E%3C/g%3E%3Cg opacity='.5' clip-path='url(%23e)'%3E%3Cmask id='g' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='28' y='0' width='226' height='347'%3E%3Cpath fill='url(%23f)' d='M28 0h226v347H28z'/%3E%3C/mask%3E%3Cg mask='url(%23g)' stroke='%23EBEEFF' stroke-opacity='.15' stroke-width='.683'%3E%3Cpath d='M26.324.341h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671.341h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 26.962h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 26.962h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 53.584h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 53.584h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 80.205h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 80.205h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 106.826h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 106.826h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 133.447h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 133.447h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 160.068h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 160.068h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 186.689h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621z'/%3E%3Cpath d='M186.05 186.689h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 186.689h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 213.311h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 213.311h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 239.932h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621z'/%3E%3Cpath d='M186.05 239.932h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 239.932h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 266.553h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 266.553h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zM26.324 293.174h26.621v26.621H26.324zm26.621 0h26.621v26.621H52.945zm26.621 0h26.621v26.621H79.566zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621zm26.621 0h26.621v26.621H186.05z'/%3E%3Cpath d='M212.671 293.174h26.621v26.621h-26.621zm26.621 0h26.621v26.621h-26.621z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='282' x2='53.828' y2='-35.92' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231A8CFF'/%3E%3Cstop offset='1' stop-color='%234D4DFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='251.352' y1='17' x2='17.014' y2='27.422' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9D9D9' stop-opacity='.09'/%3E%3Cstop offset='.26' stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='.482' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.797' stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='-138.674' y='-384.577' width='800.662' height='828.872' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_3818_18139'/%3E%3C/filter%3E%3Cfilter id='d' x='-196.289' y='119.474' width='454.301' height='405.303' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_3818_18139'/%3E%3C/filter%3E%3CclipPath id='e'%3E%3Cpath fill='%23fff' d='M0 0h282v296H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;color:#fff;height:306px;padding:20px;text-align:center;width:282px}.post-aside-right-gird{grid-row-gap:6px;grid-column-gap:12px;display:grid;grid-template-columns:auto auto;grid-template-rows:17px 17px 17px;margin-bottom:16px;text-align:left}.post-aside-right-gird-item{align-items:center;display:flex;font-size:12px;gap:4px}.post-aside-brand-btn{background:#0c1230;border-radius:99px;color:#fff;display:inline-block;font-weight:500;line-height:24px;padding:12px 32px}.post-aside-brand-btn:hover{color:#fff}.ui-aside-brand-topics{color:var(--ui-text-color);margin-top:40px;text-align:left;width:282px}.ui-aside-brand-topics-collection{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ui-aside-brand-topics-collection-item{align-items:center;border:.5px solid var(--ui-color-primay);border-radius:6px;color:var(--ui-text-color-secondary,rgba(16,24,40,.56));cursor:pointer;display:flex;font-size:12px;justify-content:center;line-height:100%;padding:8px 12px;transition:all .3s}.ui-aside-brand-topics-collection-item:hover{background-color:var(--ui-color-primay);color:#fff}.post-main .article{max-width:800px;width:100%}.post-main .article .related-tag-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:64px}.post-main .article .related-tag{background:rgba(127,102,255,.1);border:1px solid transparent;border-radius:8px;color:var(--ui-primary);display:flex;gap:8px;padding:6px 16px}.post-main .article .related-tag:hover{border:1px solid #7f66ff}.post-main .article .related-tag:before{content:"#"}@media screen and (max-width:875px){.post-main .article .related-tag-wrapper{padding:0 2rem}}.post-main .article .related-wrap{margin-top:64px}.post-main .article .related-wrap .related-header{align-items:center;display:flex}.post-main .article .related-wrap .related-header:before{background:#7f66ff;content:"";height:18px;margin-right:8px;width:4px}.post-main .article .related-wrap .related-header:after{background:rgba(0,0,0,.06);content:"";height:1px;margin-left:16px;width:100%}.post-main .article .related-wrap .related-header .title{font-size:18px;font-weight:500;white-space:nowrap}.post-main .article .related-wrap .related-content{display:flex;flex-wrap:wrap;margin-top:32px}.post-main .article .related-wrap .related-content .related-card{align-items:center;border:1px solid transparent;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;margin-bottom:16px;padding:12px;width:100%}.post-main .article .related-wrap .related-content .related-card:hover{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 35.42%);border:1px solid rgba(0,0,0,.06)}.post-main .article .related-wrap .related-content .related-card .img-box{margin-right:16px;max-width:168px;min-width:168px}.post-main .article .related-wrap .related-content .related-card .img-box img{aspect-ratio:16/9;border-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.post-main .article .related-wrap .related-content .related-card .text-content{display:flex;flex-direction:column}.post-main .article .related-wrap .related-content .related-card .text-content .title{line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.post-main .article .related-wrap .related-content .related-card:hover .text-content .title{color:#7f66ff}.post-main .article .related-wrap .related-content .related-card .text-content .excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:rgba(0,0,0,.7);display:-webkit-box;font-size:12px;font-weight:400;margin-top:8px;overflow:hidden;text-overflow:ellipsis}@media (max-width:992px){.post-main .article .related-wrap .related-header:before{background:rgba(0,0,0,.06);height:1px;margin-right:20px;width:100%}.post-main .article .related-wrap .related-header:after{background:rgba(0,0,0,.06);height:1px;margin-left:20px;width:100%}.post-main .article .related-wrap .related-content{justify-content:space-between;padding:0 16px}.post-main .article .related-wrap .related-content .related-card{flex-direction:column;padding:0;width:48%}.post-main .article .related-wrap .related-content .related-card .img-box{margin-right:0;max-width:none}.post-main .article .related-wrap .related-content .related-card .text-content{width:100%}.post-main .article .related-wrap .related-content .related-card .text-content .title{font-size:14px;margin-top:8px}.post-main .article .related-wrap .related-content .related-card .text-content .excerpt{font-size:12px}.post-main .article .related-wrap .related-content .related-card:hover{background:none;border-color:transparent}}.ui-post-cta{background:radial-gradient(100% 100% at 50% 0,rgba(85,102,255,.04) 0,rgba(2,2,13,0) 100%),#e9e7fd;color:rgba(16,24,40,.8);width:100%}.ui-post-cta-bg{background:url(https://assets.apidog.com/static/images/blog/blog-post-cta-bg-light.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;margin:0 auto;max-width:1400px}.ui-post-cta-container{display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:400px;padding:32px 40px}.ui-post-cta-features{display:grid;gap:12px;grid-template-columns:auto auto;grid-template-rows:24px 24px 24px;justify-content:start}.ui-post-cta-features p{align-items:center;color:rgba(16,24,40,.56);display:flex;gap:8px}.ui-post-cta-btn-group{gap:16px;margin-top:24px}.ui-btn,.ui-post-cta-btn-group{align-items:center;display:flex}.ui-btn{border-radius:12px;font-size:16px;gap:8px;height:48px;justify-content:center;line-height:24px;padding:12px 32px;transition:all .3s}.ui-btn-primary{background-color:#5b7fff;color:#fff}.ui-btn-primary:hover{background-color:#5272e6;color:#fff}.ui-btn-ghost{border:1.5px solid #5b7fff;color:#5b7fff}.ui-btn-ghost:hover{border-color:#5272e6;color:#5272e6}#btn-download-more-text{color:#5b7fff;cursor:pointer;font-size:10px;left:-45px;line-height:20px;margin-left:50%;position:absolute;-webkit-text-decoration-line:underline;text-decoration-line:underline;transition:color .3s}#btn-download-more-text:hover{color:#5272e6}@media screen and (max-width:720px){#ui-post-cta-logo{display:none}}.ui-post-breadcrumb{align-items:center;display:flex;gap:4px;margin-bottom:24px}.ui-post-breadcrumb a{align-items:center;border-radius:4px;color:var(--ui-text-color-secondary);display:flex;gap:8px;padding:0 4px;transition:all .3s}.ui-post-breadcrumb a:hover{background-color:rgba(16,24,40,.04);color:rgba(16,24,40,.8)}.ui-post-card-primary-tag{border:.5px solid #7557ff;border-radius:6px;color:var(--ui-text-color-secondary)!important;display:inline-block;font-size:12px;font-weight:400;height:28px;line-height:100%;padding:8px 12px;transition:all .3s}.ui-post-card-primary-tag:hover{background:#7557ff;color:#fff!important}.byline-meta-content{align-items:center;display:flex;font-size:12px;font-weight:600;gap:8px}.byline-meta-date{font-size:12px}.byline-meta-content .ui-post-card-meta-length{align-items:center;color:inherit!important;display:flex;font-size:inherit!important;font-weight:inherit!important;gap:8px}.byline-meta-content>*+:not(script):before{background-color:var(--color-secondary-text);border-radius:50%;content:"";height:4px;width:4px}
/*# sourceMappingURL=post.css.map */