.articlecontent{margin-bottom:2rem;font-size:1.3rem}@media screen and (max-width:1690px){.articlecontent{font-size:1.25rem}}@media screen and (max-width:1280px){.articlecontent{font-size:1.2rem}}@media screen and (max-width:640px){.articlecontent{font-size:1.1rem}}.articlecontent p,.articlecontent li{font-size:inherit;color:#a0a0a0;letter-spacing:.2px;word-spacing:1px;line-height:150%;font-weight:400}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 *):not(h2 *):not(h3 *):not(h4 *):not(h5 *){color:#e1e1e1;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:4.5rem;margin-bottom:1.8rem;font-size:2.2rem}.articlecontent>h2::before{content:"";width:2rem;height:2rem;margin-right:.6rem;display:inline-block;background:var(--accent-color-light);mask:url(../../img/icon/hashtag-rounded.svg)no-repeat center;mask-size:2rem 2rem;transform:translateY(.25rem)}.articlecontent h3{margin-top:2.2rem;font-size:1.6rem}.articlecontent h4{margin-top:1.85rem;font-size:1.4rem}.articlecontent h5{margin-top:1.5rem;font-size:1.2rem}@media screen and (max-width:991px){.articlecontent h1{font-size:1.6rem}.articlecontent h2{margin-bottom:1.4rem;font-size:1.6rem}.articlecontent>h2::before{width:1.6rem;height:1.6rem;mask-size:1.6rem 1.6rem}.articlecontent h3{font-size:1.4rem}.articlecontent h4{margin-top:1.3rem;font-size:1.1rem}}html[data-theme=dark] .articlecontent :where(h1,h2){font-weight:700}html[data-theme=dark] .articlecontent :where(h3,h4,h5){font-weight:500}.articlecontent :where(h2,h3,h4,h5) :where(code,strong){color:var(--accent-color-light);font-family:var(--font-normal)}.articlecontent ul,.articlecontent ol{margin-bottom:1rem;padding-inline-start:2rem}@media screen and (max-width:991px){.articlecontent ul,.articlecontent ol{padding-inline-start:1rem}}.articlecontent em{color:#635e5e!important;font-style:normal}.color-orange{color:#c17a5c!important}.color-red{color:#b34973!important}.color-blue{color:#698dcd!important}.color-pink{color:var(--accent-color-light)!important}.weight-500{font-weight:500!important}.italic{font-style:italic}.articlecontent strong em,.articlecontent em strong{color:var(--accent-strong-color)!important;font-style:normal}.articlecontent li{padding-left:5px;margin-top:.5rem;margin-bottom:.5rem}.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:var(--code-color);font-size:.85em;position:relative;top:1px}.articlecontent pre{border:var(--card-border);border-radius:8px;margin-top:1.2rem;margin-bottom:1.5rem;overflow-x:scroll;padding:.5rem 0;font-size:.95em;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:#2a2a2a63;position:relative;overflow:hidden;border-radius:0 8px 8px 0;border-left:5px solid #822595;color:var(--accent-color-secondary)}html[data-theme=light] blockquote{background:#6060602e}blockquote p{margin:.5rem!important;font-size:1.2rem}hr{border:0;margin:1.5rem 0 0 0;border-top:1px solid var(--divider-color-lighter)}.table-wrap{width:100%;overflow-x:auto;margin-top:.5rem}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:8px 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)}.full-table table{width:100%!important}td code{color:var(--code-color)}.breadcumbs ul li{display:inline-block;font-size:1.1rem}.breadcumbs ul li+li:before{content:" ";margin:0 .6rem .12rem .6rem;display:inline-block;border-bottom:2px solid var(--text-selectable);border-right:2px solid var(--text-selectable);height:.4rem;width:.4rem;transform:rotate(-45deg)}.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 .icon{--icon-size:1.8rem;position:absolute;top:.9rem;color:var(--accent-color);width:var(--icon-size);height:var(--icon-size)}.navnextprev>div a.navprev .icon{left:-.15rem;transform:rotate(180deg)}.navnextprev>div a.navnext .icon{right:.05rem}.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{--lll-fg:hsl(from var(--lll-box) h 55% 40%);--lll-strong:hsl(from var(--lll-box) h 52% 45%);--lll-icon-size:2rem;display:flex;align-items:center;color:#eee;margin-top:1.6rem;border-radius:8px;margin-bottom:15px;min-height:4rem;padding:8px 14px;position:relative;font-weight:400;background:color-mix(in srgb,var(--lll-box),#0000 75%);border:1px solid var(--lll-box);box-shadow:rgba(0,0,0,.66)0 3px 12px -5px}.lll-box.hard{background:color-mix(in srgb,var(--lll-box),#000 15%);border:0}:root[data-theme=light] .lll-box{background:color-mix(in srgb,var(--lll-box),#fdfdfd00 0%)}:root[data-theme=light] .lll-box p,:root[data-theme=light] .lll-box li,:root[data-theme=light] .lll-box em{color:#dedede!important}:root[data-theme=light] .lll-box.hard{background:color-mix(in srgb,var(--lll-box),#fdfdfd00 10%)}.lll-box-content{width:100%;padding-left:calc(var(--lll-icon-size)*1.5);color:#cecece}.lll-box h1,.lll-box h2,.lll-box h3,.lll-box h4{font-size:1.8rem;margin-top:.35rem;margin-bottom:1.2rem;color:var(--lll-strong)}.lll-box-content p{margin-top:5px;margin-bottom:5px;color:inherit}.lll-box-content a{color:var(--lll-strong);font-weight:500}.lll-box-content a::before{content:"";background-size:1.2rem;width:1.2rem;height:1.2rem;margin-right:.4rem;display:inline-block;vertical-align:baseline;background:var(--lll-strong);mask:url(../../img/lll-box/lll-box-icon-link.svg)no-repeat center;transform:translateY(.2rem)}.lll-box-content a:hover{text-decoration:underline}.lll-box-content::before{font-size:1.5rem;left:.9rem;position:absolute}.lll-box .lll-box-content::before{content:"";width:var(--lll-icon-size);height:var(--lll-icon-size);display:block;font-size:1.5em;top:1rem;background:var(--lll-fg);mask:var(--lll-icon) no-repeat center;mask-size:var(--lll-icon-size)}@media (max-width:991px){.lll-box{--lll-icon-size:1.4rem}}.lll-box-content ul{margin:.6rem 0;padding-left:1.5rem}.lll-box-content ul:first-child{margin-top:0!important}.lll-box-content li{color:#cecece}.lll-box-content li::marker{color:var(--lll-strong)}.lll-box-content strong{color:var(--lll-strong)}html[data-theme=light] .lll-box-content code{color:#cfd0d1}.lll-area{--lll-box:#3e3d43;--lll-fg:#757282;display:flex;flex-direction:column;padding:.75rem 1rem;border:2px dashed var(--lll-box);border-radius:16px;margin:2rem 0;background:color-mix(in srgb,var(--lll-box),#0000 90%)}.lll-blue{--lll-box:#1c344b}.lll-green{--lll-box:#0d4437}.lll-yellow{--lll-box:#595227}.lll-red{--lll-box:#3c1b2e}.lll-ocean{--lll-box:#182e3c;--lll-fg:#516375;--lll-strong:#5281b0}.lll-grey{--lll-box:#363636;--lll-fg:#555;--lll-strong:#7272d7}.lll-dark-orange{--lll-box:rgb(33, 33, 38);--lll-fg:#d7af72;--lll-strong:#d7af72}.lll-dark-pink{--lll-box:rgb(33, 33, 38);--lll-fg:#887eb0;--lll-strong:#afa3df}.lll-dashed{border-style:dashed;border-width:2px}.lll-cyan{--lll-box:#20424c}.lll-purple{--lll-box:#31143d;--lll-strong:#ad51d3}.lll-deep-purple{--lll-box:#3e296a}.lll-pink{--lll-box:#614a67}.lll-steel{--lll-box:#3e3d43;--lll-fg:#757282}.lll-fit{font-size:.95em;margin-top:1rem}.lll-box.lll-fit .lll-box-content{padding-left:2.5rem}.lll-box.lll-fit .lll-box-content::before{top:.35rem;width:1rem}.lll-box.lll-info .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-info.svg')}.lll-box.lll-tip .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-bulb.svg')}.lll-box.lll-warning .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-warning.svg')}.lll-box.lll-danger .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-danger.svg')}.lll-box.lll-link .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-link.svg')}.lll-box.lll-reference .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-reference.svg')}.lll-box.lll-note .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-note.svg')}.lll-box.lll-spark .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-spark.svg')}.lll-box.lll-check .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-check.svg')}.lll-box.lll-cross .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-cross.svg')}.lll-box.lll-cube .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-cube.svg')}.lll-box.lll-example .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-example.svg')}.lll-box.lll-task .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-task.svg')}.lll-box.lll-experiment .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-flask.svg')}.lll-box.lll-explain .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-arrow-up.svg')}.lll-box.lll-like .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-like.svg')}.lll-box.lll-unlike .lll-box-content::before{--lll-icon:url('../../img/lll-box/lll-box-icon-unlike.svg')}.lll-box.no-icon .lll-box-content{padding-left:.5rem}.lll-box.no-icon .lll-box-content::before{content:none}.lll-area .lll-box-content{padding-left:0}.lll-area .lll-box-content::before{content:none!important}.lll-area.with-icon .lll-box-content{padding-left:3rem}.lll-area.with-icon .lll-box-content::before{content:""!important}.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:.85em;border-radius:8px;padding:0 .4rem;vertical-align:middle;display:inline-block;margin:0 .1rem;position:relative;top:-3px}.articlecontent h1 .badge,.articlecontent h2 .badge,.articlecontent h3 .badge,.articlecontent h4 .badge{font-weight:500;font-size:1.05rem;padding:.1rem .4rem;vertical-align:text-bottom;vertical-align:10%}.articlecontent .blue{--e-color:hsl(211, 50%, 55%)}.articlecontent .yellow{--e-color:#e6a308}.articlecontent .red{--e-color:#f7076A}.articlecontent .green{--e-color:#8dc901}.articlecontent .purple{--e-color:#b574ff;--e-color:#d15dff}.articlecontent .pink{--e-color:#e869c6}.articlecontent .grey{--e-color:#999999}.articlecontent .white{--e-color:#EFEFEF}.articlecontent span a{color:inherit}.articlecontent .leftarrow::after{--icon-size:0.7rem;content:"";width:var(--icon-size);height:var(--icon-size);margin-left:.4rem;display:inline-block;vertical-align:baseline;background:#fff;mask:url(../../img/lll-box/lll-box-icon-leftarrow.svg)no-repeat center;mask-size:var(--icon-size)}.articlecontent .leftarrow a::before{content:none}.articlecontent .badge{background:color-mix(in srgb,var(--e-color),transparent 20%);color:color-mix(in srgb,var(--e-color),white 90%)}.articlecontent .badge.white{color:#555}html[data-theme=dark] .articlecontent .badge{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)}.tabs{--tabs-top-bottom:var(--accent-color-secondary);--tabs-left-right:#222126;--tabs-text:var(--text-color-dark);margin:2.2rem 0 2.4rem 0;display:flex;flex-wrap:wrap;overflow-x:hidden}.tabs.alternate{--tabs-top-bottom:#3e3d41;--tabs-left-right:#222126;--tabs-text:var(--accent-color)}.tabs [type=radio]{display:none}.tabs>label{display:block;margin-bottom:-2px;padding:8px 15px;border:1px solid #37363b;border-bottom:none;color:var(--divider-color-darker);font-size:.95rem;letter-spacing:.5px;cursor:pointer;user-select:none}.tabs input:not(:checked)+label{background:#7772}.tabs input:not(:checked)+label:hover{background:#9993}.tabs input:checked+label{z-index:99;border-top:2px solid var(--tabs-top-bottom);border-bottom:2px solid var(--background);border-left:1px solid var(--tabs-left-right);border-right:1px solid var(--tabs-left-right);margin-bottom:-2px;padding-bottom:2px;color:var(--tabs-text);font-weight:500;letter-spacing:.2px;z-index:999}.tab-content{order:99;border-top:2px solid var(--tabs-top-bottom);border-bottom:2px solid var(--tabs-top-bottom);border-left:1px solid var(--tabs-left-right);border-right:1px solid var(--tabs-left-right);display:none;padding:.8rem 14px;width:100%}.articlecontent .tab-content>:first-child{margin-top:.6rem}.tabs input:checked+label+.tab-content{display:block}.articlecontent strong code{background:#1b1a1f;border-radius:8px;padding:0 .4rem!important;color:var(--code-color)!important;font-weight:500!important;font-size:.95em}html[data-theme=light] .articlecontent strong code{background:#d2d2d0}.articlecontent .step-instructions{--step-size:2rem;--step-font-size:1.1rem;margin:0 8rem 0 6rem}.articlecontent .step-instructions strong{color:#7798bd!important}html[data-theme=light] .articlecontent .step-instructions strong{color:#55769d!important}.articlecontent .step-instructions ol{counter-reset:item 0;list-style:none}.articlecontent .step-instructions ol ol{margin:0 2rem 0 2rem}@media screen and (max-width:991px){.articlecontent .step-instructions{margin:0 3rem 0 2rem}}.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;top:.2rem;left:calc(var(--step-size)*-1.25);background:#2181a4;color:#fff;height:var(--step-size);width:var(--step-size);text-align:center;font-weight:700;border-radius:calc(var(--step-size)*.25);font-size:var(--step-font-size)}@media screen and (max-width:991px){.articlecontent .step-instructions{--step-size:1.5rem;--step-font-size:0.9rem}}.articlecontent .step-consign{margin:1rem 0;position:relative;border-radius:8px;min-height:2rem;padding-inline-start:calc(2rem + 5px)}.articlecontent .step-consign p{margin:0!important}.articlecontent .step-consign::before{--step-size:2rem;--step-font-size:1.1rem;content:attr(data-title);display:flex;position:absolute;background:#2181a4;color:#fff;top:.2rem;left:calc(var(--step-size)*-1.25 + 2rem);height:var(--step-size);width:var(--step-size);text-align:center;font-weight:700;border-radius:calc(var(--step-size)*.25);font-size:var(--step-font-size);padding:.2rem;place-items:center;place-content:center}@media screen and (max-width:991px){.articlecontent .step-consign{padding-inline-start:calc(1rem + 5px)}.articlecontent .step-consign::before{--step-size:1.5rem;--step-font-size:0.9rem;left:calc(var(--step-size)*-1.25 + 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%}.collapsible{background-color:var(--card-background);border:var(--card-border);box-shadow:var(--shadow);border-radius:16px}.collapsible.dropdown .dropdown-header{padding:.6rem 1.5rem .6rem 2.5rem;margin:0;font-size:1.4rem}.collapsible.dropdown .dropdown-header::after{top:1.4rem;left:1rem}.collapsible.dropdown:not(:has(>.active)) .dropdown-header{border-bottom:var(--card-border)}.collapsible.dropdown>.dropdown-content{padding:0 1rem}.collapsible.dropdown>.dropdown-content>div>:first-child{margin-top:.6rem}.filter-container{display:flex;place-content:end;height:40px;flex-direction:row;width:100%;align-items:baseline;margin-bottom:1rem;padding:0 3rem 0 1rem}.filter-container input{max-width:380px;border-radius:8px;border:var(--card-border);background:var(--card-background);color:var(--text-color);font-size:1.1rem;padding:0 4px 4px 6px}.filter-container input::placeholder{font-size:1rem;margin-bottom:auto;margin-top:auto}.filter-container input:focus{outline:0!important;box-shadow:0 0 4px #719ece}.lll_btn.medium{height:2rem;line-height:1.2rem}.lll_btn.small{font-size:.85rem;height:1.4rem;line-height:1rem}.lll_btn.big{font-size:1.5rem;height:40px;line-height:40px}.lll_btn:focus,.lll_btn:hover{color:var(--white);text-decoration:none;opacity:.85;background-position:right center}.lll-input{margin-right:10px;box-sizing:border-box;width:100%;border-radius:8px;border:1px solid #28272c;background:#17171c;color:#aaa;font-size:1.1rem;padding:0 4px 4px 6px}.lll-input::placeholder{font-size:1rem;margin-bottom:auto;margin-top:auto}.lll-input:focus{outline:0!important;box-shadow:0 0 4px #719ece}.range{display:flex;align-items:center;gap:0;height:4rem}.range input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:0;border-radius:15px;height:6px;background:#ccc}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;background:#f50;border-radius:50%}.range input[type=range]::-moz-range-thumb{height:16px;width:16px;background:#f50;border-radius:50%}.range p,.range-label{position:relative;color:#fff;border-radius:3px;text-align:center}.range p{min-width:50px;background:#3339;margin-right:14px;line-height:28px}.range-label{margin-left:14px;width:70px;background:#2c3e50;line-height:30px}.range-label:before{content:"";position:absolute;border-right:9px solid transparent;border-left:9px solid transparent;border-bottom:12px solid #2c3e50;left:-10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.dropdown{--arrow-size:0.5rem;margin-top:2.5rem;margin-bottom:1.5rem}.dropdown .dropdown-header{display:flex;justify-content:space-between;padding:0 2.5rem 0 1.5rem;align-items:baseline;position:relative;transition:all .35s;cursor:pointer}.dropdown:has(>.active)>.dropdown-header{padding:.3rem 1.5rem .3rem 2.5rem;margin:0}.dropdown>.dropdown-header>*{margin:0!important;padding:0!important}.dropdown>.dropdown-header::after{content:"";position:absolute;border-style:solid;border-width:.15em .15em 0 0;height:var(--arrow-size);width:var(--arrow-size);top:35%;left:.4rem;transition:all .35s;transform:rotate(135deg)}.dropdown:has(>.active)>.dropdown-header::after{top:40%;transform:rotate(45deg);left:1rem}.dropdown>.dropdown-header::before{content:"";left:0;top:2rem;position:absolute;width:100%;height:100%;background-color:var(--card-background);border:var(--card-border);box-shadow:var(--shadow);border-radius:16px;z-index:-1;opacity:0}.dropdown:has(>.active)>.dropdown-header::before{transition:all .25s;top:0;opacity:1}.dropdown>.dropdown-content{overflow:hidden;height:auto;opacity:1;transition:all .25s;position:relative;top:0}.dropdown:has(>.active)>.dropdown-content{max-height:0;opacity:0;top:-2.5em}.dropdown.stretch{margin-top:3rem}.dropdown.stretch:has(.active){margin-top:1.5rem;margin-bottom:1rem}.dropdown.stretch:not(.dropdown.stretch+.dropdown.stretch){margin-top:1.5rem;margin-bottom:1rem}@media screen and (max-width:991px){.dropdown{font-size:1rem}.dropdown{padding:0 .2rem 0 .2rem}.dropdown .dropdown-content{margin:.5rem .2rem 1rem .2rem}}.content-card{font-size:.95em}.content-card h2{font-size:1.6rem;font-weight:500;color:var(--accent-strong-color)}.content-card-group{margin:.5rem 0 2rem 0}.content-card .content-card-item{background-color:var(--card-background);border:var(--card-border);overflow-x:auto}.content-card .content-card-item{padding:.5rem 1rem;color:var(--text-selectable);border:1px solid var(--divider-color-lighter);border-bottom:none}mjx-container svg{margin:0 .35rem}.content-card .content-card-item:first-of-type{border-top-left-radius:16px;border-top-right-radius:16px}.content-card .content-card-item:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom:1px solid var(--divider-color-lighter)}.content-card :nth-child(1 of.content-card-item.filtered){border-top-left-radius:16px;border-top-right-radius:16px}.content-card :nth-last-child(1 of.content-card-item.filtered){border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom:1px solid var(--divider-color-lighter)}.rowcontent:has(input.filtered) .content-card .dropdown-header{opacity:.2}.rowcontent:has(input.filtered) .content-card:has(.filtered) .dropdown-header{opacity:1}.rowcontent:not(:has(input.filtered)) .content-card-group,.rowcontent:not(:has(input.filtered)) .content-card-item{display:block}.rowcontent:has(input.filtered) .content-card-group,.rowcontent:has(input.filtered) .content-card-item{display:none}.rowcontent:has(input.filtered) .content-card-group:has(.filtered),.rowcontent:has(input.filtered) .content-card-item.filtered{display:block}html[data-theme=light] .content-card-group{background:#f1f1f1!important}.content-card h3{margin:0;padding:.5rem .6rem;font-size:1.1em;color:#eebff9!important}.content-card .content-card-item p{margin:0!important;padding:.5rem .5rem!important}.content-card .content-card-item p:first-child:has(strong),.content-card .content-card-item h3:first-child{padding-left:0!important}.content-card strong{color:#eee!important}html[data-theme=light] .content-card strong{color:#0f0f0f!important}.content-card .content-card-item ul,.content-card .content-card-item ol{padding-left:1.5rem!important}.content-card .content-card-item li{margin:.55rem!important}.content-card pre{border-radius:10px;margin:.5rem!important;background:#100f15!important}@media screen and (max-width:991px){.content-card .content-card-item p{padding:.35rem .35rem!important}.content-card .content-card-item li{margin:.2rem .35rem!important}}.calculator table{font-size:1.2rem;line-height:2rem}.calculator tr,.calculator td,.calculator th{padding:.5rem .5rem;background:0 0!important;border:0}.calculator input{background:color-mix(in srgb,var(--card-background),white 10%);border-radius:8px;border:0;color:#eee;font-size:1.2rem;text-align:center;height:2rem}.calculator input:focus-visible{background:color-mix(in srgb,var(--card-background),white 25%)}.calculator input:read-only{background:color-mix(in srgb,var(--card-background),black 10%)}