.post-content pre,.post-content pre code{border-radius:var(--radius)}.post-content pre code>table{margin:0px auto;border-radius:var(--radius);border-spacing:0;border-collapse:collapse;table-layout:fixed;width:100%}.post-content pre code>table td{min-width:0;vertical-align:top;padding:0;margin:0;border:0}.post-content pre code>table td:first-child{white-space:pre;user-select:none;margin:0;padding:0 1em 0 0;color:#7f7f7f;text-align:right;display:table-cell;max-width:10%}.post-content pre code>table td:nth-child(2){width:92%}.md-fenced-code-tabs *{box-sizing:border-box}.md-fenced-code-tabs{box-sizing:border-box;max-width:100%;border-radius:.2rem}.md-fenced-code-tabs{display:flex;position:relative;flex-wrap:wrap;width:100%;margin:1em 0}.md-fenced-code-tabs input{position:absolute;opacity:0}.md-fenced-code-tabs label{width:auto;cursor:pointer;font-size:1.28rem;padding:.6rem 1.2rem}.md-fenced-code-tabs input:checked+label{color:#faac1f;border-bottom:2px solid #faac1f;background:#282828;border-top-left-radius:8px;border-top-right-radius:8px}.md-fenced-code-tabs .code-tabpanel{display:none;width:100%;order:99}.md-fenced-code-tabs input:checked+label+.code-tabpanel{display:block}.md-fenced-code-tabs pre,.md-fenced-code-tabs .codehilite{width:100%;margin:0;padding-top:5px;padding-bottom:5px}.first-entry.home-info{margin:0}.img-left img{margin:1rem 0}.callout-box{border-radius:var(--radius);padding:12px 20px 12px 20px;margin:auto 0 var(--content-gap);border-left:8px solid;border-top:1px solid;border-right:1px solid;border-bottom:1px solid;display:flex;align-items:stretch}.callout-icon{display:block;visibility:hidden;margin-right:5px;background-size:cover;align-self:flex-start}@media screen and (min-width: 400px){.callout-box{padding:12px 20px 12px 5px}.callout-icon{visibility:visible;height:64px;width:64px;min-width:64px}}@media screen and (min-width: 1100px){.callout-icon{height:96px;width:96px;min-width:96px}.callout-box{border-left:15px solid}}.callout-content{display:inline-block;align-self:center}.callout-content>:last-child{margin-bottom:0}.callout-success{border-color:#79c05f}.callout-success .callout-icon{background-image:url("/icons/al_success.svg")}.callout-info{border-color:#3161b7}.callout-info .callout-icon{background-image:url("/icons/al_info.svg")}.callout-warning{border-color:#e5d429}.callout-warning .callout-icon{background-image:url("/icons/al_warning.svg")}.callout-error{border-color:#d52f2f}.callout-error .callout-icon{background-image:url("/error.svg")}.callout-danger{background:#533131;border-color:#d52f2f}.callout-danger .callout-icon{background-image:url("/icons/al_danger.svg")}.nav-search{display:flex;align-content:end}.search-container{display:inline-block;position:relative;width:100%;max-width:250px}.search{background:var(--code-bg);height:2em;margin:0 1em 0 1em;padding:.5em 1em .5em 2.25em;border-radius:1em;color:var(--content);width:calc(100% - 1em);box-sizing:border-box}.search::-webkit-search-cancel-button{-webkit-appearance:none;height:16px;width:16px;background-image:none;background-color:var(--accent);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");mask-size:contain;-webkit-mask-size:contain;cursor:pointer}.search-results{display:none;position:absolute;background:var(--code-bg);color:var(--content);padding:1rem;box-shadow:2px 2px 2px 0 rgba(0,0,0,.5);max-height:500px;overflow:auto;width:200%;right:0;z-index:1000;line-height:1em}@media screen and (max-width: 1100px){.search-results{position:fixed;width:100vw;margin-top:40px}.search-container{width:75%;min-width:300px;max-width:100vw}}.search-results__items{list-style:none}.search-results li{margin-top:1rem;border-bottom:1px solid #ccc;font-size:.9rem}.search-results li:first-of-type{margin-top:0}.search-results li:last-of-type{border-bottom:none}.search-results__item{margin-bottom:1rem}.search-results li:last-of-type .search-results__item{margin-bottom:0}.search-results__item a{font-size:1.2rem;display:inline-block;margin-bottom:.5rem}.search-container a{color:var(--accent);padding:0;transition:none}.overlay-header{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0}.search-icon{position:absolute;left:1.25em;top:50%;transform:translateY(-50%);pointer-events:none}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:2em}.video{position:absolute;top:0;left:0;width:100%;height:100%}.basic-card{background:var(--entry);border-radius:16px;color:#fff;padding:24px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.basic-card img{width:15%;height:auto;margin-right:5%}.basic-card>div{width:80%}.accent-card{--bg-image: url("images/au_background.jpg");background-image:linear-gradient(140deg, rgba(0,0,0,0) 40%, rgba(136,84,21,.9) 110%),linear-gradient(140deg, rgba(0,0,0,.5), rgba(0,0,0,.5)),var(--bg-image);background-position:center;background-size:cover;border-radius:16px;color:#fff;padding:24px;display:flex;align-items:center;justify-content:center;height:100%;width:100%;aspect-ratio:3}.accent-card h1{text-shadow:5px 5px 5px rgba(0,0,0,.5)}.accent-card{position:relative;overflow:hidden;border-radius:16px;}.accent-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(140deg, rgba(0,0,0,0) 40%, rgba(136,84,21,.9) 110%);opacity:0;transition:opacity 200ms ease}.accent-card:hover::after{opacity:.5}.accent-card>*{position:relative;z-index:1}.main-card{background-image:url("images/grid_background.svg"),linear-gradient(160deg, var(--entry) 40%, rgba(136,84,21,.7) 110%);background-position:center bottom,0 0;background-repeat:no-repeat,no-repeat;background-size:150%,cover;grid-area:main;align-items:center;justify-content:flex-start;padding:4em;position:relative;border-radius:16px;overflow:visible;height:100%;width:100%;display:flex;color:#fff}.main-card>div{z-index:1;width:75%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.main-card>div ul{display:contents;list-style:none;padding:0;font-size:1.3rem}.main-card>div li{display:flex;align-items:flex-start;margin-bottom:10px}.main-card>div li::before{content:"•";padding-right:12px;flex-shrink:0}.main-card .main-card-alchemist{position:absolute;right:0;bottom:0;width:30%;height:auto;pointer-events:none;z-index:0}.home-page .video-container{margin:0}.home-page .home-top-layout-container{overflow:visible;display:grid;gap:20px;grid-template-columns:1fr;grid-template-areas:"card1" "card2" "video"}.home-page .home-bottom-layout-container{display:grid;gap:20px;padding-bottom:2em;margin-top:20px;grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3" "main"}.home-page .video-box{grid-area:video;border-radius:8px}.home-page .card-top{--bg-image: url("images/au_background.jpg");grid-area:card1}.home-page .card-bottom{--bg-image: url("images/tutorial_background.png");grid-area:card2}.home-page .get-started-card{grid-area:card1}.home-page .labs-card{grid-area:card2}.home-page .forum-card{grid-area:card3}@media (min-width: 650px){.home-page .home-top-layout-container{grid-template-columns:1fr 1fr;grid-template-areas:"card1 card2" "video video"}}.home-page .main-card{aspect-ratio:2}@media (min-width: 1000px){.home-page .home-top-layout-container{grid-template-columns:2fr 1fr;grid-template-areas:"video card1" "video card2"}.home-page .home-bottom-layout-container{grid-template-columns:1fr 1.8fr;grid-template-areas:"card1 main" "card2 main" "card3 main"}.home-page .accent-card{aspect-ratio:unset}.home-page .main-card{aspect-ratio:unset !important}}@media (max-width: 1300px){.home-page .main-card{padding:2em}}@media (max-width: 870px){.home-page .main-card{aspect-ratio:unset !important;background-image:linear-gradient(160deg, var(--entry) 40%, rgba(136,84,21,.7) 110%);background-position:0 0;background-repeat:no-repeat;background-size:cover}.home-page .main-card>div{width:100%}.home-page .main-card .main-card-alchemist{visibility:hidden}}.fpga-button{display:inline-flex;align-items:center;justify-content:space-between;padding:12px 24px;margin-top:1em;width:fit-content;border:1px solid var(--accent);color:var(--accent);border-radius:10px;font-weight:600;font-size:1.5rem;text-decoration:none;transition:color .2s ease,opacity .2s ease,border .2s ease}.fpga-button:hover{color:rgba(var(--accent-rgb), .1);border-color:rgba(var(--accent-rgb), .1)}.fpga-button .arrow{font-size:3rem;line-height:1;margin-left:15px}.tutorials-page{--starter-color: #64ff2e;--intermediate-color: #42b5ff;--advanced-color: var(--accent);--projects-color: #ff4bb4;}.tutorials-page .main-card{aspect-ratio:unset}.tutorials-page .main-card>div h1{margin-bottom:.7em}.tutorials-page .basic-card{font-size:min(3.8vw,1em)}.tutorials-page .tutorial-button-container{display:flex;gap:24px;align-items:center;justify-content:flex-start;padding:16px 0;flex-direction:column;flex-wrap:wrap}.tutorials-page .tutorial-button-container>a{--c: var(--starter-color);display:inline-flex;align-items:center;gap:16px;padding:18px 34px;border-radius:18px;color:#fff;font-weight:800;font-size:min(6vw,1em);line-height:1;background:rgba(0,0,0,.35);border:2px solid var(--c);box-shadow:0 0 0 1px rgba(0,0,0,.6) inset,0 10px 24px rgba(0,0,0,.35);user-select:none;white-space:nowrap}.tutorials-page .tutorial-button-container>a::before{content:"";width:26px;height:26px;display:inline-block;background:var(--c)}.tutorials-page .tutorial-button-container>.starter-button,.tutorials-page .starter-tutorials{--c: var(--starter-color)}.tutorials-page .tutorial-button-container>.intermediate-button,.tutorials-page .intermediate-tutorials{--c: var(--intermediate-color)}.tutorials-page .tutorial-button-container>.advanced-button,.tutorials-page .advanced-tutorials{--c: var(--advanced-color)}.tutorials-page .tutorial-button-container>.projects-button,.tutorials-page .project-tutorials{--c: var(--projects-color)}.tutorials-page .tutorial-button-container>.starter-button::before,.tutorials-page .starter-tutorials h1::before{border-radius:50%}.tutorials-page .tutorial-button-container>.intermediate-button::before,.tutorials-page .intermediate-tutorials h1::before{border-radius:3px}.tutorials-page .tutorial-button-container>.advanced-button::before,.tutorials-page .advanced-tutorials h1::before{width:22px;height:22px;transform:rotate(45deg)}.tutorials-page .tutorial-button-container>.projects-button::before,.tutorials-page .project-tutorials h1::before{width:0;height:0;background:rgba(0,0,0,0);border-left:14px solid rgba(0,0,0,0);border-right:14px solid rgba(0,0,0,0);border-bottom:26px solid var(--c)}.tutorials-page .tutorial-button-container>a:hover{background:rgba(0,0,0,.65)}.tutorials-page .tutorial-section{}.tutorials-page .tutorial-section>p{margin-bottom:1em}.tutorials-page .tutorial-section h1{display:flex;align-items:center;gap:16px;margin:30px 0 30px 0;font-size:min(40px,6vw)}.tutorials-page .tutorial-section h1::before{content:"";width:26px;height:26px;margin:14px;display:inline-block;background:var(--c)}.tutorials-page .tutorial-section.setup-tutorials h1::before,.tutorials-page .tutorial-section.background-tutorials h1::before,.tutorials-page .tutorial-section.reference-tutorials h1::before,.tutorials-page .tutorial-section.archive-tutorials h1::before{width:54px;height:54px;margin:0;background-size:contain}.tutorials-page .tutorial-section.setup-tutorials h1::before{background-image:url("/icons/glasses.svg")}.tutorials-page .tutorial-section.background-tutorials h1::before{background-image:url("/icons/brain.svg")}.tutorials-page .tutorial-section.reference-tutorials h1::before{background-image:url("/icons/alchitry_beaker.svg")}.tutorials-page .tutorial-section.archive-tutorials h1::before{background-image:url("/icons/tome.svg")}.tutorials-page .tutorial-section .post-entry{margin-bottom:0}.tutorials-page .tutorial-section .tutorials{display:grid;gap:20px;grid-template-columns:1fr;}.tutorials-page .tutorial-section .tutorials .post-entry{--pc: var(--accent);position:relative;overflow:hidden;border-radius:var(--radius);background-image:linear-gradient(160deg, var(--entry) 50%, color-mix(in srgb, var(--pc) 40%, transparent) 150%)}.tutorials-page .tutorial-section .tutorials .post-entry::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(160deg, var(--entry) 50%, color-mix(in srgb, var(--pc) 60%, transparent) 150%);opacity:0;transition:opacity 200ms ease;z-index:0}.tutorials-page .tutorial-section .tutorials .post-entry:hover::after{opacity:1}.tutorials-page .tutorial-section .tutorials .post-entry>*{position:relative;z-index:1}.tutorials-page .tutorial-section .tutorials .post-entry>.entry-link{position:absolute;inset:0;z-index:2}.tutorials-page .starter-tutorials .tutorials>.post-entry{--pc: var(--starter-color)}.tutorials-page .intermediate-tutorials .tutorials>.post-entry{--pc: var(--intermediate-color)}.tutorials-page .advanced-tutorials .tutorials>.post-entry{--pc: var(--advanced-color)}.tutorials-page .project-tutorials .tutorials>.post-entry{--pc: var(--projects-color)}@media (max-width: 850px){.tutorials-page .main-card{padding:2em}.tutorials-page .main-card>img{visibility:hidden}.tutorials-page .main-card>div{width:100%}}@media (min-width: 850px) and (max-width: 1449px){.tutorials-page .main-card::before{content:"";float:left;padding-top:28.5714285714%;}.tutorials-page .main-card::after{content:"";display:block;clear:both}.tutorials-page .main-card>div{width:75%}.tutorials-page .main-card .main-card-alchemist{width:25%}.tutorials-page .tutorial-button-container{flex-direction:row}.tutorials-page .tutorial-section .tutorials{gap:20px;grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1450px){.tutorials-page .main-card{aspect-ratio:unset !important}.tutorials-page .main-card>div{width:73%}.tutorials-page .main-card .main-card-alchemist{width:27%}.tutorials-page .tutorial-button-container{flex-direction:row}.tutorials-page .tutorial-section .tutorials{display:grid;gap:20px;grid-template-columns:repeat(3, minmax(0, 1fr))}}.tutorials-page .card1{grid-area:card1}.tutorials-page .card2{grid-area:card2}.tutorials-page .card3{grid-area:card3}.tutorials-page .card4{grid-area:card4}.tutorials-page .card5{grid-area:card5}