:root{--bg-color:#fff;--bg-color-200:#fbfbfb;--bg-color-400:#f0f0f0;--font-color:#1c1c1c;--font-color-200:#252525;--font-color-400:#9e9e9e;--font-menu-hover-color:#000;--font-placeholder-color:#e2e8f0;--font-disabled-color:#999;--selected-color:#e73e54;--box-shadow:inset 0 -1px 0 0 #eaeaea;--img-border-radius:8px;--link-color:#1a0dab;--code-block-bg:#f5f6f9;--code-block-text-color:#2a2a2a;--code-block-keyword:#651fff;--code-block-comment:#467790;--code-block-string:#da0079;--code-block-attr:#225f7e;--primary-color:#f8ce5f;--white:#fff;--light-gray:#f0f0f0;--lighten-blue:#eaecef;--light-blue:#e4e6eb;--blue-gray:#697177;--gray:#9e9e9e;--dark:#111;--dark-blue:#1e2943;--background-color:var(--white);--header-menu-color:var(--white);--background-alt-color:var(--lighten-blue);--background-alt-color-2:var(--light-blue);--text-color:var(--dark);--text-alt-color:var(--blue-gray);--heading-font-color:var(--dark);--link-color:var(--dark);--link-color-hover:var(--dark);--button-color:#320101;--button-background-color:var(--primary-color);--button-background-hover:#edc352;--border-color:var(--light-blue);--border-alt-color:var(--white);--th-color:var(--light-gray);--tr-color:var(--light-gray);--syntax-highlighting-background:var(--light-gray);--theme-toggle-classic-duration:500ms;--code-highlight-bg:#e4e4e4;--dot-color:rgba(0,0,0,.2)}:root[data-theme=dark]{--bg-color:#1d1e22;--bg-color-200:#1d1d1d;--bg-color-400:#171717;--font-color:#fff;--font-color-200:hsla(0,0%,100%,.8);--font-color-400:hsla(0,0%,100%,.6);--font-menu-hover-color:#e2e8f0;--font-placeholder-color:#e2e8f0;--font-disabled-color:#e2e8f0;--selected-color:#e73e54;--box-shadow:inset 0 -1px 0 0 #333;--link-color:#8ab4f8;--code-block-bg:#292d3e;--code-block-text-color:#959dcb;--code-block-keyword:#c792ea;--code-block-comment:#676e95;--code-block-string:#f07178;--code-block-attr:#ffcb6b;--primary-color:#fbdab1;--white:#fff;--light-gray:#f5f5f5;--gray:#9a9a9a;--dark:#2a2b2d;--dark-blue:#181818;--background-color:var(--dark-blue);--header-menu-color:var(--dark);--background-alt-color:var(--dark);--background-alt-color-2:#262729;--text-color:var(--gray);--text-alt-color:var(--gray);--heading-font-color:var(--light-gray);--link-color:var(--light-gray);--link-color-hover:var(--light-gray);--button-color:var(--dark);--button-background-color:var(--primary-color);--button-background-hover:#d3b795;--border-color:#333;--border-alt-color:#333;--th-color:var(--dark);--tr-color:var(--dark);--syntax-highlighting-background:var(--dark);--code-highlight-bg:#212538;--dot-color:hsla(0,0%,100%,.2)}.github-link:before{background-position:50%;background-repeat:no-repeat;background-size:20px;content:"";display:inline-block;height:20px;margin:0 4px;vertical-align:sub;width:20px}@font-face{font-display:fallback;font-family:consolas;src:url(https://static.kelen.cc/fonts/consolas/Consolas.woff2)format("woff2"),url(https://static.kelen.cc/fonts/consolas/Consolas.woff)format("woff"),url(https://static.kelen.cc/fonts/consolas/Consolas.ttf)format("truetype"),url(https://static.kelen.cc/fonts/consolas/Consolas.eot)format("embedded-opentype"),url(https://static.kelen.cc/fonts/consolas/Consolas.svg)format("svg")}@font-face{font-display:fallback;font-family:jetbrains-mono;src:url(https://static.kelen.cc/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2)format("woff2"),url(https://static.kelen.cc/fonts/jetbrains-mono/JetBrainsMono-Regular.woff)format("woff")}@font-face{font-display:fallback;font-family:poppins;src:url(https://static.kelen.cc/fonts/poppins/poppins-regular-webfont.woff2)format("woff2"),url(https://static.kelen.cc/fonts/poppins/poppins-regular-webfont.woff)format("woff")}body,html{background-color:#fff;background-color:var(--bg-color);color:#1c1c1c;color:var(--font-color);font-family:poppins,-apple-system,Arial,sans-serif,BlinkMacSystemFont,PingFang SC;width:100%;-webkit-text-size-adjust:100%;font-display:fallback;scroll-padding-top:64px}body{padding-top:64px}html{overflow-x:hidden}a{color:#111;color:var(--link-color);-webkit-text-decoration:none;text-decoration:none}.a__hover{text-decoration-thickness:1.5px;text-underline-offset:3px}.a__hover:hover{-webkit-text-decoration:underline;text-decoration:underline}.unstyle-a{color:#252525!important;color:var(--font-color-200)!important}a,button,div,input,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{color:#1c1c1c;color:var(--font-color);line-height:1.5;word-break:break-word}.flex-1{flex:1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d6dee1;border:4px solid transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}::-moz-placeholder{color:#252525;color:var(--font-color-200)}::placeholder{color:#252525;color:var(--font-color-200)}::view-transition-group(root){animation-duration:.7s;animation-timing-function:var(--expo-out)}::view-transition-new(root){animation-name:reveal-light}.dark::view-transition-old(root),::view-transition-old(root){z-index:-1}.dark::view-transition-new(root){animation-name:reveal-dark}@keyframes reveal-dark{0%{clip-path:polygon(50% -71%,-50% 71%,50% 171%,171% 50%)}to{clip-path:polygon(50% -71%,-50% 71%,-50% 71%,50% -71%)}}@keyframes reveal-light{0%{clip-path:polygon(171% 50%,50% 171%,50% 171%,171% 50%)}to{clip-path:polygon(171% 50%,50% 171%,-50% 71%,50% -71%)}}[data-theme=dark] .scroll-top svg{fill:#1c1c1c!important;fill:var(--font-color)!important}.scroll-top{bottom:30px;cursor:pointer;display:inline-block;position:fixed;right:30px;transform:scale3d(0,0,0);transition:transform .4s ease;width:30px;z-index:99}.scale-in{transform:scaleX(1)}.adsbygoogle{margin:0 auto;text-align:center}.adsbygoogle[data-ad-status=unfilled]{display:none!important}.adsbygoogle[data-ad-status=unfilled]+.ads-loading{display:none}.adsbygoogle[data-ad-status=filled]{display:block!important}.adsbygoogle[data-ad-status=filled]+.ads-loading{display:none}.google-ad-row{align-items:center;background-color:#fbfbfb;background-color:var(--bg-color-200);display:flex;justify-content:center;margin:32px auto;max-width:100%;position:relative;width:100%}.google-ad-row .ads-loading{height:100%;left:0;position:absolute;top:0;width:100%}.google-ad-row .ads-loading:before{animation:progress-sze6ck 2s infinite backwards;background:linear-gradient(0deg,#2e52a4,#2e52a4 50%,transparent 0,transparent);background-repeat:no-repeat;background-size:100% 200%;border:5px solid #dfdfdf;border-radius:12px;content:" ";display:block;height:48px;left:calc(50% - 9px);position:absolute;top:calc(50% - 24px);width:18px}@media screen and (max-width:768px){.google-ad-row{margin:12px auto}}ins{background-color:#fbfbfb;background-color:var(--bg-color-200);min-height:120px!important;position:relative}ins:before{align-items:center;color:#848484;content:"ADVERTISEMENT";display:flex;font-size:16px;font-weight:400;height:100%;justify-content:center;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes progress-sze6ck{0%{background-position:0 0;transform:rotate(0)}25%{background-position:0 100%;transform:rotate(0)}50%{background-position:0 100%;transform:rotate(180deg)}75%{background-position:0 200%;transform:rotate(180deg)}to{background-position:0 200%;transform:rotate(1turn)}}.google-ad-col{height:360px;margin-top:18px;width:100%}._cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}._textLineAnimation{background-image:linear-gradient(transparent calc(100% - 2px),#1c1c1c 2px);background-image:linear-gradient(transparent calc(100% - 2px),var(--font-color) 2px);background-repeat:no-repeat;background-size:0 100%;transition:background-size 1s}._textLineAnimation:hover{background-size:100% 100%}._small-article-title{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:12px 0}._small-article-desc{color:#252525;color:var(--font-color-200);display:-webkit-box;font-size:16px;line-height:1.5;margin-bottom:5px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.mb-24{margin-bottom:24px!important}.horizontal-line{background-color:#fbfbfb;background-color:var(--bg-color-200);height:1px;margin:32px 0;width:100%}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{transition:all .3s ease-in-out}@media(min-width:1100px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1100px!important;padding:0 24px}}@media(min-width:1500px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px!important;padding:0 32px}}.font-12{font-size:12px}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.max-width-1024{margin:0 auto;max-width:1024px}.theme-toggle__classic{height:28px;width:28px}.square{border-radius:8px;overflow:hidden;padding-top:100%;position:relative;width:100%}.article-tag{background-color:#eaecef;background-color:var(--background-alt-color);border-radius:60px;color:#111;color:var(--heading-font-color);margin:3px 6px 3px 0;padding:6px 16px;text-transform:capitalize;transition:all .2s}.article-date,.article-tag{font-size:12px;font-weight:500}.article-date{color:#697177;color:var(--text-alt-color);line-height:1;text-transform:uppercase}.section-title-wrap{margin-bottom:32px}.section-title{font-size:32px;margin-bottom:0}.section-inner{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border-color)}.see-more{align-items:center;background:#f8ce5f;background:var(--button-background-color);border:none;border-radius:60px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;outline:none;padding:8px 18px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s;will-change:transform}.see-more,.see-more:hover{color:#320101;color:var(--button-color)}.see-more:hover{background:#edc352;background:var(--button-background-hover)}.header{align-items:center;backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid rgba(0,0,0,.1);color:#1c1c1c;color:var(--font-color);display:flex;height:64px;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:999}[data-theme=dark] .header{background-color:rgba(29,29,31,.8);border-bottom:1px solid hsla(0,0%,100%,.1)}.header .header-logo-wrap{line-height:0;margin-right:20px;width:80px}.header .header-logo-wrap .header-logo{align-items:center;color:#1c1c1c;color:var(--font-color);display:inline-flex;font-weight:bolder;position:relative;transition:opacity .3s ease;z-index:10}.header .header-logo-wrap .header-logo:hover{opacity:.7}.header .header-toggle-btn{display:none;font-size:36px;z-index:1001}.header .menu-wrap{flex:1;position:relative}.header .menu{align-items:center;display:flex;justify-content:flex-start;list-style:none;margin:0;padding:0}.header .menu .menu-item{margin:0 8px;position:relative}.header .menu .menu-item>.menu-text,.header .menu .menu-item>a{border-radius:6px;color:#1c1c1c;color:var(--font-color);cursor:pointer;display:block;font-weight:400;padding:8px 12px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease;white-space:nowrap}.header .menu .menu-item>.menu-text:hover,.header .menu .menu-item>a:hover{color:#1c1c1c;color:var(--font-color)}.header .menu .menu-item .sub-menu{border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,8%);line-height:1.2;list-style:none;margin:0;min-width:200px;opacity:0;padding:12px 0;top:calc(100% + 8px);transform:translateX(-50%)translateY(-10px);transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;z-index:1000}.header .menu .menu-item .sub-menu,.header .menu .menu-item .sub-menu:before{backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,8%);left:50%;position:absolute}.header .menu .menu-item .sub-menu:before{border-bottom:none;border-right:none;content:"";height:12px;top:-6px;transform:translateX(-50%)rotate(45deg);width:12px}[data-theme=dark] .header .menu .menu-item .sub-menu{background:rgba(29,29,31,.95);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .header .menu .menu-item .sub-menu:before{background:rgba(29,29,31,.95);border-color:hsla(0,0%,100%,.12)}.header .menu .menu-item .sub-menu li{margin:0}.header .menu .menu-item .sub-menu li:first-child a{border-top-left-radius:12px;border-top-right-radius:12px}.header .menu .menu-item .sub-menu li:last-child a{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.header .menu .menu-item .sub-menu li a{border-bottom:1px solid rgba(0,0,0,4%);color:#1c1c1c;color:var(--font-color);display:block;font-size:15px;font-weight:500;padding:14px 20px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}[data-theme=dark] .header .menu .menu-item .sub-menu li a{border-bottom-color:hsla(0,0%,100%,6%)}.header .menu .menu-item .sub-menu li a:hover{color:#f8ce5f;color:var(--primary-color,#007aff);-webkit-text-decoration:underline;text-decoration:underline}.header .menu .menu-item .sub-menu li:last-child a{border-bottom:none}.header .menu .menu-item:hover .sub-menu{opacity:1;transform:translateX(-50%)translateY(0);visibility:visible}.header .header-search{align-items:center;background:rgba(0,0,0,4%);border-radius:18px;display:inline-flex;height:36px;margin-left:auto;min-width:200px;padding:0 16px;position:relative;transition:all .3s ease}[data-theme=dark] .header .header-search{background:hsla(0,0%,100%,8%)}.header .header-search:focus-within{background:rgba(0,0,0,8%);transform:scale(1.02)}[data-theme=dark] .header .header-search:focus-within{background:hsla(0,0%,100%,.12)}.header .header-search .header-search__icon{color:rgba(0,0,0,.6);font-size:16px;left:16px;position:absolute;transition:color .3s ease}[data-theme=dark] .header .header-search .header-search__icon{color:hsla(0,0%,100%,.6)}.header .header-search .header-search__input{background:0 0;border:none;border-radius:0;color:#1c1c1c;color:var(--font-color);font-size:14px;height:100%;outline:none;padding-left:24px;padding-right:8px;width:100%;z-index:1}.header .header-search .header-search__input::-moz-placeholder{color:rgba(0,0,0,.5);font-size:14px}.header .header-search .header-search__input::placeholder{color:rgba(0,0,0,.5);font-size:14px}[data-theme=dark] .header .header-search .header-search__input::-moz-placeholder{color:hsla(0,0%,100%,.5)}[data-theme=dark] .header .header-search .header-search__input::placeholder{color:hsla(0,0%,100%,.5)}.header .header-search .header-search__border-helper{display:none}.mobile-menu-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.4);height:100vh;opacity:0;pointer-events:none;transition:all .3s ease;visibility:hidden;z-index:997}.mobile-menu,.mobile-menu-overlay{left:0;position:fixed;top:0;width:100%}.mobile-menu{backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;height:100%;transform:translateY(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:998}[data-theme=dark] .mobile-menu{background:rgba(28,28,28,.95)}.mobile-menu .mobile-search-fixed{backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,8%);padding:80px 20px 16px;position:sticky;top:0;z-index:999}[data-theme=dark] .mobile-menu .mobile-search-fixed{background:rgba(28,28,28,.95);border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-menu .mobile-search-fixed .header-search{align-items:center;background:rgba(0,0,0,4%);border-radius:18px;display:inline-flex;height:36px;margin:0;min-width:auto;padding:0 16px;position:relative;transition:all .3s ease;width:100%}[data-theme=dark] .mobile-menu .mobile-search-fixed .header-search{background:hsla(0,0%,100%,8%)}.mobile-menu .mobile-search-fixed .header-search:focus-within{background:rgba(0,0,0,8%);transform:scale(1.02)}[data-theme=dark] .mobile-menu .mobile-search-fixed .header-search:focus-within{background:hsla(0,0%,100%,.12)}.mobile-menu .mobile-search-fixed .header-search .header-search__icon{color:rgba(0,0,0,.6);font-size:16px;left:16px;position:absolute;transition:color .3s ease}[data-theme=dark] .mobile-menu .mobile-search-fixed .header-search .header-search__icon{color:hsla(0,0%,100%,.6)}.mobile-menu .mobile-search-fixed .header-search .header-search__input{background:0 0;border:none;border-radius:0;color:#1c1c1c;color:var(--font-color);font-size:14px;height:100%;outline:none;padding-left:24px;padding-right:8px;width:100%;z-index:1}.mobile-menu .mobile-search-fixed .header-search .header-search__input::-moz-placeholder{color:rgba(0,0,0,.5);font-size:14px}.mobile-menu .mobile-search-fixed .header-search .header-search__input::placeholder{color:rgba(0,0,0,.5);font-size:14px}[data-theme=dark] .mobile-menu .mobile-search-fixed .header-search .header-search__input::-moz-placeholder{color:hsla(0,0%,100%,.5)}[data-theme=dark] .mobile-menu .mobile-search-fixed .header-search .header-search__input::placeholder{color:hsla(0,0%,100%,.5)}.mobile-menu .mobile-search-fixed .header-search .header-search__border-helper{display:none}.mobile-menu .mobile-menu-content{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.mobile-menu .mobile-menu-content .mobile-menu-item{margin-bottom:8px}.mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text,.mobile-menu .mobile-menu-content .mobile-menu-item>a{background:rgba(0,0,0,2%);border-radius:12px;color:#1c1c1c;color:var(--font-color);cursor:pointer;display:block;font-size:17px;font-weight:400;padding:16px 20px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text,[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>a{background:hsla(0,0%,100%,5%)}.mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text:active,.mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text:hover,.mobile-menu .mobile-menu-content .mobile-menu-item>a:active,.mobile-menu .mobile-menu-content .mobile-menu-item>a:hover{background:rgba(0,0,0,6%);transform:scale(.98)}[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text:active,[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>.menu-text:hover,[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>a:active,[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item>a:hover{background:hsla(0,0%,100%,.1)}.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu{background:0 0;border-radius:0;list-style:none;margin:8px 0 0;overflow:visible;padding:0}.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li{line-height:1.2;margin:0}.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li a{background:0 0;border-bottom:1px solid rgba(0,0,0,.1);color:#1c1c1c;color:var(--font-color);display:block;font-size:15px;padding:12px 20px 12px 40px;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease}[data-theme=dark] .mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li a{border-bottom:1px solid hsla(0,0%,100%,.15)}.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li a:active,.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li a:hover{background:0 0;color:#f8ce5f;color:var(--primary-color,#007aff);padding-left:44px}.mobile-menu .mobile-menu-content .mobile-menu-item .mobile-sub-menu li a:last-child{border-bottom:none}.mobile-menu-open{overflow:hidden}.mobile-menu-open .mobile-menu-overlay{opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-open .mobile-menu{transform:translateY(0)}@media screen and (max-width:820px){.header .header-search{display:none!important}.header .header-left{flex:1}.header .menu,.header .menu-wrap{display:none!important}.header .header-toggle-btn{display:block!important}.menu,.menu-wrap{display:none!important}}@media screen and (min-width:821px){.mobile-menu,.mobile-menu-overlay{display:none!important}}.headroom{transition:transform .2s linear;will-change:transform}.headroom--pinned{box-shadow:inset 0 -1px #eaeaea;box-shadow:var(--box-shadow);transform:translateY(0)}.headroom--unpinned{transform:translateY(-100%)}.menu-ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:999}.menu-ham .bottom,.menu-ham .top{stroke-dasharray:40 121}.menu-ham.active .bottom,.menu-ham.active .top{stroke-dashoffset:-68px}.menu-ham-rotate.active{transform:rotate(45deg)}.menu-ham-rotate-180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:currentColor;stroke-width:5.5;stroke-linecap:round}.theme-toggle{align-items:center;background:0 0;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:32px;height:42px;justify-content:center;margin-left:16px;position:relative;transition:all .3s ease;width:42px;z-index:1002}.theme-toggle:hover{background:rgba(0,0,0,4%);transform:scale(1.05)}[data-theme=dark] .theme-toggle:hover{background:hsla(0,0%,100%,8%)}.theme-toggle:active{transform:scale(.95)}.theme-toggle.theme-toggle--reversed .theme-toggle__classic{transform:scaleX(-1)}.theme-toggle__classic path{transform-origin:center;transition-duration:.4s;transition-duration:calc(var(--theme-toggle-classic-duration)*.8);transition-timing-function:cubic-bezier(0,0,.15,1.25)}.theme-toggle__classic g path{transition-delay:.1s;transition-delay:calc(var(--theme-toggle-classic-duration)*.2);transition-property:opacity,transform}.theme-toggle__classic :first-child path{transition-property:transform,d}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic g path{opacity:0;transform:scale(.5)rotate(45deg);transition-delay:0s}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");transition-delay:.1s;transition-delay:calc(var(--theme-toggle-classic-duration)*.2)}@supports not (d:path("")){.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,[data-theme=dark] .theme-toggle:not(label).theme-toggle .theme-toggle__classic :first-child path{transform:translate3d(-12px,10px,0)}}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}.main-title-wrap{margin:60px auto}.main-title-wrap .main-title{text-align:center}.post-item{border-radius:10px;display:flex;flex:none;flex-direction:column;margin-bottom:24px;padding-bottom:17px;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;z-index:0}.post-item:after{border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all 0s,background .2s ease;z-index:-1}.post-item:hover:after{background-color:#fbfbfb;background-color:var(--bg-color-200);bottom:-10px;left:-16px;right:-16px;top:-16px}.post-item img{border-radius:10px;height:100%;width:100%}.post-item .post-tag{color:#646b81;margin:21px 0 8px;text-transform:uppercase}.post-item .post-title{color:#1c1e29;line-height:30px}.post-item .small-article .image-wrap{border-radius:8px;border-radius:var(--img-border-radius);margin-bottom:17px;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);overflow:hidden;padding-top:75%;position:relative}.post-item .small-article .image-wrap img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:.3s;width:100%}.post-item .small-article .cat{color:#252525;color:var(--font-color-200);font-size:14px;font-weight:500;margin-bottom:16px;position:relative;text-transform:uppercase;z-index:99}.post-item .small-article .article-desc{color:#252525;color:var(--font-color-200);display:-webkit-box;font-size:16px;line-height:1.5;margin-bottom:5px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:center;align-items:center}.post-item .small-article h3{color:#1c1c1c;color:var(--font-color);font-size:24px;font-weight:700;line-height:1.4;margin:12px 0}.pagination{clear:both;display:block;margin:60px auto;text-align:center}.pagination .k-pagination-num-wrap{align-items:center;display:inline-flex;justify-content:center;list-style:none;margin:20px 0;padding:0;width:100%}.pagination .k-pagination-disabled,.pagination .k-pagination-dot,.pagination .k-pagination-num{align-items:center;color:#1c1c1c;color:var(--font-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;margin:0 6px;max-width:10%;text-align:center;width:40px}.pagination .k-pagination-disabled{color:#252525;color:var(--font-color-200);pointer-events:none}.pagination .k-pagination-num-active{border-bottom:2px solid #1c1c1c;border-bottom:2px solid var(--font-color);pointer-events:none}@media(max-width:576px){.pagination .k-pagination-disabled,.pagination .k-pagination-dot,.pagination .k-pagination-num{width:30px}}.social-link{padding:0}.social-link li{display:inline-block}.social-link .s-icon{width:28px}.footer-container{background-color:#fbfbfb;background-color:var(--bg-color-200);color:#252525;color:var(--font-color-200);font-size:14px;height:240px;padding:24px}.footer-container a{color:inherit}.footer-container ul{list-style:none;padding:0}.footer-container .work-list li{margin:12px 4px}.footer-container .iconfont{font-size:28px}.footer-container .copyright-container{border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color);padding-top:24px}.no-match-result{margin:0 auto;max-width:640px;width:100%}.highlight-keyword{background:linear-gradient(180deg,transparent 50%,#f8ce5f 0);background:linear-gradient(to bottom,transparent 50%,var(--primary-color) 50%);color:#1c1c1c;color:var(--font-color)}