#blog{--primary-h:var(--hue);--primary-s:var(--sat);--primary-l-100:100%;--primary-l-16:16%;--primary-l-13:13%;--primary-l-15:15%;--primary-l-20:20%;--primary-l-10:10%;--primary-l-19:19%;--primary-l-24:24%;--primary-l-8:8%;--primary-l-9:9%;--primary-l-67:67%;--primary-l-7:7%;font-family:inherit!important;font-size:1rem;color:var(--color-foreground)}#blog .container{width:100%;max-width:70.75rem;padding:1rem;margin:3rem auto}@media screen and (max-width:989px){#blog .container{margin:1rem auto;padding:1rem}}#blog .inner-main{position:relative;width:100%;max-width:50rem;margin:0 auto}#blog .with-sidebar{display:flex;align-items:flex-start;align-content:flex-start;overflow:visible}#blog.blog-article-page .container.with-sidebar{margin-top:0}@media screen and (max-width:320px){#blog.blog-article-page .inner .author-meta>.author-meta__stats .author-timeread__text{flex-direction:column;align-items:flex-start;gap:0}}@media screen and (max-width:989px){#blog.blog-article-page .inner .inner--content .blog-toolbar{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;align-self:flex-start;width:auto;margin:2rem 0!important;gap:1rem!important;padding:0!important;border:none!important}#blog.blog-article-page .inner .inner--content .blog-toolbar .share{flex-direction:row;gap:.75rem;background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-13))!important;border:none!important;border-radius:.5rem!important;padding:0!important;height:2.5rem!important}#blog.blog-article-page .inner .inner--content .blog-toolbar .blog-like{flex-direction:row}#blog.blog-article-page .inner .inner--content .blog-toolbar .blog-like .btn-dark{width:auto!important;min-width:auto!important;height:2.5rem!important;padding:0 .5rem!important;gap:.625rem!important;flex-direction:row;background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-13))!important;border:none!important}#blog.blog-article-page .inner .inner--content .blog-toolbar .blog-like .btn-dark span{position:static!important;top:auto!important;left:auto!important;transform:none!important;margin-bottom:1px}}#blog.blog-article-page .inner .author-card{order:3}@media screen and (min-width:990px){#blog.blog-article-page .inner .author-card .author-info time,#blog.blog-article-page .inner .author-card .author-name.white,#blog.blog-article-page .inner .author-card .author-stats,#blog.blog-article-page .inner .author-card .author-stats .author-timeread,#blog.blog-article-page .inner .author-card .author-stats .author-timeread span{color:var(--color-foreground)}#blog.blog-article-page .inner .author-card .author-stats .author-timeread i.light{color:var(--color-muted)}}#blog button,#blog input,#blog select,#blog textarea{font-family:inherit!important}#blog textarea{border:none}#blog .btn,#blog button:not(.article-comments__submit){display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:.3s;border-radius:.25rem;cursor:pointer;padding:.00625rem 1rem;height:2.5rem;font-size:inherit;line-height:1.2;border:0;white-space:nowrap;outline:none;background:transparent;color:inherit}#blog .btn:not([disabled]):not(.disabled):hover,#blog button:not(.article-comments__submit):not([disabled]):not(.disabled):hover{opacity:1}#blog .btn-primary{background:var(--color-primary);color:#fff;height:2.5rem;padding:.00625rem 1rem;font-weight:inherit;border:1px solid transparent;border-radius:.25rem}#blog .btn-primary span{margin-left:.625rem}#blog .btn-primary:not([disabled]):not(.disabled):hover{background:var(--color-primary-hover)}#blog .btn-secondary{background:var(--color-surface-btn);color:var(--color-foreground);border:1px solid var(--color-border);height:2.5rem;padding:.00625rem 1rem}#blog .btn-secondary span{margin-left:.625rem}#blog .btn-secondary:not([disabled]):not(.disabled):hover{background:var(--color-surface-hover)}#blog .btn-dark{background:var(--color-surface-btn)!important;color:var(--color-foreground);border-color:var(--color-border);box-shadow:0 1px 2px color-mix(in srgb,var(--color-surface) 80%,transparent)!important;font-weight:700;padding:0 16px!important;height:40px!important}#blog .btn-dark:hover{background:var(--color-surface-btn-hover)!important}#blog .btn-dark.orange{background:var(--color-surface-btn)!important;color:color-mix(in srgb,var(--color-orange) 88%,#fff)!important;border-color:var(--color-border)}#blog .btn-dark.orange:hover{background:var(--color-surface-btn-hover)!important;color:color-mix(in srgb,var(--color-orange) 92%,#fff)!important;border-color:var(--color-border)}#blog .dp__main,#blog .dp__menu{--dp-icon-color:var(--color-foreground) !important;--dp-text-color:var(--color-foreground) !important;--dp-hover-color:var(--color-surface-hover) !important}#blog .dp__inc_dec_button svg,#blog .dp__inner_nav svg,#blog .dp__tp_inline_btn svg{stroke:var(--color-foreground)!important;fill:var(--color-foreground)!important;color:var(--color-foreground)!important}#blog .dp__icon{color:var(--color-foreground)!important;fill:var(--color-foreground)!important}#blog .btn.red:not(.btn-dark):hover{background:var(--color-red)!important;color:var(--color-foreground)!important;border-color:transparent}#blog .btn.orange:not(.btn-dark):hover{background:var(--color-orange)!important;color:var(--color-foreground)!important;border-color:transparent}#blog .btn.btn-dark.red{background:var(--color-surface-btn)!important}#blog .btn.btn-dark.red,#blog .btn.btn-dark.red:hover{color:var(--color-red)!important;border-color:var(--color-border)}#blog .btn.btn-dark.red:hover{background:var(--color-surface-btn-hover)!important}#blog .btn.green:not(.btn-dark):hover{background:var(--color-green)!important;color:var(--color-foreground)!important;border-color:transparent}#blog .btn.btn-dark.green:hover{background:var(--color-surface-btn-hover)!important;color:var(--color-green)!important;border-color:var(--color-border)}#blog .flat{background:var(--color-input-bg)!important;color:var(--color-foreground)!important;border:1px solid var(--color-border);border-radius:.25rem;height:2.5rem;padding:0 .75rem;font-size:inherit;outline:none;transition:.3s}#blog .flat:hover{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-7))!important}#blog .flat:focus,#blog .flat:focus-visible{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-8))!important;border-color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-24))!important}#blog .blue-mode .flat::-webkit-calendar-picker-indicator,#blog .dark-mode .flat::-webkit-calendar-picker-indicator,#blog .gray-mode .flat::-webkit-calendar-picker-indicator{filter:invert(1)}#blog .light{color:var(--color-muted)}#blog .white{color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-100))}#blog .red{color:var(--color-red)}#blog .blue{color:var(--color-primary)}@media screen and (max-width:989px){#blog.blog-article-page .container.with-sidebar{margin-top:0;padding-top:0}}.white-mode #blog{--primary-l-67:33%;--primary-l-13:89%}#blog h1,#blog h2,#blog h3,#blog h4,#blog h5,#blog h6{font-family:inherit!important;font-weight:600;line-height:150%;color:var(--color-foreground);margin-bottom:0}#blog h1{font-size:2.8125rem}#blog h1,#blog h2{margin-bottom:1.25rem}#blog h2{font-size:2rem}#blog h3{font-size:1.5rem}#blog h4{font-size:1.125rem}#blog h5{font-size:.9375rem}@media screen and (max-width:989px){#blog h1{font-size:1.5rem}#blog h2{font-size:1.25rem}#blog h3{font-size:1.125rem}#blog h4{font-size:.9375rem}}#blog .hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#blog .card-dark{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-13));border-radius:.25rem;padding:1.5rem}#blog .catablog-header{padding:2rem 0}#blog .catablog-header h3{margin:0;font-weight:600}#blog .catablog-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}#blog .catablog-footer{display:flex;justify-content:center;align-items:center;padding-bottom:0;margin-top:0}@media screen and (max-width:989px){#blog .catablog-list{grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr))}#blog .catablog-list .item{margin-bottom:0;font-size:.875rem}#blog .catablog-list .item-title{padding-top:1rem;padding-bottom:0}#blog .catablog-list .item-desc{display:none}}#blog .item{width:100%;color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-67));font-weight:400;margin-bottom:2rem;padding-bottom:1rem;display:block;text-decoration:none;border-radius:.25rem}#blog .item-thumb{width:100%;height:auto;display:flex;position:relative;aspect-ratio:5/3;overflow:hidden;margin-bottom:0;background:var(--color-input-bg)}#blog .item-thumb img{width:100%;height:inherit;border-radius:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover}#blog .item-title{color:var(--color-foreground);font-size:1.125rem;padding-top:2rem;padding-bottom:.5rem;font-weight:500;margin:0;line-height:inherit}#blog .item-desc{font-size:1rem;color:inherit;margin-bottom:0;line-height:inherit;font-weight:400}#blog .item-meta{padding-top:.25rem;color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-67));font-size:.9rem;display:flex;align-items:center;font-weight:400}#blog .item-meta .ttc{font-size:.9rem}#blog .item-meta .ml6{margin-left:.375rem;font-size:.9rem}#blog .item:hover .item-title{color:var(--color-blue-light)!important}#blog .item.filled{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-16))}#blog .item.filled .item_info{padding:0 1rem}#blog .item.filled .item-title{padding-top:1rem}#blog .ttc{text-transform:capitalize}#blog .btn-outline,#blog .btn.btn-outline{color:var(--color-foreground);border:1px solid;padding:.00625rem 1rem;height:2.5rem;border-radius:.25rem;background:transparent;font-weight:inherit;font-family:inherit;transition:.3s;min-width:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#blog .btn-outline:not([disabled]):not(.disabled):focus-visible,#blog .btn-outline:not([disabled]):not(.disabled):hover,#blog .btn.btn-outline:not([disabled]):not(.disabled):focus-visible,#blog .btn.btn-outline:not([disabled]):not(.disabled):hover{color:var(--color-blue-light);background:transparent;border-color:currentColor}#blog .blog_top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:100}#blog .blog_top-main{flex:1}#blog .blog_top-main h1{margin-bottom:1.25rem}#blog .blog_top-main h2{font-size:1.25rem!important;font-weight:500;margin-top:0;margin-bottom:2rem;line-height:150%}#blog .blog_top-main .search{max-width:24.375rem}@media screen and (max-width:989px){#blog .blog_top{flex-wrap:wrap;gap:1rem}#blog .blog_top-main h1{margin-bottom:.25rem}#blog .blog_top-main h2{font-size:.9375rem!important;margin-bottom:1rem}}@media screen and (max-width:600px){#blog .blog_top{flex-direction:column;align-items:stretch}}#blog .blog_slider__wrap{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-13));border-radius:.25rem}#blog .blog_slider{padding-top:2rem;padding-bottom:3.125rem}#blog .blog_slider-item_wrap{display:flex;align-items:center}#blog .blog_slider-item__thumb{width:54%;min-width:54%;aspect-ratio:5/3;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem}#blog .blog_slider-item__thumb img{border-radius:.5rem;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}#blog .blog_slider-item__info{padding:0 3.75rem}#blog .blog_slider-item__info h3{padding-top:.75rem;margin:0}#blog .blog_slider-item__info h3:hover a{color:var(--color-blue-light)!important}#blog .blog_slider-item__info p{padding-top:.75rem;padding-bottom:1.25rem;margin:0;font-size:1rem;line-height:150%;font-weight:400;color:var(--color-foreground)}#blog .blog_slider-item__info .btn{width:auto;display:inline-flex}@media screen and (max-width:989px){#blog .blog_slider-item_wrap.card-dark{display:block;padding:.5rem}#blog .blog_slider-item__thumb{width:100%;padding-bottom:0}#blog .blog_slider-item__thumb img{position:unset}#blog .blog_slider-item__info{padding:1.25rem .5rem .75rem}}@media screen and (max-width:480px){#blog .blog_slider-item__thumb{min-height:12.6875rem}}@media screen and (max-width:410px){#blog .blog_slider-item__thumb{min-height:10.9375rem}}@media screen and (max-width:360px){#blog .blog_slider-item__thumb{min-height:9.5625rem}}#blog .form_field.input-with-btn{position:relative!important;max-width:24.375rem!important;height:2.5rem!important;display:flex!important;align-items:center!important}@media screen and (max-width:600px){#blog .form_field.input-with-btn{max-width:100%!important}}#blog .form_field.input-with-btn label{position:absolute!important;top:0!important;left:0!important;width:2.5rem!important;height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;color:var(--color-muted)!important;z-index:2!important}#blog .form_field.input-with-btn label i{font-size:1rem!important}#blog .form_field.input-with-btn input.form_input{width:100%!important;height:2.5rem!important;background:var(--color-input-bg)!important;border:1px solid var(--color-border)!important;border-radius:.25rem!important;padding:0 2.5rem 0 2.6875rem!important;color:var(--color-muted)!important;font-size:inherit!important;font-family:inherit!important;font-weight:400!important;transition:.3s!important;position:relative!important;z-index:1!important;outline:none!important;box-shadow:none!important;box-sizing:border-box!important}#blog .form_field.input-with-btn input.form_input::-moz-placeholder{color:var(--color-muted)!important;opacity:1!important}#blog .form_field.input-with-btn input.form_input::placeholder{color:var(--color-muted)!important;opacity:1!important}#blog .form_field.input-with-btn input.form_input:hover{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-7))!important}#blog .form_field.input-with-btn input.form_input:not([readonly]):focus,#blog .form_field.input-with-btn input.form_input:not([readonly]):focus-visible{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-8))!important;border-color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-24))!important;color:hsl(var(--primary-h),var(--primary-s),var(--primary-l-100))!important;outline:none!important;box-shadow:none!important}#blog .form_field.input-with-btn .input_btn.btn_clear{position:absolute!important;right:.3125rem!important;top:50%!important;transform:translateY(-50%)!important;width:2.5rem!important;height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;color:var(--color-muted)!important;z-index:2!important;padding:0!important}#blog .form_field.input-with-btn .input_btn.btn_clear i{font-size:.875rem!important}#blog .form_field.input-with-btn .input_btn.btn_clear:hover{color:var(--color-foreground)!important}#blog .search{position:relative;z-index:120;max-width:24.375rem;width:100%}@media screen and (max-width:600px){#blog .search{max-width:100%}}#blog .search_wrap{position:absolute;left:0;right:0;top:110%;z-index:24;min-width:0}#blog .search_wrap .search_list{margin:0;padding:0;list-style:none;background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-9));border-radius:.375rem;max-height:31.5625rem;overflow-y:auto;border:none;box-shadow:none}#blog .search_wrap .search-item{margin:0 .375rem}#blog .search_wrap .search-item .btn{width:100%;justify-content:flex-start;text-align:left;font-weight:400;font-size:.875rem;line-height:1.35;padding:.625rem;border-radius:0;color:var(--color-foreground);background:transparent;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto}#blog .search_wrap .search-item .btn:focus-visible,#blog .search_wrap .search-item .btn:hover{background:hsl(var(--primary-h),var(--primary-s),var(--primary-l-16))}@media screen and (max-width:760px){#blog .search_wrap .search_list{max-height:12.5rem}}@media screen and (max-width:480px){#blog .search_wrap{width:calc(100vw - 1rem)}}
