html,body,mall-app{height:100%}mall-app{height:auto;min-height:100%;display:block}mall-app main{flex:1}.app-container{flex-direction:column;height:auto;padding-bottom:100px;display:flex}footer{margin-top:-100px;position:relative}header{z-index:1020;background-color:#000;position:sticky;top:0}.toggle-nav{font-size:24px;font-weight:600}.content-main,.header-container{--gutterWidth:24px;--containerWidth:1100px;max-width:var(--containerWidth);padding-bottom:100px;padding:0 var(--gutterWidth);margin:50px auto 96px}.header-container{height:55px;margin-top:0;margin-bottom:0;position:relative}.blog-cta{position:absolute;top:16px;right:26px}.blog-cta a{color:#fff;background-color:#bf5a03;border-radius:5px;padding:.8rem;font-size:14px;text-decoration:none}.tm-rotate-m30{display:inline-block;transform:rotate(-30deg)}h3,p{margin-bottom:30px}.highlight-blog-wrapper,.blog-list-container,.blog-item-wrapper{border-radius:1rem;padding:1rem}.highlight-blog,.blog-item{color:#f5f5f5;text-decoration:none}.highlight-blog:hover,.blog-item:hover{color:#f5f5f5}.highlight-blog-wrapper:hover,.blog-item-wrapper:hover{color:#f5f5f5;background-color:#373b3e}.highlight-blog-img-container{position:relative}.highlight-blog-img-container img{object-fit:cover;width:100%;height:400px;top:0;left:0}.blog-item-img-container img{aspect-ratio:16/9;width:100%}.blog-title{font-size:18px;font-weight:500;line-height:25px}.highlight-blog-wrapper .blog-title{font-size:36px;font-weight:600;line-height:48px}.blog-desc{font-size:14px;font-weight:400;line-height:21px}.blog-time time{color:#828a92;font-size:12px;font-weight:400;line-height:20px}.author-container{text-align:left;width:fit-content;margin:24px auto 16px}.author-wrapper{color:inherit;align-items:center;margin-top:16px;display:flex}.author-avatar-container{color:#699bf7;flex:0 0 36px}.author-avatar-container img{object-fit:cover;border-radius:36px;width:36px;height:36px;margin:0 auto;display:block;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px}.author-info{color:inherit;margin-top:0;margin-left:18px;font-size:16px;line-height:1.5}.author-title{color:#6a6a6a;display:block}.article-widget-head h1,.article-widget-head .blog-time{text-align:center}.article-content-wrapper{line-height:1.5;font-size:var(--t2-fs);letter-spacing:var(--t2-ls);counter-reset:orderedListCounter 0;--breakoutMarginDistance:calc(((min(100vw,var(--containerWidth)) - 100%)/-2) + var(--gutterWidth));max-width:670px;margin:56px auto 0}h1{padding-left:calc(50% - 340px);padding-right:calc(50% - 340px);line-height:1.425}.article-content-wrapper p{word-break:break-all;min-height:30px;font-size:16px;line-height:1.875}.article-content-wrapper img{width:100%;margin-bottom:30px}.nav-link{cursor:pointer;color:#fff;padding:10px;font-size:16px;font-weight:600;line-height:140%;text-decoration:none;position:relative}.nav-link:hover{color:#3887fe}.header-navbar>li{padding:10px}.nav-link.active:after{content:"";background:#3887fe;width:100%;height:3px;position:absolute;bottom:-4px;left:0}.article-content-wrapper p a{color:#00aafc;outline:none;text-decoration:none}.article-content-wrapper p a:hover{text-underline-offset:.25em;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:#00aafc}.article-link-wrapper a{color:#fff;outline:none;margin-top:.125rem;margin-left:1rem;padding:.1875rem .125rem;text-decoration:none}.article-link-wrapper a:hover{color:#4cffa9;font-weight:600}.article-link-wrapper .bi-star-fill{color:#4cffa9}.phenomenon,.phenomenon p,.phenomenon_img_container{padding:1rem}.phenomenon .source{text-decoration:none}.phenomenon_img_container img{width:100%;height:100%}.what_if p{padding-left:1rem}.logo_link{min-width:none;cursor:pointer;justify-content:center;align-items:center;padding-left:0;display:flex}.logo_link img{width:32px;height:32px}.content-main ul{margin-bottom:30px}.content-main ul li{margin-bottom:8px}@media (width<=1399.98px){.header-container{justify-content:space-between}.blog-cta{display:none}}@media (width>=768px) and (width<=1024px){.content-main{--gutterWidth:12px}.header-container{--gutterWidth:24px}}@media (width<=576px){.mx-120{grid-template-columns:1fr 1fr}.logo{justify-content:flex-end!important}.highlight-blog-img-container img{height:262px}.blog-item-img-container img{height:242px}.content-main,.header-container{--gutterWidth:12px}}
/*# sourceMappingURL=index.7d971f7f.css.map */