: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}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:rgba(0,0,0,0)}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(0deg)}25%{background-position:0 100%;transform:rotate(0deg)}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,.08);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,.08);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,.04);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%,.06)}.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,.04);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%,.08)}.header .header-search:focus-within{background:rgba(0,0,0,.08);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:transparent;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,.08);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,.04);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%,.08)}.mobile-menu .mobile-search-fixed .header-search:focus-within{background:rgba(0,0,0,.08);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:transparent;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,.02);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%,.05)}.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,.06);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:transparent;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:transparent;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:transparent;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 0 0 #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,.04);transform:scale(1.05)}[data-theme=dark] .theme-toggle:hover{background:hsla(0,0%,100%,.08)}.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:0 0 auto;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}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f5f6f9;background:var(--code-block-bg);color:#2a2a2a;color:var(--code-block-text-color)}.hljs-comment{color:#467790;color:var(--code-block-comment)}.hljs-tag{color:#8796b0}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#2a2a2a;color:var(--code-block-text-color)}.hljs-operator{opacity:.7}.hljs-attr,.hljs-bullet,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-symbol,.hljs-template-variable,.hljs-variable,.hljs-variable.constant_{color:#da0079;color:var(--code-block-string)}.hljs-class .hljs-title,.hljs-strong,.hljs-title,.hljs-title.class_{color:#225f7e;color:var(--code-block-attr)}.hljs-strong{font-weight:700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#225f7e;color:var(--code-block-attr)}.diff .hljs-meta,.hljs-attribute,.hljs-built_in,.hljs-doctag,.hljs-emphasis,.hljs-function .hljs-title,.hljs-keyword,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp,.hljs-section,.hljs-template-tag,.hljs-title.function_,.hljs-type,.ruby .hljs-property{color:#651fff;color:var(--code-block-keyword)}.hljs-emphasis{font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#651fff;color:var(--code-block-keyword)}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}.post-header{overflow:hidden}.post-header .bread{align-items:center;display:flex;font-size:14px;list-style:none;margin-bottom:12px;padding:0}.post-header .bread li{margin-right:8px;position:relative}.post-header .bread li:after{content:"/";display:inline-block}.post-header .bread li:last-child:after{content:none}.post-header .post-header-wrap{display:flex;height:540px}.post-header .post-header-wrap .image-wrapper{width:45%}.post-header .post-header-wrap .image-cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.post-header .post-header-wrap .post-title-wrap{align-items:flex-start;background-color:#fbfbfb;background-color:var(--bg-color-200);height:480px;padding:120px 40px;position:relative;width:65%}.post-header .post-header-wrap .post-title-wrap:after{background-color:#fbfbfb;background-color:var(--bg-color-200);content:"";height:100%;left:100%;position:absolute;top:0;width:100vw}.post-header .post-header-wrap .post-title-wrap .post-title-info{color:#697177;color:var(--text-alt-color);font-size:14px;margin:12px 0}.post-header .post-header-wrap .post-category{color:#e73e54;font-size:14px;font-weight:600;margin-bottom:10px}.post-header .post-header-wrap .post-title{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%;display:inline;font-size:56px;-webkit-text-decoration:none;text-decoration:none;transition:background-size 1s}.post-header .post-header-wrap .post-title:hover{background-size:100% 100%}.post-header .post-header-wrap .post-time{color:#252525;color:var(--font-color-200);font-family:consolas;font-size:14px;margin-top:12px}.main-container{margin:60px auto}.bytemd-preview,.post-container{margin:20px auto;max-width:840px;position:relative}@media screen and (max-width:1100px){.bytemd-preview,.post-container{max-width:720px}}.bytemd-preview .section-row,.post-container .section-row{max-width:1500px}.bytemd-preview h1,.bytemd-preview h2,.bytemd-preview h3,.bytemd-preview h4,.post-container h1,.post-container h2,.post-container h3,.post-container h4{align-items:center;display:flex}.bytemd-preview h1,.post-container h1{margin:48px 0 24px}.bytemd-preview h2,.post-container h2{margin:36px 0 24px}.bytemd-preview h3,.post-container h3{margin:24px 0 12px}.bytemd-preview h4,.post-container h4{margin:12px 0 6px}.bytemd-preview h5,.post-container h5{margin:6px 0 3px}.bytemd-preview h6,.post-container h6{margin:2px 0}.bytemd-preview a,.bytemd-preview u,.post-container a,.post-container u{word-break:break-all}.bytemd-preview .post-cover,.post-container .post-cover{background-position:50%;background-size:cover;display:block;overflow:hidden;padding-top:50%;position:relative;width:100%}.bytemd-preview .editor-markdown-body,.bytemd-preview .post-content,.post-container .editor-markdown-body,.post-container .post-content{color:#252525;color:var(--font-color-200);line-height:2}.bytemd-preview .editor-markdown-body p,.bytemd-preview .post-content p,.post-container .editor-markdown-body p,.post-container .post-content p{margin:12px 0}.bytemd-preview .editor-markdown-body h1 .copy-link,.bytemd-preview .editor-markdown-body h2 .copy-link,.bytemd-preview .editor-markdown-body h3 .copy-link,.bytemd-preview .editor-markdown-body h4 .copy-link,.bytemd-preview .editor-markdown-body h5 .copy-link,.bytemd-preview .editor-markdown-body h6 .copy-link,.bytemd-preview .post-content h1 .copy-link,.bytemd-preview .post-content h2 .copy-link,.bytemd-preview .post-content h3 .copy-link,.bytemd-preview .post-content h4 .copy-link,.bytemd-preview .post-content h5 .copy-link,.bytemd-preview .post-content h6 .copy-link,.post-container .editor-markdown-body h1 .copy-link,.post-container .editor-markdown-body h2 .copy-link,.post-container .editor-markdown-body h3 .copy-link,.post-container .editor-markdown-body h4 .copy-link,.post-container .editor-markdown-body h5 .copy-link,.post-container .editor-markdown-body h6 .copy-link,.post-container .post-content h1 .copy-link,.post-container .post-content h2 .copy-link,.post-container .post-content h3 .copy-link,.post-container .post-content h4 .copy-link,.post-container .post-content h5 .copy-link,.post-container .post-content h6 .copy-link{cursor:pointer;opacity:0;transition:opacity .2s ease-in-out .2s;visibility:hidden}.bytemd-preview .editor-markdown-body h1:hover .copy-link,.bytemd-preview .editor-markdown-body h2:hover .copy-link,.bytemd-preview .editor-markdown-body h3:hover .copy-link,.bytemd-preview .editor-markdown-body h4:hover .copy-link,.bytemd-preview .editor-markdown-body h5:hover .copy-link,.bytemd-preview .editor-markdown-body h6:hover .copy-link,.bytemd-preview .post-content h1:hover .copy-link,.bytemd-preview .post-content h2:hover .copy-link,.bytemd-preview .post-content h3:hover .copy-link,.bytemd-preview .post-content h4:hover .copy-link,.bytemd-preview .post-content h5:hover .copy-link,.bytemd-preview .post-content h6:hover .copy-link,.post-container .editor-markdown-body h1:hover .copy-link,.post-container .editor-markdown-body h2:hover .copy-link,.post-container .editor-markdown-body h3:hover .copy-link,.post-container .editor-markdown-body h4:hover .copy-link,.post-container .editor-markdown-body h5:hover .copy-link,.post-container .editor-markdown-body h6:hover .copy-link,.post-container .post-content h1:hover .copy-link,.post-container .post-content h2:hover .copy-link,.post-container .post-content h3:hover .copy-link,.post-container .post-content h4:hover .copy-link,.post-container .post-content h5:hover .copy-link,.post-container .post-content h6:hover .copy-link{opacity:1;visibility:visible}.bytemd-preview .editor-markdown-body [data-w-e-type=video],.bytemd-preview .editor-markdown-body video,.bytemd-preview .post-content [data-w-e-type=video],.bytemd-preview .post-content video,.post-container .editor-markdown-body [data-w-e-type=video],.post-container .editor-markdown-body video,.post-container .post-content [data-w-e-type=video],.post-container .post-content video{display:flex;justify-content:center;margin:20px 0}.bytemd-preview .editor-markdown-body [data-w-e-type=image-source],.bytemd-preview .editor-markdown-body figure,.bytemd-preview .post-content [data-w-e-type=image-source],.bytemd-preview .post-content figure,.post-container .editor-markdown-body [data-w-e-type=image-source],.post-container .editor-markdown-body figure,.post-container .post-content [data-w-e-type=image-source],.post-container .post-content figure{border:1px solid #e4e6eb;border:1px solid var(--border-color);border-radius:4px;margin:1rem auto;max-width:100%;overflow:hidden;text-align:center;width:-moz-fit-content;width:fit-content}.bytemd-preview .editor-markdown-body [data-w-e-type=image-source] figcaption,.bytemd-preview .editor-markdown-body figure figcaption,.bytemd-preview .post-content [data-w-e-type=image-source] figcaption,.bytemd-preview .post-content figure figcaption,.post-container .editor-markdown-body [data-w-e-type=image-source] figcaption,.post-container .editor-markdown-body figure figcaption,.post-container .post-content [data-w-e-type=image-source] figcaption,.post-container .post-content figure figcaption{border-bottom:none;border-top:1px solid #e4e6eb;border-top:1px solid var(--border-color);color:#999;font-size:12px;padding:6px 0;text-align:center}.bytemd-preview .editor-markdown-body a,.bytemd-preview .post-content a,.post-container .editor-markdown-body a,.post-container .post-content a{display:inline;margin:0 4px;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#f8ce5f;text-decoration-color:var(--primary-color);text-underline-offset:4px;word-break:break-word}.bytemd-preview .editor-markdown-body table,.bytemd-preview .post-content table,.post-container .editor-markdown-body table,.post-container .post-content table{border:1px solid #e4e6eb;border:1px solid var(--border-color);border-collapse:separate;border-spacing:2px;display:inline-block;font-size:14px;max-width:100%;overflow-x:auto;width:auto}.bytemd-preview .editor-markdown-body table tr td,.bytemd-preview .editor-markdown-body table tr th,.bytemd-preview .post-content table tr td,.bytemd-preview .post-content table tr th,.post-container .editor-markdown-body table tr td,.post-container .editor-markdown-body table tr th,.post-container .post-content table tr td,.post-container .post-content table tr th{border:none;min-width:100px;padding:8px 6px}.bytemd-preview .editor-markdown-body table tr:nth-child(2n),.bytemd-preview .post-content table tr:nth-child(2n),.post-container .editor-markdown-body table tr:nth-child(2n),.post-container .post-content table tr:nth-child(2n){background-color:#fbfbfb;background-color:var(--bg-color-200)}.bytemd-preview .editor-markdown-body ul,.bytemd-preview .post-content ul,.post-container .editor-markdown-body ul,.post-container .post-content ul{list-style:disc;margin:12px 0}.bytemd-preview .editor-markdown-body ul ul,.bytemd-preview .post-content ul ul,.post-container .editor-markdown-body ul ul,.post-container .post-content ul ul{list-style:circle}.bytemd-preview .editor-markdown-body ol,.bytemd-preview .post-content ol,.post-container .editor-markdown-body ol,.post-container .post-content ol{list-style:decimal}.bytemd-preview .editor-markdown-body li,.bytemd-preview .post-content li,.post-container .editor-markdown-body li,.post-container .post-content li{margin-bottom:12px}.bytemd-preview .editor-markdown-body img,.bytemd-preview .post-content img,.post-container .editor-markdown-body img,.post-container .post-content img{display:block;height:auto!important;margin:0 auto;max-width:100%!important}.bytemd-preview .editor-markdown-body blockquote,.bytemd-preview .post-content blockquote,.post-container .editor-markdown-body blockquote,.post-container .post-content blockquote{border-left:4px solid #d3d3d3;color:#9e9e9e;color:var(--font-color-400);margin:1.4em 0;padding-left:1em}.bytemd-preview .editor-markdown-body blockquote p,.bytemd-preview .post-content blockquote p,.post-container .editor-markdown-body blockquote p,.post-container .post-content blockquote p{font-weight:600}.bytemd-preview .editor-markdown-body :not(pre)>code,.bytemd-preview .post-content :not(pre)>code,.post-container .editor-markdown-body :not(pre)>code,.post-container .post-content :not(pre)>code{background:rgba(175,184,193,.2);border-radius:4px;color:#252525;color:var(--font-color-200);font-family:Source Code Pro,Courier New,Courier,monospace;font-size:14px;padding:4px;vertical-align:middle}.bytemd-preview .editor-markdown-body pre>code,.bytemd-preview .post-content pre>code,.post-container .editor-markdown-body pre>code,.post-container .post-content pre>code{background-color:transparent;border-radius:4px;font-family:Source Code Pro,Courier New,Courier,monospace;overflow:auto;padding:0}.bytemd-preview .editor-markdown-body pre,.bytemd-preview .post-content pre,.post-container .editor-markdown-body pre,.post-container .post-content pre{position:relative}.bytemd-preview .editor-markdown-body .code-block,.bytemd-preview .post-content .code-block,.post-container .editor-markdown-body .code-block,.post-container .post-content .code-block{margin:32px 0;position:relative}.bytemd-preview .editor-markdown-body .code-block .copy-code,.bytemd-preview .post-content .code-block .copy-code,.post-container .editor-markdown-body .code-block .copy-code,.post-container .post-content .code-block .copy-code{cursor:pointer;font-size:14px;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s ease-in-out .2s;z-index:10}.bytemd-preview .editor-markdown-body .code-block:hover .copy-code,.bytemd-preview .post-content .code-block:hover .copy-code,.post-container .editor-markdown-body .code-block:hover .copy-code,.post-container .post-content .code-block:hover .copy-code{opacity:1}.bytemd-preview .editor-markdown-body .code-block-body,.bytemd-preview .post-content .code-block-body,.post-container .editor-markdown-body .code-block-body,.post-container .post-content .code-block-body{overflow-x:auto;overscroll-behavior-x:none;position:relative}.bytemd-preview .editor-markdown-body .hljs,.bytemd-preview .post-content .hljs,.post-container .editor-markdown-body .hljs,.post-container .post-content .hljs{font-size:15px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:#d0d7de;border-radius:4px;box-shadow:0 .8px 2px rgba(0,0,0,.032),0 2.7px 6.7px rgba(0,0,0,.048),0 12px 30px rgba(0,0,0,.08);line-height:1.5;min-width:100%;padding:16px 0;width:-moz-max-content;width:max-content}.bytemd-preview .editor-markdown-body .hljs *,.bytemd-preview .post-content .hljs *,.post-container .editor-markdown-body .hljs *,.post-container .post-content .hljs *{font-weight:400!important}.bytemd-preview .editor-markdown-body .hljs .code-line,.bytemd-preview .post-content .hljs .code-line,.post-container .editor-markdown-body .hljs .code-line,.post-container .post-content .hljs .code-line{padding-right:16px}.bytemd-preview .editor-markdown-body .hljs .code-line:before,.bytemd-preview .post-content .hljs .code-line:before,.post-container .editor-markdown-body .hljs .code-line:before,.post-container .post-content .hljs .code-line:before{background-color:#f5f6f9;background-color:var(--code-block-bg);color:#9e9e9e;color:var(--font-color-400);content:attr(data-line-number);display:inline-block;left:0;margin-right:6px;padding:0 12px;position:sticky;text-align:right;width:42px}.bytemd-preview .editor-markdown-body .hljs .highlighted-line,.bytemd-preview .post-content .hljs .highlighted-line,.post-container .editor-markdown-body .hljs .highlighted-line,.post-container .post-content .hljs .highlighted-line{background-color:#e4e4e4;background-color:var(--code-highlight-bg);display:block}.bytemd-preview .editor-markdown-body .cp_embed_wrapper,.bytemd-preview .post-content .cp_embed_wrapper,.post-container .editor-markdown-body .cp_embed_wrapper,.post-container .post-content .cp_embed_wrapper{margin:24px 0}.bytemd-preview .editor-markdown-body .tag,.bytemd-preview .post-content .tag,.post-container .editor-markdown-body .tag,.post-container .post-content .tag{border:1px solid #bfbfbf;border-radius:18px;color:#252525;color:var(--font-color-200);font-size:13px;padding:4px 10px;-webkit-text-decoration:none;text-decoration:none;transition:background .4s ease-in-out}.bytemd-preview .editor-markdown-body .tag:hover,.bytemd-preview .post-content .tag:hover,.post-container .editor-markdown-body .tag:hover,.post-container .post-content .tag:hover{background-color:#f0f0f0;background-color:var(--bg-color-400)}.bytemd-preview .editor-markdown-body .post-tags,.bytemd-preview .post-content .post-tags,.post-container .editor-markdown-body .post-tags,.post-container .post-content .post-tags{margin:12px 0}.bytemd-preview .editor-markdown-body .copyright,.bytemd-preview .post-content .copyright,.post-container .editor-markdown-body .copyright,.post-container .post-content .copyright{color:#252525;color:var(--font-color-200);font-size:12px;font-weight:600;margin:20px 0}.original-txt{color:#252525;color:var(--font-color-200);font-size:14px}.original-txt a{color:inherit}.original-txt a:hover{color:#1c1c1c;color:var(--font-color)}.post-top-wrap{height:100%;margin-right:-284px;position:absolute;right:0;top:0}@media screen and (max-width:1360px){.post-top-wrap{display:none}}.post-toc{color:#9e9e9e;color:var(--font-color-400);font-size:14px;height:50vh;overflow:auto;position:sticky;right:0;top:30%;width:240px}.post-toc .toc-item{align-items:center;cursor:pointer;display:flex;gap:6px;margin-bottom:6px;overflow:hidden}.post-toc .toc-item.active{color:#1c1c1c;color:var(--font-color)}.post-toc .toc-item.active .toc-line{background:#1c1c1c;background:var(--font-color)}.post-toc .toc-item.active .toc-text{color:#1c1c1c;color:var(--font-color);opacity:1}.post-toc .toc-line{background:#fff;background:var(--bg-color);border-radius:20px;cursor:pointer;display:inline-block;height:4px;transition:background .5s;vertical-align:middle;width:16px}.post-toc .toc-text{flex:1;font-weight:bolder;opacity:.4;transition:opacity .5s;word-break:break-all}.post-toc:hover .toc-text{opacity:1}.post-toc .toc-level-h3 .toc-line{width:12px}.post-toc .toc-level-h3 .toc-text{flex:1;margin-left:12px;overflow:hidden}.related-title{margin:60px auto;text-align:center}@media screen and (max-width:1500px){.post-header .post-header-wrap .image-wrapper{width:50%}.post-header .post-header-wrap .post-title{font-size:48px}.post-header .post-header-wrap .post-title-wrap{width:50%}}@media screen and (max-width:1100px){.post-header .post-header-wrap .image-wrapper{width:45%}.post-header .post-header-wrap .post-title{font-size:36px}.post-header .post-header-wrap .post-title-wrap{width:50%}}@media screen and (max-width:768px){.post-header .post-header-wrap{display:flex;flex-direction:column;height:auto;width:100%}.post-header .post-header-wrap .image-wrapper{width:100%}.post-header .post-header-wrap .image-cover{height:240px;-o-object-fit:cover;object-fit:cover}.post-header .post-header-wrap .post-title-wrap{background-color:#fbfbfb;background-color:var(--bg-color-200);height:auto;padding:24px;position:relative;width:100%}.post-header .post-header-wrap .post-title-wrap:after{background-color:#fbfbfb;background-color:var(--bg-color-200);content:"";height:100%;left:100%;position:absolute;top:0;width:100vw}.post-header .post-header-wrap .post-title{font-size:32px;margin:0}.post-header .post-header-wrap .post-time{color:#252525;color:var(--font-color-200);font-size:14px;margin-top:20px}}.medium-zoom-image--opened,.medium-zoom-overlay{z-index:999}.atk-list-no-comment{font-size:14px #9e9e9e!important;font-size:14px var(--font-color-400)!important;font-weight:bolder}.atk-grp-switcher span{padding:0 10px!important}.pre{align-items:stretch;background:var(--frame-background);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;display:flex;flex-direction:column;min-height:120px;padding-top:10px;transition:all .3s ease}.dot-wrap{display:flex;gap:6px}.dot-wrap .dot{background:rgba(0,0,0,.2);background:var(--dot-color);border-radius:50%;height:12px;width:12px}.article-summary{background-color:#fbfbfb;background-color:var(--bg-color-200);border:1px solid #e4e6eb;border:1px solid var(--border-color);border-radius:4px;margin:20px 0}.article-summary h4{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--border-color);padding:12px}.article-summary #typing{font-size:14px;line-height:1.5;padding:12px}