.app-snackbar{position:fixed;left:50%;transform:translateX(-50%);background:#999;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;gap:1rem;align-items:center;animation:fade-in .3s ease}.app-snackbar--bottom{bottom:1rem}.app-snackbar--top{top:1rem}.app-snackbar--success{background:#4caf50}.app-snackbar--error{background:#f44336}.app-snackbar--info{background:#2196f3}.app-snackbar button{background:rgba(0,0,0,0);border:none;color:#fff;font-weight:bold;cursor:pointer}@keyframes fade-in{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.no-scroll{overflow:hidden}.popover-overlay{background:linear-gradient(to right, rgba(108, 131, 89, 0.7), rgba(197, 102, 72, 0.7));position:fixed;inset:0;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.popover-overlay.show{opacity:1}.popover-wrapper{position:relative;background-color:#f6f2e9;border-radius:10px rgba(0,0,0,0);max-width:600px;width:90%;max-height:90%;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:scale(0.95);opacity:0;transition:opacity 1s ease,transform 1s ease}.popover-wrapper.show{transform:scale(1);opacity:1}.popover-content{position:relative}.popover-close-button{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.popover-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.popover-buttons button{background-color:inherit;transition:ease-in-out .3s;padding:.5rem 1rem;font-size:1rem;cursor:pointer}.popover-buttons button:hover{background-color:rgba(197,102,72,.7);color:#f6f2e9}.u-font-smallest{font-size:.75rem}.u-font-small{font-size:.875rem}.u-font-medium{font-size:1rem}.u-font-large{font-size:1.5rem}.u-font-largest{font-size:2rem}.u-padd-x-smallest{padding-left:.25rem;padding-right:.25rem}.u-padd-x-small{padding-left:.5rem;padding-right:.5rem}.u-padd-x-medium{padding-left:1rem;padding-right:1rem}.u-padd-x-large{padding-left:1.5rem;padding-right:1.5rem}.u-padd-x-largest{padding-left:2rem;padding-right:2rem}.u-padd-y-smallest{padding-top:.25rem;padding-bottom:.25rem}.u-padd-y-small{padding-top:.5rem;padding-bottom:.5rem}.u-padd-y-medium{padding-top:1rem;padding-bottom:1rem}.u-padd-y-large{padding-top:1.5rem;padding-bottom:1.5rem}.u-padd-y-largest{padding-top:2rem;padding-bottom:2rem}.u-marg-x-smallest{margin-left:.25rem;margin-right:.25rem}.u-marg-x-small{margin-left:.5rem;margin-right:.5rem}.u-marg-x-medium{margin-left:1rem;margin-right:1rem}.u-marg-x-large{margin-left:1.5rem;margin-right:1.5rem}.u-marg-x-largest{margin-left:2rem;margin-right:2rem}.u-marg-y-smallest{margin-top:.25rem;margin-bottom:.25rem}.u-marg-y-small{margin-top:.5rem;margin-bottom:.5rem}.u-marg-y-medium{margin-top:1rem;margin-bottom:1rem}.u-marg-y-large{margin-top:1.5rem;margin-bottom:1.5rem}.u-marg-y-largest{margin-top:2rem;margin-bottom:2rem}.u-rounded-small{border-radius:2px}.u-rounded-medium{border-radius:4px}.u-rounded-large{border-radius:8px}.u-rounded-pill{border-radius:9999px}.u-shadow-small{box-shadow:0 1px 2px rgba(0,0,0,.05)}.u-shadow-medium{box-shadow:0 4px 6px rgba(0,0,0,.1)}.u-shadow-large{box-shadow:0 10px 15px rgba(0,0,0,.15)}.u-transition-fast{transition:.2s}.u-transition-normal{transition:.3s}.u-transition-slow{transition:.5s}.u-color-base{color:#000}.u-color-prim{color:#6c8359}.u-color-sec{color:#c56648}.u-color-bg{color:#f6f2e9}.u-italic{font-style:italic}.u-bold{font-weight:bold}.u-font-secondary{font-family:"Playfair Display",serif}.u-flex-center{display:flex;justify-content:center;align-items:center}.u-flex-column{display:flex;flex-direction:column}.u-flex-row{display:flex;flex-direction:row}.u-flex-between{display:flex;justify-content:space-between;align-items:center}.u-flex-around{display:flex;justify-content:space-around;align-items:center}.u-flex-wrap{display:flex;flex-wrap:wrap}.u-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.u-fixed-full{position:fixed;top:0;right:0;bottom:0;left:0}.u-bg-base{background-color:#f6f2e9}.u-bg-inherit{background-color:inherit}.u-bg-primary{background-color:#6c8359}.u-bg-secondary{background-color:#c56648}.u-bg-gradient-to-right{background:linear-gradient(to right, rgba(108, 131, 89, 0.7), rgba(197, 102, 72, 0.7))}.u-bg-cover{background-size:cover;background-position:center;background-repeat:no-repeat}.u-img-cover{-webkit-background-size:100vw 100vh;-moz-background-size:100vw 100vh;-o-background-size:100vw 100vh;background-size:100vw 100vh;background-attachment:fixed}.u-transition{transition:all .3s ease}.u-hover-scale{transition:transform .2s}.u-hover-scale:hover{transform:scale(1.05)}.u-border{border:1px solid #6c8359}.u-border-none{border:0px solid #fff}.u-rounded{border-radius:4px}.u-btn-disabled button:disabled{pointer-events:none !important;cursor:not-allowed !important;opacity:.6 !important}.u-btn-disabled button:disabled a{cursor:not-allowed !important}.u-hide{display:none !important}.u-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.u-clearfix::after{content:"";display:table;clear:both}.u-pointer{cursor:pointer}.u-pre-wrap{white-space:pre-wrap;overflow-wrap:break-word}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,aside{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,*::before,*::after{box-sizing:border-box}:root body{background-color:#f6f2e9;color:#000;min-height:100vh;min-width:100vw;cursor:default;line-height:1.6;font-family:Outfit,Arial,sans-serif;font-size:1rem;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}:root main{flex:1}:root h1{font-size:2rem}:root h1,:root h2,:root h3,:root h4,:root h5,:root h6{font-family:"Playfair Display",serif}:root a,:root button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;color:inherit}:root a{text-decoration:none;color:inherit}:root a:hover,:root a:focus-visible,:root button:focus-visible{text-decoration:underline}@media(hover: none){:root a:hover{text-decoration:none}}.header__nav{display:flex;justify-content:space-between;align-items:center;position:relative;padding-left:.5em;padding-right:.5em;margin-right:1em}.header__nav button{transition:ease-in-out .3s}.header__nav button:hover{background-color:rgba(197,102,72,.7);color:#f6f2e9}.header__nav button:focus-visible{outline:2px solid #6c8359}@media(hover: none){.header__nav button:hover{text-decoration:none;background-color:inherit;color:inherit}}.navbar__dropdown{position:absolute;top:100%;background:linear-gradient(to bottom, rgba(197, 102, 72, 0.5), rgb(246, 242, 233));background-color:#f6f2e9;margin-left:1rem;opacity:0;visibility:hidden}.navbar__dropdown-visible{opacity:1;visibility:visible;z-index:100}@keyframes fade-in{from{opacity:0}to{opacity:1}}.navbar__dropdown-visible{animation:fade-in .5s ease-in 0s forwards}.footer{position:sticky;bottom:0;padding:1rem;width:100vw}.footer__body{text-decoration:underline;display:flex;justify-content:space-between;align-items:center}@media(max-width: 576px){.footer__body{display:block;text-align:center}}@media(max-width: 576px){.footer__body section{padding-bottom:1rem}}.home__catchphrase{text-align:center;max-width:80vw}@media(max-width: 576px){.home__catchphrase{width:100vw}}@media(max-width: 768px){.home__catchphrase{width:90vw}}@media(max-width: 1201px){.home__catchphrase{width:70vw}}.tutorial__article{line-height:2rem;font-size:1.1rem}.snippet__code{overflow-x:auto;width:75vw}@media(max-width: 576px){.snippet__code{min-width:95vw}}@media(max-width: 768px){.snippet__code{min-width:90vw}}@media(max-width: 1201px){.snippet__code{width:70vw}}.resource{width:100vw;display:flex;flex-direction:row}@media(max-width: 576px){.resource{display:flex;flex-direction:column}}@media(max-width: 768px){.resource{display:flex;flex-direction:column}}.resource-section{width:80vw}@media(max-width: 576px){.resource-section{width:100vw}}@media(max-width: 768px){.resource-section{width:100vw}}.nest-sections{padding-left:1rem}@media(max-width: 576px){.nest-sections{padding-left:0}}@media(max-width: 768px){.nest-sections{padding-left:0}}.c-sidebar{position:sticky;left:0;top:0;overflow-y:auto;padding-top:2rem;margin-right:1rem;width:20vw;background:linear-gradient(to bottom, rgba(197, 102, 72, 0.5), rgb(246, 242, 233));border-radius:4px}@media(max-width: 576px){.c-sidebar{display:flex;flex-direction:row;display:flex;flex-wrap:wrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#f6f2e9;padding-bottom:1rem;width:100vw;height:auto;margin-right:0;margin-top:1rem}}@media(max-width: 768px){.c-sidebar{display:flex;flex-direction:row;display:flex;flex-wrap:wrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#f6f2e9;padding-bottom:1rem;width:100vw;height:auto;margin-right:0;margin-top:1rem}}.c-block-btn{display:block;text-align:left}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:1em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:#fff;text-decoration:none}