:root{color-scheme:light dark;--s:0.35s;--gutter:25px;--v:30px;--radius:4px;--site-header-height:50px;--site-footer-height:105px;--font:Roboto Slab,serif;--font-code:SFMono-Regular,monospace;--gray-100:#fff;--gray-200:#eee;--gray-300:#bbb;--gray-400:#888;--gray:#555;--gray-600:#444;--gray-700:#333;--gray-800:#111;--gray-900:#000;--green-100:#ccf4e3;--green-200:#99e9c7;--green-300:#66ddac;--green-400:#33d290;--green:#00c774;--green-600:#009f5d;--green-700:#007746;--green-800:#00502e;--green-900:#002817;--blue-100:#d8d7f1;--blue-200:#b1afe3;--blue-300:#8a88d6;--blue-400:#6360c8;--blue:#3c38ba;--blue-600:#302d95;--blue-700:#242270;--blue-800:#18164a;--blue-900:#0c0b25;--red-100:#ffe6e7;--red-200:#ffcecf;--red-300:#ffb5b7;--red-400:#ff9d9f;--red:#ff8487;--red-600:#ff373b;--red-700:#e80006;--red-800:#9b0004;--red-900:#4d0002;--yellow-50:#fdfdeb;--yellow-100:#fcfcdd;--yellow-200:#f9fabb;--yellow-300:#f7f799;--yellow-400:#f4f577;--yellow:#f1f255;--yellow-600:#eced18;--yellow-700:#b5b60e;--yellow-800:#797a09;--yellow-900:#3c3d05;--purple-100:#f1e7fe;--purple-200:#e4cffe;--purple-300:#d6b6fd;--purple-400:#c99efd;--purple:#bb86fc;--purple-600:#913bfa;--purple-700:#6906e2;--purple-800:#460497;--purple-900:#23024b;--cyan-100:#f2fffe;--cyan-200:#cbfff9;--cyan-300:#b0fef6;--cyan-400:#96fef3;--cyan:#7cfef0;--cyan-600:#31fde7;--cyan-700:#02e1c9;--cyan-800:#019686;--cyan-900:#014b43;--primary:var(--gray-100);--primary-100:var(--gray-200);--primary-200:var(--gray-300);--primary-300:var(--gray-400);--secondary:var(--gray-800);--secondary-100:var(--gray-700);--secondary-200:var(--gray-600);--secondary-300:var(--gray);--highlight:var(--cyan);--highlight-100:var(--cyan-400);--highlight-200:var(--cyan-200);--highlight-300:var(--cyan-100);--good:var(--green);--good-100:var(--green-400);--good-200:var(--green-300);--good-300:var(--green-200);--info:var(--blue);--info-100:var(--blue-400);--info-200:var(--blue-300);--info-300:var(--blue-100);--warn:var(--yellow);--warn-100:var(--yellow-400);--warn-200:var(--yellow-300);--warn-300:var(--yellow-100);--err:var(--red);--err-100:var(--red-400);--err-200:var(--red-300);--err-300:var(--red-100);--italic:#e6af2e;--emmet:#ddffd4;--emmet-shade:#e3ffdd;--emmet-contrast:#262626;--mdn:#c2e8f9;--mdn-shade:#9ad9f5;--mdn-contrast:#333;--w3school:#04aa6d;--w3school-shade:#059862;--w3school-contrast:#fff;--facebook:#1d3c78;--facebook-shade:#2851a3;--facebook-contrast:#fff;--css-tricks:#262626;--css-tricks-shade:#515151;--css-tricks-contrast:#fff;--bootstrap:#7952b3;--bootstrap-shade:#9475c2;--bootstrap-contrast:#fff;--gsap:#88ce02;--gsap-shade:#6da502;--gsap-contrast:#fff;--wp:#2573a9;--wp-shade:#1e5c87;--wp-contrast:#fff;--acf:#4d5cf1;--acf-shade:#1326ec;--acf-contrast:#00e4bc;--wikipedia:#ccf;--wikipedia-shade:#d6d6ff;--wikipedia-contrast:#000;--trello:#eae6ff;--trello-shade:#eeebff;--trello-contrast:#000;--sass:#c69;--sass-shade:#b37399;--sass-contrast:#fff;--npm:#dc232e;--npm-shade:#e34f58;--npm-contrast:#fff;--vue:#2eb982;--vue-shade:#29a775;--vue-contrast:#fff}.dark-mode{--primary:var(--gray-800);--primary-100:var(--gray-700);--primary-200:var(--gray-600);--primary-300:var(--gray);--secondary:var(--gray-100);--secondary-100:var(--gray-200);--secondary-200:var(--gray-300);--secondary-300:var(--gray-400);--highlight:var(--cyan-800);--highlight-100:var(--cyan-700);--highlight-200:var(--cyan-600);--highlight-300:var(--cyan-700);--good-100:var(--green-600);--good-200:var(--green-700);--good-300:var(--green-800);--info-100:var(--blue-600);--info-200:var(--blue-700);--info-300:var(--blue-800);--warn-100:var(--yellow-600);--warn-200:var(--yellow-700);--warn-300:var(--yellow-900);--err-100:var(--red-600);--err-200:var(--red-700);--err-300:var(--red-800)}@media (min-width:768px){:root{--site-footer-height:80px}}@media (min-width:992px){:root{--v:45px}}@media (min-width:1380px){:root{--site-header-height:0}}@font-face{src:url(https://c6987c.claudeassets.com/20250419054456im_/https://smnarnold.com/fonts/SFMono-Regular.ttf?a949ae614efecb27156e46a195bc8b44) format("truetype");font-family:SFMono-Regular}.visually-hidden{position:absolute!important;height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}body,html{height:100%;width:100%;margin:0}html{background-color:var(--primary);color:var(--secondary);font:350 10px/1.5 var(--font);scroll-behavior:smooth;transition:color var(--s) ease,background-color var(--s) ease;overflow-x:hidden}body{font-size:16px;line-height:1.5}main{position:relative;width:100%;min-height:calc(100vh - var(--site-footer-height));padding-top:var(--site-header-height)}.bard{display:block;width:100%;margin:var(--v) 0}@media (min-width:992px){body{font-size:19px}*{scroll-margin-top:calc(var(--site-header-height) + 20px)}}@media (min-width:1380px){main{margin-top:0}}.wysiwyg blockquote{position:relative;display:block;width:100%;color:var(--italic);font-style:italic;font-size:1.2em;margin:var(--v) 0;padding:0}.wysiwyg blockquote:before{content:"\201C";display:block;color:var(--c3);line-height:.8;font-size:2.5em;font-weight:700;font-family:georgia;margin-bottom:-.3em}.wysiwyg blockquote p:first-of-type{margin-top:0}@media (min-width:576px){.wysiwyg blockquote{padding:0 var(--gutter)}}.wysiwyg code{background-color:var(--primary-100);color:var(--secondary);font-family:var(--font-code);font-size:.8em;padding:.35em .5em;transition:color var(--s) ease,background-color var(--s) ease}.wysiwyg em:not([class]){color:var(--italic)}.wysiwyg a:not([class]){color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.wysiwyg a:not([class]):hover{background-size:100% 100%}.wysiwyg img:not([class]){display:block;max-width:100%;height:auto;margin:1em auto}.wysiwyg ol,.wysiwyg ul{margin:1em 0}.wysiwyg ol ol,.wysiwyg ol ul,.wysiwyg ul ol,.wysiwyg ul ul{font-size:.9em;margin:.33em 0;padding-left:1em}.wysiwyg li:not([class]){margin:1rem 0}.wysiwyg li:first-child{margin-top:0}.wysiwyg li:last-child{margin-bottom:0}.wysiwyg li>:first-child{margin-top:0}.wysiwyg li>:last-child,.wysiwyg li>p:last-of-type{margin-bottom:0}@media (min-width:576px){.wysiwyg ol,.wysiwyg ul{list-style-position:outside;padding-left:0}}.wysiwyg>p:first-child{text-indent:2.5em}.wysiwyg>:first-child{margin-top:0}.wysiwyg>:last-child{margin-bottom:0}.wysiwyg>img:not([class]){height:1em;width:auto;vertical-align:middle}.colors-list+.wysiwyg>p:first-child,.medias-list+.wysiwyg>p:first-child{text-indent:0}.hljs-addition,.hljs-attr,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-deletion,.hljs-doctag,.hljs-keyword,.hljs-link,.hljs-literal,.hljs-meta,.hljs-name,.hljs-quote,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-selector-tag,.hljs-string,.hljs-symbol,.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{transition:color var(--s) ease}.hljs-strong{font-weight:700}.hljs-comment,.hljs-emphasis,.hljs-quote{font-style:italic}.hljs-link{text-decoration:underline}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#00f}.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type{color:#a31515}.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo{color:#2b91af}.hljs-doctag{color:grey}.hljs-attr{color:red}.hljs-bullet,.hljs-link,.hljs-symbol{color:#00b0e8}.wysiwyg pre{position:relative;width:100%;line-height:1.35;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;margin:1em 0}.wysiwyg pre code{display:block;background-color:var(--primary-100);color:var(--secondary);font-family:var(--font-code);padding:25px var(--gutter);width:calc(100% + var(--gutter)*2);margin:0 0 0 calc(var(--gutter)*-1);overflow-x:auto;transition:color var(--s) ease,background-color var(--s) ease}.dark-mode .wysiwyg .hljs-keyword,.dark-mode .wysiwyg .hljs-link,.dark-mode .wysiwyg .hljs-literal,.dark-mode .wysiwyg .hljs-name,.dark-mode .wysiwyg .hljs-symbol{color:#569cd6}.dark-mode .wysiwyg .hljs-built_in,.dark-mode .wysiwyg .hljs-type{color:#4ec9b0}.dark-mode .wysiwyg .hljs-class,.dark-mode .wysiwyg .hljs-number{color:#b8d7a3}.dark-mode .wysiwyg .hljs-meta .hljs-string,.dark-mode .wysiwyg .hljs-string{color:#d69d85}.dark-mode .wysiwyg .hljs-regexp,.dark-mode .wysiwyg .hljs-template-tag{color:#9a5334}.dark-mode .wysiwyg .hljs-formula,.dark-mode .wysiwyg .hljs-function,.dark-mode .wysiwyg .hljs-params,.dark-mode .wysiwyg .hljs-subst,.dark-mode .wysiwyg .hljs-title{color:#dcdcdc}.dark-mode .wysiwyg .hljs-comment,.dark-mode .wysiwyg .hljs-quote{color:#57a64a}.dark-mode .wysiwyg .hljs-doctag{color:#608b4e}.dark-mode .wysiwyg .hljs-meta,.dark-mode .wysiwyg .hljs-meta .hljs-keyword,.dark-mode .wysiwyg .hljs-tag{color:#9b9b9b}.dark-mode .wysiwyg .hljs-template-variable,.dark-mode .wysiwyg .hljs-variable{color:#bd63c5}.dark-mode .wysiwyg .hljs-attr,.dark-mode .wysiwyg .hljs-attribute{color:#9cdcfe}.dark-mode .wysiwyg .hljs-section{color:gold}.dark-mode .wysiwyg .hljs-bullet,.dark-mode .wysiwyg .hljs-selector-attr,.dark-mode .wysiwyg .hljs-selector-class,.dark-mode .wysiwyg .hljs-selector-id,.dark-mode .wysiwyg .hljs-selector-pseudo,.dark-mode .wysiwyg .hljs-selector-tag{color:#d7ba7d}.dark-mode .wysiwyg .hljs-addition{background-color:#144212}.dark-mode .wysiwyg .hljs-deletion{background-color:#600}.wysiwyg table{border:1px solid var(--primary-100);border-collapse:collapse;margin:1em auto}.wysiwyg table tr{padding:0 15px}.wysiwyg table tr:nth-child(2n){background-color:var(--primary-100)}.wysiwyg table td p:only-child,.wysiwyg table th p:only-child{margin:0}.wysiwyg table th{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;text-align:left;background:var(--secondary-300);color:var(--primary);padding:15px}.wysiwyg table td{padding:7px 15px}.page-header{position:relative;width:100%;padding:var(--v) 0;margin:0 0 50px}.page-header:before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;background-color:var(--highlight-300);transform:translateX(-50%)}.page-header__wrapper{position:relative}.page-header__title{line-height:1;max-width:75%;margin:0}.page-header__preview,.page-header__title{position:relative;display:inline-flex;align-items:center}.page-header__preview{justify-content:center;width:40px;height:40px;background-color:var(--highlight);font-weight:700;text-decoration:none;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;margin-right:10px}.page-header__preview__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.page-header__duration{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;position:relative;display:block;margin:5px 0 0}.page-header__duration svg{height:.8em;width:auto}.dark-mode .page-header:before{background-color:var(--gray-600)}@media (min-width:576px){.page-header{text-align:center}}@media (min-width:1380px){.page-header{padding:calc(var(--v)*2) 0;margin:0 0 calc(var(--v)*2)}}.page{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(720px + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}.page,.page__body{position:relative;width:100%}.page__body{margin-bottom:var(--v)}.page__body>:first-child{margin-top:0}.page__body>:last-child{margin-bottom:0}.page__body--centered{margin-left:auto;margin-right:auto}@media (min-width:1200px){.page--article,.page--exercice{max-width:calc(1020px + var(--gutter)*2)}.page--article .page__body,.page--exercice .page__body{position:relative;width:720px}}.breadcrumbs{font-size:12px;list-style:none;padding:0;margin:0 0 5px}.breadcrumbs__item{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;display:inline-block}.breadcrumbs__item:before{content:"\203A";display:inline-block;font-size:1.5em;padding:0 .5em;opacity:.5}.breadcrumbs__item:first-child:before{display:none}.breadcrumbs__link{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.breadcrumbs__link:hover{background-size:100% 100%}.caption{text-align:center;font-size:13px;color:#757575;margin:10px 0 0}.caption :first-child{margin-top:0}.caption :last-child{margin-bottom:0}.color-scheme-switch{display:inline-block;position:relative;border:0;width:48px;height:28px;background-color:var(--purple-200);border-radius:14px;vertical-align:middle;transition:background-color var(--s) ease;margin-left:var(--gutter);overflow:hidden;outline-offset:5px}.color-scheme-switch__circle,.color-scheme-switch__circle__mask{display:block;position:absolute;width:20px;height:20px;border-radius:50%;transition:background-color var(--s) ease,transform var(--s) ease}.color-scheme-switch__circle{top:4px;left:4px;background-color:var(--gray-100);transform:translateX(20px)}.color-scheme-switch__circle__mask{top:0;left:0;background-color:var(--purple-200);transform:translate(-25%,-25%)}.color-scheme-switch:hover{background-color:var(--purple-300)}.color-scheme-switch:hover .color-scheme-switch__circle{background-color:var(--yellow-100)}.color-scheme-switch:hover .color-scheme-switch__circle__mask{background-color:var(--purple-300)}.color-scheme-switch.is-dark{background-color:#add8e6}.color-scheme-switch.is-dark .color-scheme-switch__circle{background-color:var(--yellow-100);transform:translateX(0)}.color-scheme-switch.is-dark .color-scheme-switch__circle__mask{background-color:#add8e6;transform:translate(-105%,-105%)}.color-scheme-switch.is-dark:hover{background-color:#8ec9dd}.color-scheme-switch.is-dark:hover .color-scheme-switch__circle{background-color:var(--yellow-200)}.color-scheme-switch.is-dark:hover .color-scheme-switch__circle__mask{background-color:#8ec9dd}@media (min-width:576px){.color-scheme-switch{margin-right:var(--gutter)}}@media (min-width:992px){.color-scheme-switch{margin-right:0}}@media (min-width:1380px){.color-scheme-switch{margin-left:0;margin-top:5px}}.colors-list{position:relative;width:100%;margin:var(--v) 0}.colors-list svg{position:relative;height:1em;width:auto}.colors-list path{fill:currentcolor}.colors-list__color-code{justify-content:space-between;min-width:6.55em;font-family:var(--font-code);font-size:.8em;padding:0 0 0 .25em;margin:-2px 0}.colors-list__color-code,.colors-list__copy{position:relative;display:flex;align-items:center}.colors-list__copy{-webkit-appearance:none;justify-content:center;align-self:stretch;width:1.75em;flex:0 0 1.75em;font-family:inherit;font-size:100%;line-height:1.15;margin:0 0 0 .25em;background-color:transparent;border:0;color:currentColor;padding:6px 0;overflow:visible}.colors-list__copy__mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}.colors-list__copy:hover .colors-list__copy__mask{opacity:.1}@media (min-width:576px){.colors-list__color-code{display:inline-flex}}.course-notes{position:relative;display:block;width:100%;margin:var(--v) 0}.course-notes .heading--h2{padding-top:1.75em}.course-notes .heading--h2:before{content:"...";display:block;position:absolute;top:0;left:50%;color:var(--secondary-300);font-family:var(--font-code);font-size:20px;letter-spacing:1em;transform:translateX(-50%)}.course-notes__list{position:relative;list-style:none;padding:0}.course-notes__item{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.course-notes__link{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.course-notes__link:hover{background-size:100% 100%}.course-notes__link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.course-notes__preview{position:relative;display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--highlight);font-weight:700;text-decoration:none;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.course-notes__preview__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.hamburger{background:transparent;border:0;color:currentColor;cursor:pointer;display:inline-block;height:40px;margin:0;outline:0;text-align:right;width:40px}.hamburger__box{display:inline-block;height:13px;position:relative;width:20px;z-index:1}.hamburger__icon{top:50%}.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{background-color:currentColor;display:block;height:1px;position:absolute;transition:transform .3s ease;width:20px}.hamburger__icon:after,.hamburger__icon:before{content:""}.hamburger__icon:before{top:-6px}.hamburger__icon:after{bottom:-6px}#site-header__toggle:checked+.hamburger .hamburger__icon{transform:rotate(225deg) translateZ(0)}#site-header__toggle:checked+.hamburger .hamburger__icon:before{opacity:0;top:0}#site-header__toggle:checked+.hamburger .hamburger__icon:after{bottom:0;transform:rotate(-90deg)}.home{display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--site-footer-height) - var(--site-header-height));color:var(--secondary);background-image:linear-gradient(45deg,var(--primary),var(--highlight));font-size:clamp(20px,3vw,40px);font-family:var(--font-code);text-transform:uppercase;font-style:italic;font-weight:900;line-height:1.1;padding:50px;text-shadow:1px 1px 0 var(--primary);transition:color var(--s)}.home em{font-style:normal;font-size:14px}.home p{position:relative;max-width:85%;margin:.5em 0}.home p+p:nth-child(odd){text-align:right;max-width:85%;align-self:flex-end}.home p+p:nth-child(odd):before{content:"\1F449";position:absolute;bottom:0;left:0;font-size:max(60px,2em);font-style:normal;margin-left:-1.25em;-webkit-animation:bounceHand 2s infinite alternate;animation:bounceHand 2s infinite alternate}.home .page__body{max-width:720px}.home .btn{display:flex;justify-content:center;align-items:center;position:relative;top:0;border-radius:50%;width:clamp(120px,10vw,160px);height:clamp(120px,10vw,160px);color:var(--secondary);background-color:var(--highlight);border:1px solid var(--highlight-200);box-shadow:0 15px 0 var(--highlight-100),0 20px 20px rgba(0,0,0,.25);outline:none;text-decoration:none;text-align:center;font-style:normal;margin:0 auto;padding:10px;transform:translateY(0);transition:box-shadow .5s,transform .5s}.home .btn:hover{background-color:var(--highlight-100)}.home .btn:active{transform:translateY(15px);box-shadow:0 0 0 var(--highlight-100),0 0 10px rgba(0,0,0,.15)}.home .wysiwyg{display:flex;flex-direction:column}.home .wysiwyg em{color:currentColor}.home .wysiwyg>p:first-child{text-indent:0}.dark-mode .home{background-image:linear-gradient(45deg,var(--primary),var(--primary-300))}.dark-mode .home .btn{box-shadow:0 15px 0 #01786b,0 20px 20px hsla(0,0%,100%,.15);border-color:#34ab9e}.dark-mode .home .btn:hover{background-color:#018779}.dark-mode .home .btn:active{transform:translateY(15px);box-shadow:0 0 0 #01786b,0 0 10px hsla(0,0%,100%,.05)}@media (min-width:992px){.home .btn{font-size:25px}}@media (min-width:1380px){.home{height:calc(100vh - var(--site-footer-height))}}@-webkit-keyframes bounceHand{0%{transform:rotate(55deg) translate(0)}to{transform:rotate(55deg) translate(50%)}}@keyframes bounceHand{0%{transform:rotate(55deg) translate(0)}to{transform:rotate(55deg) translate(50%)}}@media (min-width:576px){@-webkit-keyframes bounceHand{0%{transform:rotate(45deg) translate(0)}to{transform:rotate(45deg) translate(50%)}}@keyframes bounceHand{0%{transform:rotate(45deg) translate(0)}to{transform:rotate(45deg) translate(50%)}}}.medias-list{position:relative;width:100%;margin:var(--v) 0}.medias-list svg{position:relative;height:1em;width:auto}.medias-list path{fill:currentcolor}.medias-list__item{margin:.5em 0}.medias-list__item:first-child{margin-top:0}.medias-list__item:last-child{margin-bottom:0}.medias-list__desc{position:relative;display:flex;align-items:center;width:100%;z-index:1}.medias-list__desc a{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.medias-list__desc a:hover{background-size:100% 100%}.medias-list__preview{display:inline-block;background-size:contain,6px 6px,6px 6px;background-position:50% 50%,0 0,3px 3px;background-repeat:no-repeat,repeat,repeat;width:26px;height:26px;border:2px solid var(--primary-200);margin:0 13px 0 calc(var(--gutter)*-1)}.medias-list__preview--audio,.medias-list__preview--github,.medias-list__preview--google-font,.medias-list__preview--pdf{background-size:contain;background-position:50% 50%;background-repeat:no-repeat;border:0}.medias-list__preview--audio{background-image:url(https://75e283.claudeassets.com/20250419054456im_/https://smnarnold.com/images/audio-icon.png?86bc1ff041e0652ff961ca1d461c6ca9)}.medias-list__preview--google-font{background-image:url(https://b88e07.claudeassets.com/20250419054456im_/https://smnarnold.com/images/google-font-icon.png?89042a7bca7bed5821e86cfaf594afd2)}.medias-list__preview--pdf{background-image:url(https://1f7c0c.claudeassets.com/20250419054456im_/https://smnarnold.com/images/pdf-icon.png?ffe99757a1197d0cf2042ff54a0e8988)}.medias-list__preview--github{background-image:url(https://d63d4d.claudeassets.com/20250419054456im_/https://smnarnold.com/images/github-icon.png?83542724207a5217532a3e1a6e6c398e)}.medias-list__name{flex:1 1 auto}.medias-list__url{display:block;position:relative;width:calc(100% + var(--gutter)*2);margin:.5rem 0 0 calc(var(--gutter)*-1);padding:.35em var(--gutter);font-family:var(--font-code);font-size:.8em;overflow-x:auto;background-color:var(--primary-100);color:var(--secondary)}.medias-list__copy{-webkit-appearance:none;position:relative;display:flex;justify-content:center;align-items:center;width:1.75em;font-family:inherit;font-size:100%;line-height:1.15;margin:0 0 0 .25em;background-color:transparent;border:0;color:currentColor;padding:6px 0;overflow:visible}.medias-list__copy__mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.medias-list__copy:hover .medias-list__copy__mask{background-color:var(--primary-100)}@media (min-width:576px){.medias-list__name{flex:initial}}@media (min-width:768px){.medias-list__url{margin:.5rem 0 0 calc(var(--gutter)*-1);padding:.35em var(--gutter)}}@media (min-width:992px){.medias-list__wrapper{margin-left:-15px;width:calc(100% + 15px)}}.site-footer{display:block;position:relative;background-color:var(--highlight-200);font-size:calc(1em - 4px);padding:var(--gutter);width:100%}.site-footer__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.dark-mode .site-footer{background-color:var(--gray-700)}.site-footer .social-medias{margin-top:-5px}.site-footer .social-medias svg{fill:var(--secondary)}@media (min-width:768px){.site-footer__wrapper{flex-direction:row-reverse;justify-content:space-between}.site-footer .social-medias{margin-right:-5px;margin-bottom:-5px}}.site-logo{align-items:center;color:inherit;display:flex;font-family:var(--font-code);font-size:calc(16px + .9vw);font-weight:900;font-style:italic;line-height:30px;letter-spacing:5px;position:relative;text-decoration:none;vertical-align:middle;z-index:4}.site-logo .green{color:var(--green)}.site-logo .blue{color:var(--blue)}.site-logo .red{color:var(--red)}.site-logo__break{display:none}.dark-mode .site-logo .blue,.dark-mode .site-logo .green,.dark-mode .site-logo .red{text-shadow:1px 1px 0 var(--secondary)}@media (min-width:1380px){.site-logo{font-size:29px;margin:calc(8.9rem - 5px) 0 0;padding:15px var(--gutter)}.site-logo,.site-logo__bg{position:absolute;top:0;left:0}.site-logo__bg{width:100%;height:100%;background-size:auto 100%;background-image:url(https://9a01a0.claudeassets.com/20250419054456im_/https://smnarnold.com/images/logo-bg.png?cd255d2ebe4077651a01a4ae7ec1fd38);-webkit-animation:logo-animation 4s steps(8) infinite;animation:logo-animation 4s steps(8) infinite;opacity:0;transition:opacity .3s}.site-logo__text{position:relative;background:transparent;text-shadow:1px 1px 0 var(--primary)}.site-logo__break{display:inline-block}.site-logo:hover .site-logo__bg{opacity:1}}@-webkit-keyframes logo-animation{to{background-position:100% 0}}@keyframes logo-animation{to{background-position:100% 0}}.site-header__menu{position:absolute;top:var(--site-header-height);left:0;pointer-events:none;transform:translateY(-100%);transition:transform .5s 0s,visibility 0s .5s;visibility:hidden;width:100%;z-index:2}.site-nav{position:relative;max-height:calc(100vh - var(--site-header-height));background-color:var(--primary);width:100%;padding:var(--v) 0}.site-nav__list{list-style:none;margin:0;padding:0}.site-nav__item:first-child .site-nav__link{margin-top:-10px}.site-nav__link{display:block;color:inherit;background-color:var(--primary);position:relative;text-decoration:none;transition:opacity .3s;padding:10px var(--gutter)}.site-nav__link:hover{background-color:var(--primary-100)}#site-header__toggle:checked~.site-header__menu{pointer-events:auto;visibility:visible;transform:translate(0);transition:transform .5s 0s,visibility 0s 0s}@media (min-width:576px){.site-nav{display:flex;align-items:center;justify-content:space-between}.site-nav__list{display:inline-flex}.site-nav__item:first-child .site-nav__link{margin-top:0}}@media (min-width:992px){.site-header__menu{position:static;height:auto;width:auto;pointer-events:auto;transform:none;transition:none;visibility:visible}.site-nav{background:none;height:var(--site-header-height);width:auto;padding:0}.site-nav__list{align-items:center;display:inline-flex;height:100%;padding:0}.site-nav__item{display:block;height:100%}.site-nav__link{display:flex;align-items:center;height:100%;background-color:transparent;padding:0 calc(var(--gutter)/2)}.site-nav__link:hover{background-color:var(--highlight-100)}.dark-mode .site-nav__link:hover{background-color:var(--gray-800)}}@media (min-width:1380px){.site-header__menu{position:absolute;top:0;left:auto;right:var(--gutter)}.site-nav{width:160px;height:auto;flex-direction:column;align-items:flex-end;padding:8.6rem 0 0;text-shadow:1px 1px 0 var(--primary)}.site-nav__list{display:block;height:auto}.site-nav__item{height:auto;padding:0}.site-nav__item:first-child .site-nav__link{margin-top:-2px}.site-nav__link{padding:2px 0;justify-content:flex-end}.dark-mode .site-nav__link:hover,.site-nav__link:hover{background-color:transparent}}.snackbar{position:fixed;bottom:10px;left:50%;width:100%;max-width:320px;color:var(--primary);font-size:calc(1em - 2px);background-color:var(--secondary-200);border-radius:4px;padding:1em;box-shadow:0 3px 5px rgba(0,0,0,.5);transform:translateX(-50%) scale(.9);opacity:0;z-index:100;transition:transform var(--s),opacity var(--s)}.snackbar.is-active{opacity:1;transform:translateX(-50%) scale(1)}.social-medias{position:relative}.social-medias__list{display:flex;list-style:none;margin:0;padding:0}.social-medias__link{display:block;padding:5px}.social-medias__link:hover svg{opacity:1}.social-medias svg{display:block;height:30px;width:auto;fill:currentColor;opacity:.75;transition:transform var(--s),opacity var(--s)}.solution{display:block;position:relative;width:100%;margin:var(--v) 0}.starting-files{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.starting-files:hover{background-size:100% 100%}.starting-files__icon{height:1.1em;width:auto;fill:currentColor;vertical-align:middle}.starting-files__icon--codepen circle{fill:var(--primary)}.starting-files__icon--codepen path{fill:var(--secondary)}.table-of-contents{display:none}@media (min-width:1200px){.table-of-contents{display:block;position:sticky;top:8.6rem;width:250px;height:200px;padding:0 0 0 var(--gutter)}.table-of-contents__heading{margin-top:0;font-size:1em}.table-of-contents__list{list-style:none;font-size:15px;padding-left:0;margin:20px 0}.table-of-contents__item{margin:calc(var(--v)*0.25) 0}.table-of-contents__item.is-active:after{content:" \1F440"}.table-of-contents__link{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms;display:inline-block}.table-of-contents__link:hover{background-size:100% 100%}}.teams-hand-in{position:relative;width:100%;margin:var(--v) 0}.teams-hand-in .heading--h2{padding-top:1.75em}.teams-hand-in .heading--h2:before{content:"...";display:block;position:absolute;top:0;left:50%;color:var(--secondary-300);font-family:var(--font-code);font-size:20px;letter-spacing:1em;transform:translateX(-50%)}.teams-hand-in__wrapper>:first-child{margin-top:0}.teams-hand-in__wrapper>:last-child{margin-bottom:0}.vote{overflow:visible!important;text-align:center;font-size:15px;position:relative;padding:var(--v) 0;width:100%}.vote a{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.vote a:hover{background-size:100% 100%}.vote:last-child{margin-bottom:calc(var(--gutter)*-1)}.vote:before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;background-color:var(--highlight-300);transform:translateX(-50%)}.vote__title{position:relative;text-align:center;padding:0 0 20px}.vote__options{position:relative;display:flex;flex-wrap:wrap;justify-content:center}.vote__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:0 0 50%;font-size:10px;text-transform:uppercase;letter-spacing:1px;position:relative;text-align:center;margin:10px 0}.vote__item:before{content:"";position:absolute;top:50%;left:50%;width:140px;height:140px;background-color:var(--highlight);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s,opacity .25s;opacity:0}.vote__item.is-disabled{opacity:.2;pointer-events:none}.vote__item.is-disabled:before{display:none}.vote__item.is-disabled~.vote__msg--completed{display:block}.vote__item.is-disabled~.vote__msg--teaser{display:none}.vote__item.is-disabled:hover .vote__icon{transform:scale(1)}.vote__item.is-disabled.is-voted{opacity:1}.vote__item:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform .25s cubic-bezier(.15,1.05,.47,1.16),opacity .25s}.vote__item:hover .vote__icon{transform:scale(1.1)}.vote__item:active:before{transform:translate(-50%,-50%) scale(1.05)}.vote__item:active .vote__icon{transform:scale(1.2)}.vote__icon{display:inline-block;font-size:40px;transform:scale(1);transition:transform .25s ease}.vote__desc,.vote__icon{position:relative}.vote__form,.vote__msg{position:relative;flex:0 0 100%;margin:20px 0 0}.vote__msg--completed{display:none}.dark-mode .vote:before{background-color:var(--gray-600)}@media (min-width:768px){.vote__item{flex:0 0 140px}}.codepen{position:relative;width:100%;margin:var(--v) 0}.codepen__wrapper{display:block;position:relative;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2);min-height:180px}.codepen__forced-height{display:block;position:relative;width:100%;height:0}.codepen .cp_embed_wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.codepen iframe{position:absolute;top:0;left:0;height:calc(100% + 49px);width:100%;background-color:var(--primary)}.codepen--chromeless .codepen__wrapper{margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2);overflow:hidden}.codepen--chromeless iframe{top:-42px;height:calc(100% + 76px)}@media (min-width:576px){.codepen--chromeless .codepen__wrapper{width:100%;margin-left:0}}.exercice-card{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;border-radius:var(--radius);max-width:310px;margin:var(--v) auto;overflow:hidden;transition:background-color var(--s);background-color:var(--yellow-50)}.exercice-card__content{flex:1 1 100%;order:1;padding:calc(var(--gutter)/1.5)}.exercice-card__tagline{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;display:inline-block;position:absolute;top:calc(var(--gutter)/1.5);left:calc(var(--gutter)/1.5);font-size:11px;padding:1px 5px;border-radius:var(--radius);margin:0 0 4px}.exercice-card__break{display:none}.exercice-card__title{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms;font-weight:700}.exercice-card__title:hover{background-size:100% 100%}.exercice-card__title:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.exercice-card__description{font-size:14px;color:var(--secondary);margin:4px 0 0;opacity:.7}.exercice-card__preview{flex:0 0 100%;width:100%;height:auto;margin:0 auto;order:0}.exercice-card__image{display:block;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.exercice-card+.exercice-card,.exercice-card+.tool-card{margin-top:calc(var(--gutter)*-1 + 9px)}.exercice-card:hover{background-color:var(--primary-100)}@media (min-width:576px){.exercice-card{flex-wrap:nowrap;max-width:none;align-items:stretch}.exercice-card__content{order:1}.exercice-card__break{display:inline-block}.exercice-card__tagline{position:static;left:auto;top:auto}.exercice-card__preview{flex:0 0 24%;width:24%;max-width:none}.exercice-card__image{height:100%}}@media (min-width:992px){.exercice-card{width:calc(100% + var(--gutter)*2);margin-left:calc(var(--gutter)*-1)}.exercice-card+.exercice-card,.exercice-card+.tool-card{margin-top:calc(var(--gutter)*-1 + 2px)}}.exercice-card__tagline{background-color:var(--purple-300);color:#fff}.dark-mode .exercice-card{background-color:var(--gray-700)}.dark-mode .exercice-card__tagline{background-color:var(--purple-600)}.dark-mode .exercice-card:hover{background-color:var(--gray-600)}.giphy{position:relative;width:100%;margin:var(--v) 0}.giphy__wrapper{display:block;position:relative;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2)}.giphy__forced-width{display:block;position:relative;width:100%;margin:0 auto}.giphy__forced-height{display:block;position:relative;width:100%;height:0}.giphy__gif{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width:576px){.giphy__wrapper{width:100%;margin-left:0}}.heading{position:relative;display:block;margin:1.75em 0 .8em}.heading svg{width:22px;fill:var(--secondary)}.heading__anchor{position:relative;display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--highlight);font-weight:700;text-decoration:none;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;margin-left:8px}.heading__anchor__wrapper{display:flex;justify-content:center;align-items:center;z-index:1}.heading__anchor:after,.heading__anchor__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.heading__anchor:after{content:"";background-color:var(--highlight-100);border-radius:inherit;transform:scale(0);transition:transform var(--s)}.heading__anchor:hover:after{transform:scale(1)}.heading--h2:not(:first-of-type){padding-top:1.75em}.heading--h2:not(:first-of-type):before{content:"...";display:block;position:absolute;top:0;left:50%;color:var(--secondary-300);font-family:var(--font-code);font-size:20px;letter-spacing:1em;transform:translateX(-50%)}.colors-list+.wysiwyg .heading,.medias-list+.wysiwyg .heading{padding-top:1.75em}.colors-list+.wysiwyg .heading:before,.medias-list+.wysiwyg .heading:before{content:"...";display:block;position:absolute;top:0;left:50%;color:var(--secondary-300);font-family:var(--font-code);font-size:20px;letter-spacing:1em;transform:translateX(-50%)}.image{position:relative;width:100%;margin:var(--v) 0}.image__wrapper{display:block;position:relative;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2)}.image__gifv,.image__image{display:block;position:relative;max-width:100%;height:auto;margin:0 auto}@media (min-width:576px){.image__wrapper{width:100%;margin-left:0}.image__wrapper--portrait{padding:0 var(--gutter)}}@media (min-width:768px){.image__wrapper--portrait{padding:0 calc(var(--gutter)*2)}}.learn-more{display:block;position:relative;width:100%;margin:calc(var(--v)*0.5) 0;padding:var(--gutter);background:none;color:currentColor;border:1px solid var(--primary-100);text-decoration:none;transition:background-color var(--s)}.learn-more__tagline{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;display:block}.learn-more__tagline:before{content:"\1F4D6";display:inline-block;position:relative;width:1.5em;height:1.5em;font-size:1.2em;line-height:2;margin-right:5px;vertical-align:bottom}.learn-more__description{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms;margin:4px 0 0}.learn-more__description:hover{background-size:100% 100%}.learn-more__description:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.learn-more:hover{background-color:var(--primary-100)}.learn-more[href*="developer.mozilla.org"]{background-color:var(--mdn);color:var(--mdn-contrast);border:none}.learn-more[href*="developer.mozilla.org"] .learn-more__tagline:before{content:"";background-image:url(https://6eb9e9.claudeassets.com/20250419054456im_/https://smnarnold.com/images/mdn-logo.png?ae8aee8b4e662c212787f48a06261c5c);background-position:50% 50%;background-size:contain}.learn-more[href*="developer.mozilla.org"]:hover{background-color:var(--mdn-shade)}@media (min-width:992px){.learn-more{width:calc(100% + var(--gutter)*2);margin-left:calc(var(--gutter)*-1)}}.note{--border:4px;--color:var(--info);--bg:var(--info-300);--emoji:"\1F4A1";position:relative;display:block;background-color:var(--bg);color:var(--secondary);font-size:calc(1em - 2px);padding:25px var(--gutter) 25px calc(var(--gutter) - var(--border));border-left:solid var(--border) var(--color);width:calc(100% + var(--gutter)*2);margin:var(--v) 0 var(--v) calc(var(--gutter)*-1);transition:color var(--s),background-color var(--s)}.note__wrapper>:first-child{margin-top:0}.note__wrapper>:last-child{margin-bottom:0}.note__tagline{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;display:block;color:var(--color);margin-bottom:-1em}.note--warn{--color:var(--warn);--bg:var(--warn-300);--emoji:"\26A0\FE0F"}.note--err{--color:var(--err);--bg:var(--err-300);--emoji:"\274C"}@media (min-width:992px){.note:before{content:var(--emoji);display:block;position:absolute;top:0;left:calc(var(--border)*-1);width:30px;height:30px;line-height:30px;background:var(--bg);font-size:13px;text-align:center;text-indent:2px;border:solid var(--border) var(--color);border-radius:50%;box-shadow:0 0 0 8px var(--primary);transform:translate(-50%,-50%);transition:background-color var(--s) ease}}.quote__footer{position:relative;width:100%;text-align:right}.quote__author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:1.2;color:var(--secondary);font-style:normal}.quote__author,.quote__author__image{display:inline-flex;align-items:center}.quote__author__image{position:relative;justify-content:center;width:40px;height:40px;background-color:var(--highlight);font-weight:700;text-decoration:none;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;margin:0 0 0 12px}.quote__author__image__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.quote__author__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--highlight-100);border-radius:inherit;transform:scale(0);transition:transform var(--s)}.quote__author__image:hover:after{transform:scale(1)}.quote__author__name{font-size:19px}.quote__author__role{display:block;color:var(--secondary-200);font-size:14px;font-style:normal}.reaction{display:block;position:relative;width:100%;margin:var(--v) 0}.reaction__wrapper{display:flex;align-items:center}.reaction__emoji{font-size:40px;line-height:.8;margin-right:var(--gutter)}.reaction__title{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase}.reaction__text>:first-child{margin-top:0}.reaction__text>:last-child{margin-bottom:0}.reddit{position:relative;width:100%;margin:var(--v) 0}.reddit__wrapper{display:block;position:relative;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2);overflow-x:auto}.reddit iframe{display:block;margin:0 auto}@media (min-width:576px){.reddit__wrapper{width:100%;margin-left:0}}.subpages{display:block;margin:var(--v) 0}.subpages,.subpages__list{position:relative;width:100%}.subpages__list{list-style:none;margin:0;padding:0}.subpages__item{display:flex;-moz-column-break-inside:avoid;break-inside:avoid-column;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;margin:10px 0}.subpages__link{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms}.subpages__link:hover{background-size:100% 100%}.subpages__link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.subpages__preview{position:relative;display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--highlight);font-weight:700;text-decoration:none;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;flex:0 0 40px;margin-right:5px;overflow:hidden}.subpages__preview__wrapper{display:flex;justify-content:center;align-items:center;z-index:1}.subpages__preview:after,.subpages__preview__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.subpages__preview:after{content:"";background-color:var(--highlight-100);border-radius:inherit;transform:scale(0);transition:transform var(--s)}.subpages__preview:hover:after{transform:scale(1)}.subpages__subtitle{display:block;font-size:12px;line-height:1;font-style:normal;opacity:.6}@media (min-width:576px){.subpages__list{-moz-column-count:2;column-count:2}}.site-header{align-items:center;background-color:var(--highlight-200);color:var(--secondary);display:flex;font-size:1.8rem;font-weight:400;height:var(--site-header-height);position:fixed;top:0;width:100%;z-index:10}.site-header__overlay{background:var(--secondary);height:100vh;opacity:0;transition:opacity .5s 0s,visibility 0s .5s;visibility:hidden;z-index:1}.site-header__bg,.site-header__overlay{display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%}.site-header__bg{background:var(--highlight-200);height:100%;z-index:3}.site-header__container{align-items:center;display:flex;justify-content:space-between;padding:0 var(--gutter);width:100%}.site-header__toggle{height:auto;margin:0;padding:0;position:relative;z-index:4;order:1}.site-header #site-header__toggle{position:relative;z-index:10000;display:none}.site-header #site-header__toggle:checked~.site-header__overlay{pointer-events:auto;visibility:visible;opacity:.2;transition:opacity .5s 0s,visibility 0s 0s}.dark-mode .site-header,.dark-mode .site-header__bg{background-color:var(--gray-700)}@media (min-width:992px){.site-header{transition:transform .5s ease-out}.site-header__bg,.site-header__overlay,.site-header__toggle{display:none}.is-scrolling-down .site-header{transition-duration:.3s;transition-timing-function:ease-in;transform:translateY(-100%)}}@media (min-width:992px) and (min-width:1380px){.site-header{height:0;background-color:transparent;padding:0}.is-scrolling-down .site-header{transform:translateY(0)}}.tags-list{font-size:calc(1em - 2px)}.tags-list,.tags-list__list{display:block;position:relative;width:100%}.tags-list__list{list-style:none;margin:0;padding:0}.tags-list__item{display:inline-block}+.tags-list__item{margin-left:var(--gutter)}.tags-list__info,.tags-list__link{display:inline-flex;align-items:center;background-color:var(--primary-100);min-width:60px;padding:4px 12px 4px 4px;height:28px;border-radius:15px}.tags-list__info:before,.tags-list__link:before{content:"";width:20px;height:20px;background-color:#fff;background-size:70% auto;background-position:50% 50%;background-repeat:no-repeat;border-radius:50%;margin-right:5px}.tags-list__info--emmet,.tags-list__link--emmet{background-color:#7acb17;color:#fff}.tags-list__info--emmet:before,.tags-list__link--emmet:before{background-color:#1a1a1d;background-image:url(https://e59cfe.claudeassets.com/20250419054456im_/https://smnarnold.com/images/emmet-logo.png?84c2af7147f12d6be589f058ebe4f347);background-position:40% 70%}.tags-list__link{color:currentColor;line-height:0;text-decoration:none;transition:background-color var(--s)}.tags-list__link:before{content:"";background-image:url(https://2778e8.claudeassets.com/20250419054456im_/https://smnarnold.com/images/web-logo.png?ae053d05e8456797673c356193f073a1);background-size:contain}.tags-list__link:hover{background-color:var(--primary-200)}.tags-list__link[href*="developer.mozilla.org"]{background-color:var(--mdn);color:var(--mdn-contrast)}.tags-list__link[href*="developer.mozilla.org"]:before{content:"";background-image:url(https://6eb9e9.claudeassets.com/20250419054456im_/https://smnarnold.com/images/mdn-logo.png?ae8aee8b4e662c212787f48a06261c5c);background-size:70% auto}.tags-list__link[href*="developer.mozilla.org"]:hover{background-color:var(--mdn-shade)}.tags-list__link[href*="w3schools.com"]{background-color:var(--w3school);color:var(--w3school-contrast)}.tags-list__link[href*="w3schools.com"]:before{content:"";background-image:url(https://122572.claudeassets.com/20250419054456im_/https://smnarnold.com/images/w3school-logo.png?b4cb89b1f49f329a8d0a4d5a70560d5b);background-position:50% 60%;background-size:70% auto}.tags-list__link[href*="w3schools.com"]:hover{background-color:var(--w3school-shade)}.tags-list__link[href*="facebook.com"]{background-color:var(--facebook);color:var(--facebook-contrast)}.tags-list__link[href*="facebook.com"]:before{content:"";background-image:url(https://8e7449.claudeassets.com/20250419054456im_/https://smnarnold.com/images/fb-logo.png?563513c79c386f1ccce035a22b660160);background-size:cover}.tags-list__link[href*="facebook.com"]:hover{background-color:var(--facebook-shade)}.tags-list__link[href*="css-tricks.com"]{background-color:var(--css-tricks);color:var(--css-tricks-contrast)}.tags-list__link[href*="css-tricks.com"]:before{content:"";background-image:url(https://09e31d.claudeassets.com/20250419054456im_/https://smnarnold.com/images/css-tricks-logo.png?f51159ceebf5d462e42631e3e236c78c);background-size:contain}.tags-list__link[href*="css-tricks.com"]:hover{background-color:var(--css-tricks-shade)}.tags-list__link[href*="getbootstrap.com"]{background-color:var(--bootstrap);color:var(--bootstrap-contrast)}.tags-list__link[href*="getbootstrap.com"]:before{content:"";background-image:url(https://562852.claudeassets.com/20250419054456im_/https://smnarnold.com/images/bootstrap-logo.png?b1945adef795636ee5c782c0ec9d77c4);background-size:75% auto;background-position:50% 55%}.tags-list__link[href*="getbootstrap.com"]:hover{background-color:var(--bootstrap-shade)}.tags-list__link[href*="greensock.com"]{background-color:var(--gsap);color:var(--gsap-contrast)}.tags-list__link[href*="greensock.com"]:before{content:"";background-image:url(https://f30b58.claudeassets.com/20250419054456im_/https://smnarnold.com/images/gsap-logo.png?26f9f23d9de1ac87dffdcb5277dca86a);background-size:cover;background-position:50% 50%}.tags-list__link[href*="greensock.com"]:hover{background-color:var(--gsap-shade)}.tags-list__link[href*="wordpress.org"]{background-color:var(--wp);color:var(--wp-contrast)}.tags-list__link[href*="wordpress.org"]:before{content:"";background-image:url(https://346f01.claudeassets.com/20250419054456im_/https://smnarnold.com/images/wp-logo.png?5d027685ec4fcc5aa29f8f20eea3642a);background-size:cover;background-position:50% 50%}.tags-list__link[href*="wordpress.org"]:hover{background-color:var(--wp-shade)}.tags-list__link[href*="advancedcustomfields.com"]{background-color:var(--acf);color:var(--acf-contrast)}.tags-list__link[href*="advancedcustomfields.com"]:before{content:"";background-image:url(https://463816.claudeassets.com/20250419054456im_/https://smnarnold.com/images/acf-logo.png?bd31187ed5626a186143468bf33e376d);background-size:cover;background-position:50% 50%}.tags-list__link[href*="advancedcustomfields.com"]:hover{background-color:var(--acf-shade)}.tags-list__link[href*="wikipedia.org"]{background-color:var(--wikipedia);color:var(--wikipedia-contrast)}.tags-list__link[href*="wikipedia.org"]:before{content:"";background-image:url(https://3fc2b1.claudeassets.com/20250419054456im_/https://smnarnold.com/images/wikipedia-logo.png?a5ebbf07fccc61228fa8157a29783930);background-size:70% auto;background-position:50% 50%}.tags-list__link[href*="wikipedia.org"]:hover{background-color:var(--wikipedia-shade)}.tags-list__link[href*="trello.com"]{background-color:var(--trello);color:var(--trello-contrast)}.tags-list__link[href*="trello.com"]:before{content:"";background-image:url(https://d67f58.claudeassets.com/20250419054456im_/https://smnarnold.com/images/trello-logo.jpg?39b39ff9e3e997f2ce0c66c7f4ca430e);background-size:cover;background-position:50% 50%}.tags-list__link[href*="trello.com"]:hover{background-color:var(--trello-shade)}.tags-list__link[href*="sass-lang.com"]{background-color:var(--sass);color:var(--sass-contrast)}.tags-list__link[href*="sass-lang.com"]:before{content:"";background-image:url(https://cc4465.claudeassets.com/20250419054456im_/https://smnarnold.com/images/sass-logo.png?b5cd2c444dd85a699161b5130e80bb07);background-size:cover;background-position:50% 50%}.tags-list__link[href*="sass-lang.com"]:hover{background-color:var(--sass-shade)}.tags-list__link[href*="npmjs.com"]{background-color:var(--npm);color:var(--npm-contrast)}.tags-list__link[href*="npmjs.com"]:before{content:"";background-image:url(https://b1598b.claudeassets.com/20250419054456im_/https://smnarnold.com/images/npm-logo.png?51e98833e92498f9e5079e1d0fa9f477);background-size:cover;background-position:50% 50%}.tags-list__link[href*="npmjs.com"]:hover{background-color:var(--npm-shade)}.tags-list__link[href*="vuejs.org"]{background-color:var(--vue);color:var(--vue-contrast)}.tags-list__link[href*="vuejs.org"]:before{content:"";background-image:url(https://8b7ba9.claudeassets.com/20250419054456im_/https://smnarnold.com/images/vue-logo.png?3c28cdcc9e5ca20bc735d4702f074e15);background-size:cover;background-position:50% 50%}.tags-list__link[href*="vuejs.org"]:hover{background-color:var(--vue-shade)}.to-do{list-style:none;padding:0 0 0 40px!important;margin:calc(var(--v)*0.5) 0 var(--v)}.to-do__item{position:relative;margin:calc(var(--v)*0.5) 0}.to-do__item:first-child{margin-top:0}.to-do__item:last-child{margin-bottom:0}.to-do__item>p:first-of-type{margin-top:0}.to-do__item>p:last-of-type{margin-bottom:0}.to-do__item.is-checked{text-decoration:line-through}.to-do__progress{position:relative;display:flex;align-items:center;width:100%;margin:1rem 0}.to-do__progress__percent{flex:0 0 40px;font-size:11px;font-family:var(--font-code);color:var(--primary-300);text-align:center;padding:0 8px 0 0}.to-do__progress__bar{width:100%;height:8px;border-radius:4px;overflow:hidden}.to-do__progress__bar::-webkit-progress-bar{background-color:var(--primary-100)}.to-do__progress__bar::-webkit-progress-value{background-color:var(--highlight);-webkit-transition:width var(--s);transition:width var(--s)}.to-do__checkbox{position:absolute;top:0;right:100%}.to-do__checkbox:hover .to-do__number{background-color:var(--primary-200)}.to-do__checkbox:hover .to-do__checkmark{background-color:var(--highlight-100)}.to-do__box{position:relative;display:block;width:26px;height:26px;border:2px solid var(--primary-200);margin:0 13px 0 0;overflow:hidden;cursor:pointer}.to-do__toggle{display:flex;position:absolute;top:0;left:0;width:44px;height:22px;transition:transform var(--s)}.to-do__checkmark,.to-do__number{display:flex;justify-content:center;align-items:center;width:22px;height:22px;line-height:.8;transition:background-color var(--s)}.to-do__number{background-color:var(--primary-100)}.to-do__checkmark{background-color:var(--highlight)}.to-do input:checked:focus+.to-do__box{outline:1px auto -webkit-focus-ring-color}.to-do input:checked+.to-do__box .to-do__toggle{transform:translateX(-50%)}@media (min-width:992px){.to-do{width:calc(100% + 40px);margin-left:-40px!important}.to-do__progress{width:calc(100% + 68px);margin-left:-42px!important}}.tool-card{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;border-radius:var(--radius);max-width:310px;margin:var(--v) auto;overflow:hidden;transition:background-color var(--s);background-color:var(--yellow-50)}.tool-card__content{flex:1 1 100%;order:1;padding:calc(var(--gutter)/1.5)}.tool-card__tagline{font-size:12px;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase;display:inline-block;position:absolute;top:calc(var(--gutter)/1.5);left:calc(var(--gutter)/1.5);font-size:11px;padding:1px 5px;border-radius:var(--radius);margin:0 0 4px}.tool-card__break{display:none}.tool-card__title{color:currentColor;background-image:linear-gradient(0deg,var(--highlight),var(--highlight));background-position:bottom;background-repeat:no-repeat;background-size:100% 40%;text-decoration:none;transition:background-size .1s cubic-bezier(.455,.03,.515,.955) 75ms;font-weight:700}.tool-card__title:hover{background-size:100% 100%}.tool-card__title:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.tool-card__description{font-size:14px;color:var(--secondary);margin:4px 0 0;opacity:.7}.tool-card__preview{flex:0 0 100%;width:100%;height:auto;margin:0 auto;order:0}.tool-card__image{display:block;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.tool-card+.exercice-card,.tool-card+.tool-card{margin-top:calc(var(--gutter)*-1 + 9px)}.tool-card:hover{background-color:var(--primary-100)}@media (min-width:576px){.tool-card{flex-wrap:nowrap;max-width:none;align-items:stretch}.tool-card__content{order:-1}.tool-card__break{display:inline-block}.tool-card__tagline{position:static;left:auto;top:auto}.tool-card__preview{flex:0 0 24%;width:24%;max-width:none;order:0}.tool-card__image{height:100%}}@media (min-width:992px){.tool-card{width:calc(100% + var(--gutter)*2);margin-left:calc(var(--gutter)*-1)}.tool-card+.exercice-card,.tool-card+.tool-card{margin-top:calc(var(--gutter)*-1 + 2px)}}.tool-card__tagline{background-color:var(--green-300);color:#fff}.dark-mode .tool-card{background-color:var(--gray-700)}.dark-mode .tool-card__tagline{background-color:var(--green-600)}.dark-mode .tool-card:hover{background-color:var(--gray-600)}.tweet{margin:var(--v) 0}.tweet,.tweet__wrapper{position:relative;width:100%}.tweet__wrapper{display:block}.tweet .twitter-tweet{margin:0 auto}.tweet iframe{border-radius:12px}.vimeo{position:relative;width:100%;margin:var(--v) 0}.vimeo__wrapper{display:block;position:relative;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2)}.vimeo__forced-height{display:block;position:relative;width:100%;height:0}.vimeo iframe{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;border-width:0}@media (min-width:576px){.vimeo__wrapper{width:100%;margin-left:0}}.youtube{position:relative;width:100%;margin:var(--v) 0}.youtube__wrapper{background-color:var(--primary-100);background-position:50% 50%;background-repeat:no-repeat;background-image:none!important;background-size:cover;cursor:pointer;display:block;height:0;margin:0 0 0 calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2);overflow:hidden;padding-bottom:56.25%;position:relative;transition:background-color var(--s) ease}.youtube__wrapper.is-playing .youtube__poster{opacity:0;transform:translateX(-100%);transition:opacity var(--s) var(--s),transform 0s var(--s) visibility 0s var(--s);visibility:hidden}.youtube__wrapper.is-playing .youtube__button{opacity:0}.youtube__wrapper:hover .youtube__wrapper .youtube__button{background:#000}.youtube__poster,.youtube iframe,.youtube video{height:100%;position:absolute;width:100%}.youtube__poster{top:0;left:0;-o-object-fit:cover;object-fit:cover;opacity:1;transform:translateX(0);transition:opacity var(--s) ease;visibility:visible;cursor:pointer}.youtube__button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .1s linear;pointer-events:none;width:75px;height:50px;border-radius:var(--radius);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);background:var(--highlight);overflow:hidden}.youtube__button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--highlight-100);border-radius:inherit;transform:scale(0);transition:transform var(--s)}.youtube__button:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--secondary)}.youtube:hover .youtube__button{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.youtube:hover .youtube__button:before{transform:scale(1)}@media (min-width:576px){.youtube__wrapper{width:100%;margin-left:0}}
/*
     FILE ARCHIVED ON 07:07:52 Dec 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:26:34 Oct 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.657
  exclusion.robots: 0.054
  exclusion.robots.policy: 0.04
  esindex: 0.01
  cdx.remote: 129.374
  LoadShardBlock: 292.221 (3)
  PetaboxLoader3.datanode: 256.045 (6)
  PetaboxLoader3.resolve: 477.516 (3)
  load_resource: 708.47 (2)
  loaddict: 173.204
*/