.preview img{max-width:100%;object-fit:contain;display:block;margin:auto;border-radius:10px;box-shadow:0 3px 10px rgb(0 0 0 / .24)}.prewiew h1,h2,h3,h4,h5,h6{margin-top:60px;margin-bottom:10px;margin-left:10px}.prewiew p{margin:20px auto}p:has(img){width:100%}code{border-radius:10px;margin:10px auto;line-height:2}:not(pre)>code{background:#e5eff5;border:1px solid #0abe51;border:1px solid #2c678d;border-radius:6px;color:#903;font-size:.85em;padding:.24rem .4rem .19rem;text-shadow:none;vertical-align:0;white-space:normal;word-break:break-word}.wrap{max-width:1300px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-gap:10px;flex:1}.wrap-left{width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrap-right{overflow-x:hidden;color:white;width:100%;height:500px;overflow-y:scroll;text-align:left;background:#151515;padding:20px;border-radius:5px}.wrap-right h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:15px;margin-left:10px}.wrap-right p{padding:10px 0}@media screen and (max-width:1000px){.wrap{grid-template-columns:1fr}.wrap-left{max-height:300px}}.wrap textarea{position:sticky;display:flex;height:500px;overflow-y:scroll;width:100%;padding:15px;outline:none;resize:none;font-size:16px;border-color:#bfbfbf;border-radius:5px}table{padding:0;margin:0 auto;box-shadow:0 3px 10px rgb(0 0 0 / .24)}table tr{border-top:1px solid #000;background-color:#212121;margin:0;padding:0}table tr:nth-child(2n){background-color:#212121}table tr th{font-weight:bold;border:1px solid #000;text-align:left;margin:0;padding:6px 13px}table tr td{border:1px solid #000;text-align:left;margin:0;padding:6px 13px}table tr th :first-child,table tr td :first-child{margin-top:0}table tr th :last-child,table tr td :last-child{margin-bottom:0}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!Theme:GitHub Dark Dimmed Description:Dark dimmed theme as seen on github.com Author:github.com Maintainer:@Hirse Updated:2021-05-15 Colors taken from GitHub's CSS */.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}main{display:flex;flex-wrap:wrap}article{flex:0 0 100%;max-width:100%;width:100%;padding-left:15px;padding-right:15px;margin-top:15px;order:2}aside{flex:0 0 100%;max-width:100%;width:100%;padding-left:15px;padding-right:15px;margin-top:15px;order:1}@media(min-width:740px){article{flex:0 0 70%;max-width:70%;order:2}aside{flex:0 0 30%;max-width:30%;margin-bottom:15px;order:1}}.table-of-contents{padding:15px;position:sticky;top:100px}a{text-decoration:none}a:hover{text-decoration:none}ol{counter-reset:item;padding-inline-start:.5rem}ol li{display:block}ol li::before{content:counters(item,".") ". ";counter-increment:item}ol [style*="list-style-type:lower-alpha;"] li::before{content:counters(item,".",lower-alpha) ". ";counter-increment:item}.toc-wrapper{background:#212121;box-shadow:0 3px 10px rgb(0 0 0 / .24);max-width:600px;margin:auto;border-radius:50px;display:flex;width:100%;flex-direction:column;max-height:80vh}@media(max-width:1140px){.toc-wrapper{max-height:30vh}}.toc-addons,.toc-links{position:sticky;bottom:100px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:10000;background:#212121;box-shadow:0 5px 25px rgba(0,0,0,.15)}.toc-addons a,.toc-links a{display:flex;flex-direction:column;align-items:center}.toc-links{font-size:22px;font-weight:100;padding-top:10px}.toc-header{background:#181d3b;padding:24px;border-radius:50px 50px 0 100px;min-height:100px;display:flex;align-items:center;position:sticky;top:0;z-index:1000}@media(max-width:1140px){.toc-header{min-height:30px}}.toc-heading{font-size:24px;color:#fff;margin:0;padding:0;text-align:center;width:100%;font-weight:600}.toc-list-wrapper{background:#212121;border-radius:50px 0 52px 52px}.toc-list{border-radius:0 100px 50px 50px;background:#212121;padding:0 0 0 25px;cursor:pointer}.toc-list-item:not(:last-child){margin-bottom:15px;border-bottom:1px solid #4c4c4c;cursor:pointer}.toc-list-item a{position:relative;color:#e8e8e8;text-decoration:none;font-weight:100;font-size:1.1em;border-radius:10px;cursor:pointer;transition:.3s linear}.toc-list-item a.active{font-weight:600}.toc-list-item a:hover{font-weight:600}.icon-video,.icon-code,.icon-file{height:36px;width:36px}[id^="id-"]:before{display:block;content:"";height:84px}#progress-bar{--progress:0;z-index:1000;position:sticky;top:0;height:6px;width:var(--progress);background-color:blueviolet}i.fa-clone{}.copy-code button{position:relative;background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;padding-left:3px;padding-right:3px;border-radius:5px;background:#5784f5}.copy-pre{position:relative}.copy-pre button{position:absolute;top:10px;right:0;background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;padding-left:3px;padding-right:3px;border-radius:5px;background:#5784f5}.copy-code button:active,.copy-pre button:active{background:#809ce2}.copy-code button:before,.copy-pre button:before{z-index:2;color:#fff;content:"Copied";position:absolute;top:-120%;left:-40%;background:#5c81dc;padding:4px 5px;border-radius:20px;font-size:10px;display:none}.copy-code button:after,.copy-pre button:after{z-index:1;content:"";position:absolute;top:-13px;right:6px;width:10px;height:10px;background:#5c81dc;transform:rotate(45deg);display:none}.copy-code.active button:before,.copy-code.active button:after,.copy-pre.active button:before,.copy-pre.active button:after{display:block}.modal{display:none;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;right:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-content{margin-top:100px;display:block;width:80%}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width:700px){.modal-content{width:100%}}.article .preview{font-size:1.18rem}.article .preview p{padding-top:40px;padding-bottom:15px;opacity:.85}.copy-code{display:contents;float:right}@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64,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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.imgSwiper{width:100%;margin-top:50px;margin-bottom:50px;overflow-x:hidden}@media(max-width:1140px){.imgSwiper{margin-top:100px;margin-bottom:100px}}.imgSwiper .swiper-card:hover .gen-img{filter:brightness(1) saturate(100%)}.imgSwiper .swiper-slide{background-position:center;background-size:cover;width:100%;max-width:450px;text-align:center}.imgSwiper .swiper-slide a{text-decoration:none;color:inherit}.imgSwiper .swiper-slide .text{font-size:18px;transition:all .4s ease}.imgSwiper .swiper-slide .text:hover{color:#e18a00}.imgSwiper .swiper-slide .year{font-size:16px;transition:all .4s ease}.imgSwiper .swiper-slide .year:hover{color:#00e1d6}.imgSwiper .swiper-slide img{display:block;border-radius:20px;transition:all .4s ease-in-out;filter:brightness(0.8) saturate(0%)}.imgSwiper .swiper-slide img:hover{filter:brightness(1) saturate(100%);cursor:pointer}.imgSwiper .swiper-slide img.gen-img{width:100%;max-width:450px}.card{display:flex;flex-direction:column;margin:50px auto;width:920px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width:1140px){.card{width:350px!important}}.card-photo{flex:none;width:100%;height:auto;position:relative}.card-photo video{width:100%;height:auto;display:block;border-radius:8px}.card img{flex:none;width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:6px;background:rgba(0,0,0,0.75);color:#fff;display:flex;flex-direction:column;gap:4px;text-align:left}@media(max-width:1140px){.card .card-content{align-items:center}.card img{max-height:320px}.card-content p{font-size:14px}}.btn-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem}.btn-read{z-index:5;background-color:white;color:#222;text-decoration:none;margin-left:10px;display:inline-block;width:min-content;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-read:hover{background:#80ffdb;color:#222}.btn-sub{z-index:5;background-color:#ffd700;color:#222;text-decoration:none;margin-left:10px;display:inline-block;width:min-content;font-weight:bold;transition:all 400ms ease;align-self:flex-end;border:2px solid transparent;padding:8px 16px;border-radius:5px}.btn-sub:hover{background-color:#ffc107;color:#000;border-color:#222;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.btn-demo{z-index:5;background-color:white;color:#222;text-decoration:none;margin-left:10px;display:inline-block;right:0;bottom:55%;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-demo:hover{background:#80ffdb;color:#222}.btn-download{z-index:5;background-color:#69ffb2;color:#222;text-decoration:none;margin-left:10px;display:inline-block;font-weight:bold;transition:all 400ms ease;align-self:flex-end}.btn-download:hover{background:#ff90fc;color:#222}.btn-download,.btn-demo,.btn-read{padding:10px 20px}@media(max-width:1140px){.btn-download,.btn-demo,.btn-read,.btn-sub{margin:2px;padding:2px 2px;font-size:.9rem}}.tags{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-height:120px;overflow-y:auto}.tags .tag{display:block;background:rgba(46,46,54,0.51);color:white;text-decoration:none;font-weight:bold;margin:12px 4px;font-size:1rem;border-radius:4px;padding:2px 10px;box-shadow:0 0 6px rgba(0,123,255,0.4),0 0 20px rgba(0,123,255,0.2);transition:all,0.3s ease-in-out,transform .2s ease}.tags .tag:hover{background:#25252b;color:white;transform:scale(1.05)}.pinned-items{position:absolute;bottom:0;left:0}