.tutorials{width:100%;overflow-x:hidden}.tutorials p:has(img[src^="https://cdn.phaser.io/images/flags/"]){clear:both}.tutorials p:has(img[src^="https://cdn.phaser.io/images/flags/"]) a{display:flex;flex-direction:column;align-items:flex-start}.tutorials p:has(img[src^="https://cdn.phaser.io/images/flags/"]) a img{min-width:auto;width:auto;margin-bottom:0}.tutorials .article-body code[class*=language-]{max-width:100%;overflow-x:auto}.tutorials .article-body pre::-webkit-scrollbar{width:.5em;background-color:var(--color-accent-dark)}.tutorials .tutorial-pagination{margin-top:2rem;display:flex;justify-content:space-between;gap:1em}@media screen and (max-width: 640px){.tutorials{margin-left:auto;margin-right:auto;position:relative;background-color:var(--color-black);color:var(--color-white);width:100vw;max-width:100%;overflow-x:hidden}.tutorials .row{display:flex;flex-direction:column;padding:var(--spacing-outer);gap:var(--spacing-outer)}.tutorials .pagination{margin-top:2rem;position:relative;padding-top:1em}.tutorials .pagination a{text-decoration:none;color:var(--color-accent)}.tutorials .pagination:before{content:"";position:absolute;top:0%;left:0;width:100%;height:1px;z-index:0;background:linear-gradient(90deg,var(--color-accent-dark) 0%,var(--color-accent) 50%,var(--color-accent-dark) 100%)}.tutorials .d-flex{display:flex}.tutorials .justify-content-between{justify-content:space-between}.tutorials h3{font-size:1.7em;letter-spacing:-.03em;margin-top:4rem;margin-bottom:1rem;position:relative}.tutorials h3:first-child{border-top:none;padding-top:0}.tutorials h3:before{position:absolute;top:-.9em;content:"";width:100%;height:1px;background:linear-gradient(90deg,var(--color-white) 0%,var(--color-black) 100%)}.tutorials h3:first-child:before{content:none}.tutorials .code-toolbar{position:relative}.tutorials .code-toolbar .toolbar{position:absolute;top:.5em;right:.5em;padding:0;margin:0}.tutorials .code-toolbar .toolbar button{margin:0;padding:.5em 1em;background:var(--color-black);color:var(--color-accent);border:none;border-radius:3px;cursor:pointer}}@media screen and (min-width: 640.1px){.tutorials{margin-left:auto;margin-right:auto;position:relative;background-color:var(--color-black);color:var(--color-white)}.tutorials .row{display:flex;padding:var(--spacing-outer);gap:var(--spacing-outer)}.tutorials .pagination{margin-top:2rem;position:relative;padding-top:1em}.tutorials .pagination a{text-decoration:none;color:var(--color-accent)}.tutorials .pagination:before{content:"";position:absolute;top:0%;left:0;width:100%;height:1px;z-index:0;background:linear-gradient(90deg,var(--color-accent-dark) 0%,var(--color-accent) 50%,var(--color-accent-dark) 100%)}.tutorials .d-flex{display:flex}.tutorials .justify-content-between{justify-content:space-between}.tutorials h3{font-size:1.7em;letter-spacing:-.03em;margin-top:4rem;margin-bottom:1rem;position:relative}.tutorials h3:first-child{border-top:none;padding-top:0}.tutorials h3:before{position:absolute;top:-.9em;content:"";width:140%;height:1px;background:linear-gradient(90deg,var(--color-white) 0%,var(--color-black) 100%)}.tutorials h3:first-child:before{content:none}.tutorials .code-toolbar{position:relative}.tutorials .code-toolbar .toolbar{position:absolute;top:.5em;right:.5em;padding:0;margin:0}.tutorials .code-toolbar .toolbar button{margin:0;padding:.5em 1em;background:var(--color-black);color:var(--color-accent);border:none;border-radius:3px;cursor:pointer}}