/*! browserux.css 2.0.0 | 2025 MIT Licence | github.com/Effeilo/browserux.css */:root{--bux-page-bg: #eaeaea;--bux-page-color: #121212;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: #ddecf6;--bux-scrollbar-thumb: var(--bux-color-secondary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 10px;--bux-typo-font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 1.6rem;--bux-typo-line-height: 1.6}@media (prefers-color-scheme: dark){:root{--bux-page-bg: #121212;--bux-page-color: #eaeaea;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0}}body{transition:background-color .3s,color .3s}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media (prefers-contrast: more){::placeholder{color:#101010cc;opacity:1}[disabled]{color:#101010cc}::selection{text-shadow:none}em,i,small{font-weight:700}}::selection{background:var(--bux-selection-bg);color:var(--bux-selection-color);text-shadow:var(--bux-selection-text-shadow)}@supports (-moz-appearance: none){html{scrollbar-color:var(--bux-scrollbar-thumb) var(--bux-scrollbar-track);scrollbar-width:auto}}::-webkit-scrollbar{background:var(--bux-scrollbar);height:var(--bux-scrollbar-horizontal-height);width:var(--bux-scrollbar-vertical-width)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background-color:var(--bux-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--bux-scrollbar-thumb);border-radius:calc(var(--bux-scrollbar-vertical-width) / 2)}::-webkit-scrollbar-thumb:hover{background-color:var(--bux-scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}::placeholder{color:var(--bux-placeholder-color)}input[type=checkbox],input[type=radio],input[type=range],meter,select{accent-color:var(--bux-color-primary)}progress{accent-color:var(--bux-progress-value-bg)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{background:var(--bux-color-primary);border:none}input:valid,textarea:valid,select:valid{background-color:var(--bux-valid-bg-color);border-color:var(--bux-valid-border-color)}input:invalid,textarea:invalid,select:invalid{background-color:var(--bux-invalid-bg-color);border-color:var(--bux-invalid-border-color)}input:invalid::placeholder,textarea:invalid::placeholder{color:var(--bux-invalid-placeholder-color)}progress::-webkit-progress-bar{background-color:var(--bux-progress-bar-bg);border-radius:8px}progress::-webkit-progress-value{background-color:var(--bux-progress-value-bg);border-radius:8px}progress::-moz-progress-bar{background-color:var(--bux-progress-bar-bg)}details,summary{accent-color:var(--bux-color-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--bux-color-primary);outline-offset:2px}*,*:before,*:after{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}html{font-family:var(--bux-typo-font-family);font-size:62.5%;min-height:100%;overflow-y:scroll;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;tab-size:4;-moz-tab-size:4;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background:var(--bux-page-bg);color:var(--bux-page-color);font-size:var(--bux-typo-font-size);line-height:var(--bux-typo-line-height);min-height:100%}blockquote,pre{max-width:100%}pre{font-family:var(--bux-typo-font-family-mono)}ol,ul{list-style:none}a{outline:0;text-decoration:none;text-decoration-skip-ink:auto;touch-action:manipulation}abbr[title],dfn[title]{cursor:help;text-decoration:underline dotted}b,strong{font-weight:bolder}code{max-width:100%;white-space:pre-wrap}code,kbd,samp{font-family:var(--bux-typo-font-family-mono)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}area{touch-action:manipulation}audio,canvas,iframe,img,svg,video{vertical-align:middle}img::selection{background-color:var(--bux-transparent)}img,svg,video{height:auto;max-width:100%}svg{fill:currentColor}table{border-color:inherit;text-indent:0}table,td{max-width:100%}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;-webkit-user-select:none;user-select:none}button,input,label,select,textarea{touch-action:manipulation}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,select{text-transform:none}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),label[for],select{cursor:pointer}button,[type=button],[type=reset],[type=submit]{-moz-appearance:button;appearance:button;-webkit-appearance:button}input,textarea{max-width:100%}input,select,textarea{-webkit-user-select:text;user-select:text}[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{vertical-align:baseline}textarea{resize:vertical}::-webkit-file-upload-button{-moz-appearance:button;appearance:button;-webkit-appearance:button;font:inherit}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}summary{display:list-item}[role=button],details[open] summary,summary{-webkit-user-select:none;user-select:none}:root{--bux-page-bg: #eaeaea;--bux-page-color: #121212;--bux-color-primary: #f05e0e;--bux-color-secondary: #0e93f0;--bux-transparent: transparent;--bux-white: #fff;--bux-black: #000;--bux-valid-border-color: #29b94c;--bux-valid-bg-color: #f0fff5;--bux-invalid-border-color: #dc303e;--bux-invalid-bg-color: #fff0f0;--bux-placeholder-color: #aaa;--bux-invalid-placeholder-color: #dc303e;--bux-progress-bar-bg: #efefef;--bux-progress-value-bg: #29b94c;--bux-selection-bg: var(--bux-page-color);--bux-selection-color: var(--bux-page-bg);--bux-selection-text-shadow: none;--bux-scrollbar: var(--bux-page-bg);--bux-scrollbar-track: #ddecf6;--bux-scrollbar-thumb: var(--bux-color-secondary);--bux-scrollbar-thumb-hover: var(--bux-color-primary);--bux-scrollbar-vertical-width: 10px;--bux-scrollbar-horizontal-height: 5px;--bux-typo-font-family: Dosis, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--bux-typo-font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--bux-typo-font-size: 2.2rem;--bux-typo-line-height: 1.6;--bux-color-footer: #666;--bux-code-bg: #f3f3f3;--bux-code-color: #121212;--bux-copy-bg: #fff;--bux-copy-color: #121212;--bux-tag-html-bg: #f05e0e;--bux-tag-html-color: #fff;--bux-tag-css-bg: #0e93f0;--bux-tag-css-color: #fff;--bux-tag-js-bg: #ffcc00;--bux-tag-js-color: #000;--bux-tag-vite-bg: #bd34fe;--bux-tag-vite-color: #fff}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-white: #444;--bux-black: #fff;--bux-code-bg: #333;--bux-code-color: #eaeaea;--bux-copy-bg: #555;--bux-copy-color: #eaeaea;--bux-color-footer: #aaa}}:root[data-theme=dark]{--bux-page-bg: #333;--bux-page-color: #eaeaea;--bux-color-primary: #eb8a55;--bux-color-secondary: #58aae3;--bux-white: #444;--bux-black: #fff;--bux-code-bg: #333;--bux-code-color: #eaeaea;--bux-copy-bg: #555;--bux-copy-color: #eaeaea;--bux-color-footer: #aaa;--bux-tag-html-bg: #eb8a55;--bux-tag-html-color: #fff;--bux-tag-css-bg: #58aae3;--bux-tag-css-color: #fff;--bux-tag-js-bg: #f3d043;--bux-tag-js-color: #000}.navigate-loader{view-transition-name:navigate-loader}::view-transition-old(navigate-loader),::view-transition-new(navigate-loader){position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--bux-page-bg) 0%,var(--bux-color-secondary) 50%,var(--bux-page-bg) 100%);animation:loaderBar 1s infinite linear;z-index:9999}@keyframes loaderBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nav-all-btn img{display:block}.nav-all>.nav-all-bg{background:#000000b3;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:none}.nav-all>.nav-all-bg.active{display:block}.nav-all>.nav-all-content{background:var(--bux-white);left:0;position:fixed;top:0;width:300px;bottom:0;overflow-y:auto;padding:0;z-index:3;transition:transform .2s ease-in-out;box-shadow:0 4px 6px #0000001a;padding:2rem;transform:translate(-100%);z-index:2}.nav-all>.nav-all-content.active{transform:translate(0)}.nav-all div img{width:150px;display:block}.nav .nav-all ul{flex-direction:column;align-items:start}.nav-all a{font-weight:400;display:block;line-height:4rem}.nav-all p{font-weight:700;border-top:2px solid var(--bux-page-bg);padding-top:4rem;margin-bottom:2rem}.nav-all strong{display:block;margin:2rem 0 1rem;font-size:1.8rem}@media (max-width: 768px){.mobile-hidden{display:none!important}}header{padding:0 2rem 2rem;text-align:center}@media (min-width: 1040px){header{padding-top:2.5rem}}header .logo{max-width:300px;width:100%}@media (min-width: 1040px){header .logo{max-width:400px}}header>.h1{font-size:3rem;font-weight:700;letter-spacing:2px;margin-top:0}header>.h2{font-size:2.5rem;font-weight:400;letter-spacing:1px;margin-top:0}main{box-shadow:0 4px 6px #0000001a;max-width:1000px;margin:0 2rem 5rem}@media (min-width: 768px){main{margin-top:2rem}}@media (min-width: 1040px){main{margin-inline:auto}}.box{background-color:var(--bux-white);letter-spacing:1px;padding:2rem 2rem 3rem}@media (min-width: 768px){.box{padding:2.5rem 5rem 5rem}}.box+.box{margin-top:.3rem}.nav{font-size:1.8rem}.nav a{color:var(--bux-page-color)}@media (max-width: 1024px){body{padding-top:5rem}.nav{height:5rem;position:fixed;top:0;left:0;right:0;background:var(--bux-page-bg);z-index:1}.nav img{width:32px;margin:9px}}.nav>div{align-items:center;display:flex;justify-content:space-between}.nav ul{align-items:center;display:flex;flex-wrap:wrap}.nav ul li{margin-right:20px}.box.box-line{align-items:center;display:flex;gap:2rem;justify-content:space-between;line-height:1;padding:1rem;text-align:left}.box.box-line .nav-left{display:flex;align-items:center}#btn-nav{width:40px;margin-left:1.5rem}.box.box-line .nav-left>a{color:var(--bux-black);display:inline-block;font-size:2rem;font-weight:400;margin-left:1rem;padding:1rem 0}.box.box-line .nav-left>a:hover,.box.box-line .nav-left>a.active,.box.box-line .nav-right-nav>a.lang:hover{color:var(--bux-color-primary)}.box.box-line .nav-left>a.active,.box.box-line .nav-right-nav>a.lang{font-weight:700}.box.box-line .nav-right-nav>a.lang{color:var(--bux-color-secondary);font-size:1.6rem;margin-right:1rem}.box.box-line .nav-right-nav>.nav-right-close-btn,.nav-btn{display:none}.separation{position:relative;top:2px}.box.filters{padding-bottom:1.5rem}.filters button{margin-bottom:1rem;margin-right:1rem;opacity:.5}.filters button:hover,.filters button.active{opacity:1;transition:.3s}.tags{margin-bottom:3rem}[class*=tag-],.filters button{background:var(--bux-page-bg);border-radius:5px;color:var(--bux-page-color);display:inline-block;font-size:1.6rem;font-weight:700;padding:.5rem 1rem}.tag-html,button[data-tag=html].active{background:var(--bux-tag-html-bg);color:var(--bux-tag-html-color)}.tag-css,button[data-tag=css].active{background:var(--bux-tag-css-bg);color:var(--bux-tag-css-color)}.tag-js,.tag-json,button[data-tag=js].active,button[data-tag=json].active{background:var(--bux-tag-js-bg);color:var(--bux-tag-js-color)}.infos [class*=tag-]{font-size:1.4rem;padding:0rem .5rem}h1{font-size:2.5rem}@media (min-width: 600px){h1{font-size:3rem}}h2{font-size:2.5rem;margin-top:5rem}h3{font-size:2.2rem;margin-top:3rem;position:relative}.num-part{color:var(--bux-color-primary)}.num-point{color:var(--bux-color-secondary)}.article h1+img,.home h1+img{border-radius:10px;margin-top:2.5rem}@media (min-width: 1040px){.article h1+img,.home h1+img{border-radius:20px}}p{margin-top:3rem}a{color:var(--bux-color-secondary);font-weight:700}a:hover{color:var(--bux-color-primary)}pre{margin-top:3rem}code{background:var(--bux-code-bg);border-radius:5px;color:var(--bux-code-color);font-size:1.8rem;padding:.2rem .5rem}.copy-button{background-color:var(--bux-copy-bg);border-radius:5px;color:var(--bux-copy-color);cursor:pointer;font-size:1.6rem;padding:4px 12px 4px 8px;position:absolute;right:8px;top:8px}strong{font-size:2rem}.list{text-align:left;margin-top:3rem;padding-left:1.5em}.list li{margin-bottom:.5rem}.list li:before{content:"•";color:var(--bux-color-secondary);font-weight:700;display:inline-block;width:1em;margin-left:-3rem}.list ul{padding-left:1.5em}.list ul li:before{color:var(--bux-color-primary)}.table-of-contents{display:none}@media (min-width: 900px){.table-of-contents{display:block}}.table-of-contents>ul{margin-top:3rem;text-align:left}.table-of-contents>ul>li{margin-top:1rem}.table-of-contents>ul ul{margin-left:3rem}.table-of-contents a{color:var(--bux-page-color);font-weight:400}.table-of-contents a:hover{color:var(--bux-color-primary)}.home .box h1,.home h2{margin-top:2rem}.home p{font-size:2rem}.list-articles li{padding:1rem 0}.infos .date{font-size:1.6rem}.title{margin-top:0}.title>a{color:var(--bux-page-color);font-size:2rem}.title>a:hover{color:var(--bux-color-primary)}browserux-share-button{--bux-share-btn-bg: #fff;position:fixed;right:2rem;bottom:2rem}@media (max-width: 1024px){browserux-share-button{--bux-share-btn-bg: var(--bux-page-bg);position:fixed;right:0;bottom:2rem}}.footer{text-align:center;margin-bottom:5rem;font-size:1.6rem;color:#666}@media (prefers-color-scheme: dark){.footer{color:#ddd}}:root[data-theme=dark] .footer{color:#ddd}.box.about,.box.about h2,.box.more h2{font-size:2rem}.box.about h2,.box.more h2{margin-top:1rem}.project{align-items:center;display:flex;gap:2rem;padding:2.5rem 5rem}@media (max-width: 768px){.project{flex-direction:column;padding:2rem}}.project img{width:150px}.project p{margin-top:0;padding:2.5rem 0 2.5rem 2.5rem}@media (max-width: 768px){.project p{padding:0}}p.infos{color:#666;border-left:5px solid var(--bux-page-bg);padding-left:1.5rem}.list-articles p.infos{border-left:none;padding-left:0}:root[data-theme=dark] p.infos{color:#aaa}@media (min-width: 800px){.list-guides{display:flex;gap:5rem}}.list-guides li{margin-top:3rem}.list-guides img{border-radius:10px}.list-guides .title{color:var(--bux-page-color);display:block;font-size:2rem;margin-top:1rem;line-height:1.4}.list-guides a:hover .title{color:var(--bux-color-secondary)}.list-guides .link{color:var(--bux-color-primary);display:block;font-size:1.8rem;font-weight:400;margin-top:1rem;text-transform:uppercase}.theme-toggle-wrapper{align-items:center;display:inline-flex;gap:.5rem;margin-left:10px}.theme-icon{font-size:2rem}#theme-toggle{background-color:#888;border:none;border-radius:999px;cursor:pointer;height:2rem;padding:0;position:relative;top:.1rem;transition:background-color .3s ease;width:3.5rem}#theme-toggle .toggle-thumb{background:#fff;border-radius:50%;height:1.6rem;left:.2rem;position:absolute;top:.2rem;transition:transform .3s ease;width:1.6rem}.dark-icon{left:-5px;position:relative;top:3px;width:24px}html[data-theme=dark] #theme-toggle .toggle-thumb{transform:translate(1.5rem)}.table{width:100%;border-collapse:collapse;margin-top:3rem;font-size:1.8rem}.table thead th{background-color:#f2f2f2;text-align:left;padding:.75em;border-bottom:2px solid #ccc}html[data-theme=dark] .table thead th{background-color:#333;border-bottom:2px solid #222}.table tbody td{padding:.75em;border-bottom:1px solid #e0e0e0}html[data-theme=dark] .table tbody td{border-bottom:1px solid #222}.table tbody td code{font-size:1.6rem}.table tbody tr:nth-child(odd){background-color:#fafafa}html[data-theme=dark] .table tbody tr:nth-child(odd){background-color:#3f3f3f}pre[class*=language-html]{border-left:5px solid #f05e0e}pre[class*=language-css]{border-left:5px solid #0e93f0}pre[class*=language-js]{border-left:5px solid #ffcc00}pre[class*=language-],code[class*=language-],.test-htaccess{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;color:var(--bux-code-color);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.6rem;line-height:1.5;border-radius:5px;background:var(--bux-code-bg)}pre[class*=language-],.test-htaccess{-moz-tab-size:4;tab-size:4;text-align:left;padding:0 20px 20px}pre[class*=language-]{margin:10px 0}pre[class*=language-],pre.test-htaccess{overflow-x:auto;-webkit-overflow-scrolling:touch}pre[class*=language-].wrap{overflow-x:visible;white-space:pre-wrap;-webkit-overflow-scrolling:auto}pre[class*=language-].wrap>code{white-space:pre-wrap}pre[class*=language-].mh{max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}:not(pre)>code[class*=language-]{white-space:normal;border-radius:2px;padding:0 5px}pre[class*=language-].line-numbers{counter-reset:line;padding-left:3.8em}pre[class*=language-].line-numbers>code{position:relative}pre[class*=language-].line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;-webkit-user-select:none;user-select:none;border-right:1px solid #999;left:-3.8em;letter-spacing:-1px;width:3em}pre[class*=language-].line-numbers .line-numbers-rows>span{counter-increment:line}pre[class*=language-].line-numbers .line-numbers-rows>span:before{content:counter(line);display:block;text-align:right;color:#999;padding-right:.8em}.token.bold,.token.important{font-weight:700}.token.entity{cursor:help}.token.italic{font-style:italic}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#b0bec5}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#0e93f0}@media (prefers-color-scheme: dark){.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#58aae3}}:root[data-theme=dark] .token.property,:root[data-theme=dark] .token.tag,:root[data-theme=dark] .token.boolean,:root[data-theme=dark] .token.number,:root[data-theme=dark] .token.constant,:root[data-theme=dark] .token.symbol,:root[data-theme=dark] .token.deleted{color:#58aae3}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#f05e0e}.token.url{color:#00bfa5}.token.pseudo-class{color:#f06292}.token.operator,.token.entity,.token.number{color:#ec407a}.token.atrule,.token.attr-value,.token.keyword{color:#084976}@media (prefers-color-scheme: dark){.token.atrule,.token.attr-value,.token.keyword{color:#91c3e5}}:root[data-theme=dark] .token.atrule,:root[data-theme=dark] .token.attr-value,:root[data-theme=dark] .token.keyword{color:#91c3e5}.token.function{color:#6200ea}@media (prefers-color-scheme: dark){.token.function{color:#b895e9}}:root[data-theme=dark] .token.function{color:#b895e9}.token.regex,.token.important,.token.variable{color:#a23c04}