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