*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.fancy-underline{position:relative}.fancy-underline:after{position:absolute;content:"";width:100%;height:5px;bottom:-2px;left:0;right:0;background-color:rgb(var(--body--accent));opacity:.75;transform:rotate(-3deg) translateY(3px);transition:all .3s}.fancy-underline.secondary:after{background-color:rgb(var(--body--accent-secondary))}.fancy-underline.ternary:after{background-color:rgb(var(--body--background-secondary))}.fancy-underline.quaternary:after{background-color:rgb(var(--body--background-accent))}.fancy-underline:hover:after{transform:rotate(-3deg) translateY(6px)}ul.blog-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);list-style-type:none;margin:0;padding:0}ul.blog-list li{width:calc(50% - var(--spacing))}ul.blog-list li *{text-decoration:none;transition:.2s ease}ul.blog-list li:first-child{width:100%;margin-bottom:var(--spacing);text-align:center}ul.blog-list li:first-child img{width:100%}ul.blog-list li .title{margin-top:var(--spacing);font-size:2rem;color:rgb(var(--body--text));font-weight:700}ul.blog-list li:hover .title{color:rgb(var(--body--accent))}ul.blog-list li:first-child .title{font-size:2.369rem}ul.blog-list li img{border-radius:var(--border--radius)}ul.blog-list li a{display:block}.title{margin:0;line-height:1}.date{margin:0;color:rgb(var(--body--text-secondary))}ul.blog-list li a:hover h4,ul.blog-list li a:hover .date{color:rgb(var(--body--accent))}ul.blog-list a:hover img{box-shadow:var(--box-shadow)}@media(max-width:720px){ul.blog-list{gap:var(--spacing)}ul.blog-list li{width:100%;text-align:center}ul.blog-list li:first-child{margin-bottom:0}ul.blog-list li:first-child .title{font-size:1.563em}}.pager{display:flex;--border-size: 2px}.pager>*{position:relative;padding:1em;border:var(--border-size) solid var(--color-background-secondary);transition:all .3s}.pager>.disabled{cursor:not-allowed}.pager>.disabled .pager-icon{display:none}.pager>*:hover{background-color:var(--color-background-secondary)}.pager>.pager-back:not(.disabled):hover>.pager-icon{animation:arrow-bounce-left 2s infinite}.pager>.pager-forward:not(.disabled):hover>.pager-icon{animation:arrow-bounce-right 2s infinite}.pager>.pager-back{flex:1}.pager>.pager-forward{flex:1;text-align:end;border-left:none}.pager .pager-title{font-size:1.25em}.pager .pager-description{font-size:.85em}.pager-back>.pager-icon{position:absolute;top:calc(50% - 2ch);left:-5ch;padding:1ch}.pager-forward>.pager-icon{position:absolute;top:calc(50% - 2ch);right:-5ch;padding:1ch}.pager a{color:var(--body--accent);text-decoration:none}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body:not([class^=theme-]){--header--background: 255, 255, 255;--header--background-secondary: 219, 219, 219;--header--text: 15, 18, 25;--header--text-secondary: 96, 115, 159;--header--accent: 245, 221, 144;--header--accent-secondary: 88, 107, 164;--body--background: 255, 255, 255;--body--background-secondary: 229, 233, 240;--body--background-accent: 162, 123, 37;--body--background-gradient: rgba(var(--body--background-secondary), 50%), #fff;--body--text: 15, 18, 25;--body--text-secondary: 96, 115, 159;--body--accent: 205, 181, 104;--body--accent-secondary: 88, 107, 164;--box-shadow: 0 2px 6px rgba(var(--body--background-secondary), 25%), 0 8px 24px rgba(var(--body--background-secondary), 33%), 0 16px 32px rgba(var(--body--background-secondary), 33%)}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;background-color:rgb(var(--body--background));color:rgb(var(--body--text));font-size:20px;line-height:1.7;--border--radius: 12px;--spacing: 8px;position:relative}mini-map{--minimap-heading: rgba(0, 0, 0, .5);--minimap-text: rgba(0, 0, 0, .3)}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:calc(var(--spacing) * 4) 0 var(--spacing) 0;color:rgb(var(--header--text));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:rgb(var(--body--accent))}a:hover{color:rgb(var(--body--accent-secondary))}p{margin-bottom:var(--spacing)}.prose>p{margin-bottom:calc(var(--spacing) * 2)}ol,ul{margin-block-start:var(--spacing);margin-block-end:calc(var(--spacing) * 4)}.prose{display:flex;flex-direction:column;align-items:center}.prose>*{width:100%;max-width:720px}.prose>pre{min-width:min(720px,100%)}.prose>pre,.prose>code,.prose>blockquote,.prose>muti-tab-code{max-width:100%;width:auto;margin-bottom:calc(var(--spacing) * 2);margin:0 64px}.full-bleed{width:100%;max-width:100%;display:flex;justify-content:center;margin-bottom:var(--spacing)}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:var(--border--radius)}code{padding:2px 5px;background-color:rgb(var(--body--background-secondary));border-radius:var(--border--radius)}pre{padding:var(--spacing);border-radius:var(--border--radius)}pre>code{all:unset}blockquote{border-left:4px solid rgb(var(--body--accent));padding:0 calc(var(--spacing) * 4) 0 calc(var(--spacing) * 4);margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--body--background-secondary))}@media(max-width:720px){body{font-size:18px}main{padding:var(--spacing)}.prose>pre,.prose>code,.prose>blockquote,.prose>muti-tab-code{max-width:100%;width:auto;margin-bottom:calc(var(--spacing) * 2);margin:0 8px}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}button{margin:var(--spacing);padding:var(--spacing);border-radius:var(--border--radius);border:solid 1px rgb(var(--body--accent));cursor:pointer}button:hover:not(:disabled){background-color:rgb(var(--body--accent))}button:disabled{cursor:not-allowed}button,input[type=checkbox]{cursor:pointer}select,input[type=text],input[type=number]{padding:var(--spacing);border-radius:var(--border--radius);border:solid 1px rgb(var(--body--accent));height:44px}select{cursor:pointer}.center-as-column{display:flex;justify-content:center;flex-direction:column;align-items:center}.background-image-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;img{max-width:100%;max-height:100%;object-fit:cover;object-position:25% 70%;border-radius:0;height:100%;width:100%}}.home-header-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--body--background));text-align:center;padding:16px;border-radius:var(--border--radius);background-color:#00000080;h1,h2{user-select:none;color:#fff;display:flex;flex-direction:column;text-align:end;font-size:2rem}h1{line-height:1em;margin:0;opacity:0;animation:fade-in .2s ease-in var(--delay) forwards,move-right .4s ease-out var(--delay) forwards}h2{font-size:3rem}@media screen and (min-width:800px){background-color:#0000004d;transform:translate(-50%,-50%);top:50%;left:70%;padding:32px;h2{font-size:4rem}}@media screen and (min-width:1000px){padding:64px;h2{font-size:5rem}}span{opacity:0;border-bottom:#fff 3px solid;animation:fade-in .2s ease-in var(--delay) forwards,move-right .4s ease-out var(--delay) forwards}a{font-size:1.5rem;color:#fff;text-decoration:none;text-decoration:underline dotted;text-decoration-thickness:3px;text-underline-offset:8px;&:hover{text-decoration:underline}}nav{display:flex;justify-content:space-between;a{animation:fade-in .2s ease-in var(--delay) forwards,move-right .4s ease-out var(--delay) forwards;opacity:0}}}@keyframes fade-in{to{opacity:1}}@keyframes move-right{0%{transform:translate(-10px)}}.deprecated{border:2px solid rgb(var(--body--accent));background-color:rgba(var(--body--background-secondary),.5);padding:calc(var(--spacing) * 2);border-radius:var(--border--radius);margin-bottom:calc(var(--spacing) * 4)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}