.articlecontent{margin-bottom:2rem;font-size:1.3rem}@media screen and (max-width:1690px){.articlecontent{font-size:1.25rem}}@media screen and (max-width:991px){.articlecontent{font-size:1.2rem}}.articlecontent p,.articlecontent li{font-size:inherit;color:#aaa;letter-spacing:.2px;word-spacing:1px;line-height:145%;font-weight:350}html[data-theme=light] .articlecontent p:not(.lll-box *),html[data-theme=light] .articlecontent li:not(.lll-box *){color:inherit;font-weight:400}html[data-theme=light] .articlecontent strong:not(.lll-box *){color:#333;font-weight:500}html[data-theme=dark] .articlecontent strong:not(.lll-box *){color:#ccc;font-weight:500}.articlecontent p:not(.lll-box p){margin-top:1.5rem;margin-bottom:.6rem}.articlecontent h1{margin-top:4rem;margin-bottom:4rem;font-size:2.2rem}.articlecontent h2{margin-top:4rem;margin-bottom:1.8rem;font-size:2.2rem}.articlecontent h3{margin-top:2rem;font-size:1.5rem}.articlecontent h4{margin-top:1.75rem;font-size:1.25rem}.articlecontent h5{margin-top:1.5rem;font-size:1.2rem}html[data-theme=dark] .articlecontent :where(h1,h2){font-weight:700}html[data-theme=dark] .articlecontent :where(h3,h4,h5){font-weight:500}.articlecontent ul{margin-bottom:1rem;padding-inline-start:2rem}@media screen and (max-width:991px){.articlecontent ul{padding-inline-start:1rem}}.articlecontent li{padding-left:5px;margin-top:.2rem;margin-bottom:.2rem}.articlecontent li>p{margin-top:.5rem!important;margin-bottom:1.2rem!important}.articlecontent li::marker{content:"▸";font-size:1.4rem;color:var(--accent-color-secondary)}.articlecontent img{border-radius:8px;margin:auto;max-width:100%;height:auto}.articlecontent a{font-size:.95em;vertical-align:baseline;color:var(--accent-color-secondary);font-weight:400}.articlecontent a:hover{text-decoration:underline}.articlecontent p>code,.articlecontent li>code{border-radius:6px;padding:.1rem .3rem;font-weight:400;vertical-align:text-bottom;margin:0;background:#b0b0a330;color:#c3c1f0;font-size:.8em}html[data-theme=light] .articlecontent p>code,html[data-theme=light] .articlecontent li>code{color:#2a38a2}.articlecontent pre{border:var(--card-border);border-radius:16px;margin-top:.8rem;margin-bottom:1rem;overflow-x:scroll;padding:.8rem 0;font-size:1.1rem;min-height:2rem}.articlecontent pre code{counter-reset:step;counter-increment:step 0;font-size:.95em}.articlecontent code .line::before{content:counter(step);counter-increment:step;width:1.8rem;margin-right:1rem;display:inline-block;text-align:right;color:rgba(115,138,148,.7)}html[data-theme=dark] img[src="/img/github-full.svg"]{filter:brightness(10)}blockquote{margin:1.5rem 1rem;padding:.2rem 1.5rem;background:#aaaaaa15;position:relative;overflow:hidden;border-radius:8px;border-left:4px solid var(--accent-color-secondary);color:var(--accent-color-secondary)}html[data-theme=light] blockquote{background:#aaaaaa33}blockquote p{margin:.5rem!important;font-size:1.2rem;display:flex;align-items:center}hr{border:0;margin:1.5rem 0 0 0;border-top:1px solid var(--divider-color-lighter)}.table-wrap{width:100%;overflow-x:auto}table{margin:.5rem auto;max-width:100%;text-align:center;border-collapse:collapse;border-spacing:0;font-size:1.1rem}th{background:#1b4f64;color:#fefefe;padding:5px 20px}td{padding:4px 10px}@media (max-width:991px){th{padding:5px}td{padding:2px 5px}}th,td{border:1px solid rgba(128,128,128,.15)}thead,tfoot{background:rgba(0,0,0,.05)}tr:nth-child(even) td{background:rgba(128,128,128,.12)}.breadcumbs ul li{display:inline-block;font-size:1.1rem}.breadcumbs ul li+li:before{padding:8px;font-size:1.5rem;content:"›";color:var(--text-selectable)}.breadcumbs ul li a{color:var(--text-selectable)}.breadcumbs ul li a:hover{color:var(--text-color-dark)}.navnextprev{border-top:1px solid var(--divider-color-lighter);font-weight:500;margin-top:2rem;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem}.navnextprev>a{display:block;width:fit-content;position:relative;margin:.5rem 0 1rem 1rem}.navnextprev>p{display:inline-block;font-size:1.1rem;font-weight:400;margin:0 .5rem 1rem 0;color:var(--text-color-light)}.navnextprev>div{margin:1rem;display:grid;grid-template-columns:1fr 1fr;gap:32px}.navnextprev>div a{flex-grow:1;border-radius:10px;display:flex;flex-direction:column;position:relative;text-decoration:none;color:var(--text-color-dark)}.navnextprev>div span{color:var(--accent-color);font-size:1rem;font-weight:500}.navnextprev>div small{font-family:var(--font-normal);color:var(--text-selectable);font-weight:500;font-size:1.1rem}.navnextprev>div a{padding:1rem 2rem}.navnextprev>div a:hover small{color:var(--text-selectable-selected)}.navnextprev>div a.navnext{text-align:right;grid-column-start:2}@media screen and (max-width:991px){.navnextprev>div{grid-template-columns:100%;gap:16px}.navnextprev>div a.navnext{text-align:right;grid-column-start:1}}.navnextprev>div a.navprev:before{content:"‹";position:absolute;left:.5rem;top:.5rem;color:var(--accent-color);font-size:2.5rem}.navnextprev>div a.navnext:before{content:"›";position:absolute;right:.5rem;top:.5rem;color:var(--accent-color);font-size:2.5rem}.articleheader{margin:auto;max-width:var(--article-max-width)}.articleheader h1{display:block;margin:1rem auto auto auto;font-size:2.5rem;line-height:1.5em;text-align:center;color:var(--text-color-dark);max-width:46rem}@media screen and (max-width:991px){.articleheader h1{font-size:2rem}}.articleheader img{margin:1rem auto 0 auto;max-width:100%;height:266px;border-radius:16px;border:1px solid #383838;box-shadow:4px 6px 11px 0#0001}html[data-theme=light] .articleheader img{border:1px solid #d7d7d7}.articleheader img[src$=".svg"]{background:0 0!important;border:0!important;box-shadow:none!important;max-width:calc(320px - 4rem);max-height:calc(266px - 4rem);padding:.5rem}.articleheader hr{margin-top:.5rem;margin-bottom:.5rem;border-color:var(--divider-color-darker)}.articleheader-meta{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;font-size:.9rem;font-weight:500}.articleheader-meta time{color:var(--font-color-light)}.articleheader-meta span{margin-left:10px;color:var(--font-color-light)}.articlemeta-data span:first-of-type::before{content:"|";margin-right:5px}.articleheader-meta .articlemeta-difficulty{border-radius:.4rem;padding:.1rem .8rem;color:#fff}.articlemeta-difficulty.easy{background:#00776b}.articlemeta-difficulty.medium{background:#987018}.articlemeta-difficulty.hard{background:#ab064d}.articlemeta-share{margin-bottom:1rem}.articlemeta-share svg:hover{opacity:.6}.articlemeta-share svg{height:16px;width:30px;fill:var(--text-selectable)}.articletags a{text-decoration:none;color:var(--text-color-dark)}.articletags{margin-top:1em;padding-top:1rem;font-weight:700;font-size:1.2rem;margin-bottom:2rem}.articletags ul{display:inline-block;padding-left:5px}.articletags ul li{text-align:center;min-width:24px;padding:0 8px;display:inline-block;font-weight:400;margin:3px;border:1px solid var(--secundary-color);border-radius:2rem;position:relative}.articletags ul li a{display:block;line-height:1.8rem;padding:0 4px;font-size:.85rem;color:var(--text-color)}.articletags ul li a::before{content:"";inset:0;position:absolute;z-index:-1;border-radius:14px;transition:all .15s;background-color:var(--secundary-color);opacity:.05;transition:all .25s}.articletags ul li:hover a::before{opacity:.15}.relatedposts{border-top:1px solid var(--divider-color-lighter);border-bottom:1px solid var(--divider-color-lighter);font-weight:500;margin:2rem 0 1rem 0}.relatedposts .card-grid{margin:1.2rem 0 1.5rem 0;gap:1rem}.lll-box{display:flex;align-items:center;color:#eee;margin-top:20px;border-radius:8px;margin-bottom:15px;min-height:4rem;padding:5px 14px 5px 44px;position:relative;font-weight:400;background:#27151d;background:linear-gradient(90deg,var(--lll-box) 20%,color-mix(in srgb,var(--lll-box),#18151f 60%) 60%);box-shadow:rgba(0,0,0,.66)0 3px 12px -5px}:root[data-theme=light] .lll-box{background:linear-gradient(90deg,color-mix(in srgb,var(--lll-box),#fdfdfd 15%) 20%,color-mix(in srgb,var(--lll-box),#fdfdfd 45%) 80%)}.lll-box-content p{text-indent:0;padding-left:30px;margin-top:5px;margin-bottom:5px;color:inherit}.lll-box-content a{color:color-mix(in srgb,var(--lll-box),#fdfdfd 65%)}.lll-box-content::before{font-size:1.5rem;left:1rem;position:absolute;margin-top:.2em}.lll-box-content ul li::marker{color:color-mix(in srgb,var(--lll-box),#fdfdfd 65%)}.lll-box.lll-box-info{--lll-box:#1c2c4b}.lll-box.lll-box-info .lll-box-content::before{content:"ⓘ"}.lll-box.lll-box-tip{--lll-box:#1f4a1d}.lll-box.lll-box-tip .lll-box-content::before{content:"💡"}.lll-box.lll-box-warning{--lll-box:#595027}.lll-box.lll-box-warning .lll-box-content::before{content:"⚠️"}.lll-box.lll-box-danger{--lll-box:#3c1b28}.lll-box.lll-box-danger .lll-box-content::before{content:"🚫"}.lll-box.lll-box-link{--lll-box:#282828}.lll-box.lll-box-link .lll-box-content::before{content:"🔗";font-size:1.5em}.lll-box.lll-box-reference{--lll-box:#7779}.lll-box.lll-box-reference .lll-box-content::before{content:"📑"}.copy-container{position:relative;top:.8em;right:.5em;max-height:0;text-align:right;z-index:1}@media (max-width:991px){.copy-container{top:0;right:0}}.copy-button{border:0;stroke:var(--codecopy-stroke);fill:var(--codecopy-fill);background:0 0;transition:all .5s}.copy-button:hover,.copy-button:focus{fill:var(--codecopy-hover);transform:rotate(-25deg)}.articlecontent .inline{font-weight:500;font-size:.95rem;padding:.1rem .3rem;vertical-align:bottom;margin:0 .1rem}.articlecontent .badge{font-weight:500;font-size:1rem;border-radius:8px;padding:.1rem .3rem;vertical-align:text-bottom;margin:0 .1rem}.articlecontent .blue{--e-color:#517FB1}.articlecontent .yellow{--e-color:#e6a308}.articlecontent .red{--e-color:#f7076A}.articlecontent .green{--e-color:#8dc901}.articlecontent .purple{--e-color:#944de5}.articlecontent .grey{--e-color:#999999}.articlecontent .white{--e-color:#EFEFEF}.articlecontent span a{color:inherit}.articlecontent .badge,.articlecontent .label{background:color-mix(in srgb,var(--e-color),transparent 20%);color:color-mix(in srgb,var(--e-color),white 90%)}.articlecontent .badge.white,.articlecontent .label.white{color:#555}html[data-theme=dark] .articlecontent .badge,html[data-theme=dark] .articlecontent .label{background:color-mix(in srgb,var(--e-color),transparent 90%);border:1px solid color-mix(in srgb,var(--e-color),transparent 90%);color:var(--e-color)}.articlecontent .label{font-weight:500;font-size:1.05rem;border-radius:8px;padding:.1rem .4rem;margin:0 .1rem;color:#efefef;vertical-align:10%}html[data-theme=dark] .articlecontent .remark{background:#1b1a1f;color:#c3c1f0}html[data-theme=light] .articlecontent .remark{background:#d2d2d0;color:#2a38a2}.tabs{margin-top:1.4rem;display:flex;flex-wrap:wrap;overflow-x:hidden}.tabs [type=radio]{display:none}.tabs>label{display:block;margin-bottom:-1px;padding:8px 15px;border:1px solid #9995;background:#7772;color:var(--divider-color-darker);font-size:.8rem;letter-spacing:1px;cursor:pointer;user-select:none}.tabs>label:hover{background:#9997}.tabs input:checked+label{z-index:99;border-top:2px solid var(--accent-color-secondary);border-bottom:2px solid var(--background);background:var(--background);color:var(--text-color-dark);font-weight:600}.tab-content{order:99;border-top:1px solid var(--accent-color-secondary);border-bottom:1px solid var(--accent-color-secondary);display:none;padding:.8rem 10px;width:100%}.articlecontent .tab-content p:not(.lll-box p){margin-top:.5rem;margin-bottom:.8rem}.tabs input:checked+label+.tab-content{display:block}.articlecontent .remark-list li{margin:.5rem 0}.articlecontent .remark-list strong{background:#1b1a1f;border-radius:8px;padding:0 .4rem!important;color:#c3c1f0!important;font-weight:500!important;font-size:.95em}html[data-theme=light] .articlecontent .remark-list strong{background:#d2d2d0;color:#2a38a2!important}.articlecontent .step-instructions ol{counter-reset:item 0;list-style:none;margin:0 2rem 0 8rem}.articlecontent .step-instructions ol ol{margin:0 2rem 0 2rem}@media screen and (max-width:991px){.articlecontent .step-instructions ol{counter-reset:item 0;list-style:none;margin:0 1rem 0 3rem}}.articlecontent .step-instructions ol li{margin:1rem 0;position:relative;border-radius:8px;min-height:2rem}.articlecontent .step-instructions ol li::marker{content:""}.articlecontent .step-instructions ol>li:before{counter-increment:item;content:counters(item,".");position:absolute;left:-2.5rem;background:#2181a4;color:#fff;height:2rem;width:2rem;text-align:center;font-weight:700;border-radius:8px;font-size:1.1rem}.articlecontent .caption{font-size:1.1rem;margin-top:-.4rem;text-align:center;font-weight:300;font-style:italic}iframe.video{display:block;margin:2rem auto;border:0;max-width:100%}