html:has(#bg1:checked),#bg1{--size: 50px;--color1: #fad4fd;--color2: #c7c8ff;background:linear-gradient(25deg,var(--color1) 25%,transparent 25%),linear-gradient(-25deg,var(--color1) 25%,transparent 25%),linear-gradient(25deg,transparent 75%,var(--color1) 75%) var(--size) 0,linear-gradient(-25deg,transparent 75%,var(--color1) 75%) var(--size) 0,var(--color2);background-size:calc(var(--size) * 2) var(--size)}html:has(#bg2:checked),#bg2{--size: 100px;--disp: calc(var(--size) / 2 - (var(--size)) / 9.4);--color1: #97dddf;--color2: #6cb9b5;--color3: #ececec;background:radial-gradient(var(--color2) 15%,transparent 15%) 0 var(--disp),radial-gradient(var(--color1) 15%,transparent 15%) 0 calc(var(--disp) * -1),radial-gradient(var(--color1) 15%,transparent 15%) var(--disp) 0,radial-gradient(var(--color1) 15%,transparent 15%) calc(var(--disp) * -1) 0,radial-gradient(transparent 56%,var(--color1) 56% 59%,transparent 59%);background-size:var(--size) var(--size);background-color:var(--color3)}html:has(#bg3:checked),#bg3{--size: 100px;--color1: #524500;--color2: #f5eea6;--color3: #ffffe3;--top: var(--color2) 13%, var(--color1) 13% 14%, transparent 14%;--bottom: transparent 86%, var(--color1) 86% 87%, var(--color2) 87%;background:linear-gradient(30deg,var(--top)) 0 calc(var(--size) / -1.334),linear-gradient(-30deg,var(--bottom)) 0 calc(var(--size) / 1.334),linear-gradient(30deg,var(--bottom)) 0 calc(var(--size) / 1.334),linear-gradient(-30deg,var(--top)) 0 calc(var(--size) / -1.334),linear-gradient(30deg,var(--bottom)) calc(var(--size) / -2) 0,linear-gradient(-30deg,var(--bottom)) calc(var(--size) / 2) 0,linear-gradient(30deg,var(--top)) calc(var(--size) / 2) 0,linear-gradient(-30deg,var(--top)) calc(var(--size) / -2) 0,linear-gradient(to right,var(--color1) 1%,transparent 1% 49%,var(--color1) 49% 51%,transparent 51% 99%,var(--color1) 99%);background-size:var(--size) calc(var(--size) * 1.5);background-color:var(--color3)}html:has(#bg4:checked),#bg4{--size: 200px;--color1: #969300;--color2: #001031;--color3: #1d3100;--r: 2.5%;--wv: 15;--incr: calc((44.66% - (var(--r) * 2)) / var(--wv));--area: var(--size) var(--size);--waves: transparent var(--r), var(--color2) var(--r) calc(var(--r) + var(--incr)), var(--color3) calc(var(--r) + var(--incr)) calc(var(--r) + var(--incr) * 2), var(--color2) calc(var(--r) + var(--incr) * 2) calc(var(--r) + var(--incr) * 3), var(--color3) calc(var(--r) + var(--incr) * 3) calc(var(--r) + var(--incr) * 4), var(--color2) calc(var(--r) + var(--incr) * 4) calc(var(--r) + var(--incr) * 5), var(--color3) calc(var(--r) + var(--incr) * 5) calc(var(--r) + var(--incr) * 6), var(--color2) calc(var(--r) + var(--incr) * 6) calc(var(--r) + var(--incr) * 7), var(--color3) calc(var(--r) + var(--incr) * 7) calc(var(--r) + var(--incr) * 8), var(--color2) calc(var(--r) + var(--incr) * 8) calc(var(--r) + var(--incr) * 9), var(--color3) calc(var(--r) + var(--incr) * 9) calc(var(--r) + var(--incr) * 10), var(--color2) calc(var(--r) + var(--incr) * 10) calc(var(--r) + var(--incr) * 11), var(--color3) calc(var(--r) + var(--incr) * 11) calc(var(--r) + var(--incr) * 12), var(--color2) calc(var(--r) + var(--incr) * 12) calc(var(--r) + var(--incr) * 13), var(--color3) calc(var(--r) + var(--incr) * 13) calc(var(--r) + var(--incr) * 14), var(--color2) calc(var(--r) + var(--incr) * 14) calc(var(--r) + var(--incr) * 15), transparent calc(var(--r) + var(--incr) * var(--wv));background:radial-gradient(circle at center center,var(--color1) calc(var(--r) * 3),transparent 0) calc(var(--size) / 4) calc(var(--size) / 4) / calc(var(--size) / 2) calc(var(--size) / 2),radial-gradient(circle at center top,var(--waves)) 0 calc(var(--size) / 2) / var(--area),radial-gradient(circle at center bottom,var(--waves)) calc(var(--size) / 2) calc(var(--size) / 2) / var(--area),radial-gradient(circle at center top,var(--waves)) 0 0 / var(--area),radial-gradient(circle at center bottom,var(--waves)) calc(var(--size) / 2) 0 / var(--area);background-color:var(--color3)}html:has(#bg5:checked),#bg5{--size: 300px;--color1: #8d008d;--color2: #000441;--color3: #33004d;--wv: 15;--r: 1.6%;--incr: calc((29.8% - (var(--r) * 2)) / var(--wv));--area: var(--size) var(--size);--hc: transparent var(--r), var(--color2) calc(var(--r)) calc(var(--r) + var(--incr)), var(--color3) calc(var(--r) + var(--incr)) calc(var(--r) + var(--incr) * 2), var(--color2) calc(var(--r) + var(--incr) * 2) calc(var(--r) + var(--incr) * 3), var(--color3) calc(var(--r) + var(--incr) * 3) calc(var(--r) + var(--incr) * 4), var(--color2) calc(var(--r) + var(--incr) * 4) calc(var(--r) + var(--incr) * 5), var(--color3) calc(var(--r) + var(--incr) * 5) calc(var(--r) + var(--incr) * 6), var(--color2) calc(var(--r) + var(--incr) * 6) calc(var(--r) + var(--incr) * 7), var(--color3) calc(var(--r) + var(--incr) * 7) calc(var(--r) + var(--incr) * 8), var(--color2) calc(var(--r) + var(--incr) * 8) calc(var(--r) + var(--incr) * 9), var(--color3) calc(var(--r) + var(--incr) * 9) calc(var(--r) + var(--incr) * 10), var(--color2) calc(var(--r) + var(--incr) * 10) calc(var(--r) + var(--incr) * 11), var(--color3) calc(var(--r) + var(--incr) * 11) calc(var(--r) + var(--incr) * 12), var(--color2) calc(var(--r) + var(--incr) * 12) calc(var(--r) + var(--incr) * 13), var(--color3) calc(var(--r) + var(--incr) * 13) calc(var(--r) + var(--incr) * 14), var(--color2) calc(var(--r) + var(--incr) * 14) calc(var(--r) + var(--incr) * 15), transparent calc(var(--r) + var(--incr) * var(--wv));background:radial-gradient(circle at center center,var(--color1) calc(var(--r) * 5),transparent calc(var(--r) * 5)) calc(var(--size) / 6) calc(var(--size) / 6) / calc(var(--size) / 3) calc(var(--size) / 3),radial-gradient(circle at right,var(--hc)) calc(var(--size) / 3) calc(var(--size) / -6) / var(--area),radial-gradient(circle at right,var(--hc)) 0 calc(var(--size) / 2) / var(--area),radial-gradient(circle at bottom,var(--hc)) calc((var(--size) / 2)) calc(var(--size) / -3) / var(--area),radial-gradient(circle at left,var(--hc)) calc(var(--size) / 1.5) calc(var(--size) / -6) / var(--area),radial-gradient(circle at bottom,var(--hc)) calc(var(--size) / 6) calc(var(--size) / 3) / var(--area),radial-gradient(circle at right,var(--hc)) calc(var(--size) / -3) calc(var(--size) / 6) / var(--area),radial-gradient(circle at top,var(--hc)) calc(var(--size) / 6) calc(var(--size) / -3) / var(--area),radial-gradient(circle at top,var(--hc)) calc(var(--size) / -6) calc(var(--size) / 3) / var(--area),radial-gradient(circle at left,var(--hc)) calc(var(--size) / 3) calc(var(--size) / -2) / var(--area),radial-gradient(circle at top,var(--hc)) calc(var(--size) / -2) 0 / var(--area),radial-gradient(circle at bottom,var(--hc)) calc(var(--size) / -6) 0 / var(--area),radial-gradient(circle at left,var(--hc)) 0 calc(var(--size) / 6) / var(--area);background-color:var(--color3)}html:has(#bg6:checked),#bg6{--size: 100px;--color1: #865100;--color2: #251200;--color3: #302b00;--r: 4%;--wv: 15;--incr: calc((70.62% - (var(--r) * 2)) / var(--wv));--waves: transparent var(--r), var(--color2) var(--r) calc(var(--r) + var(--incr)), var(--color3) calc(var(--r) + var(--incr)) calc(var(--r) + var(--incr) * 2), var(--color2) calc(var(--r) + var(--incr) * 2) calc(var(--r) + var(--incr) * 3), var(--color3) calc(var(--r) + var(--incr) * 3) calc(var(--r) + var(--incr) * 4), var(--color2) calc(var(--r) + var(--incr) * 4) calc(var(--r) + var(--incr) * 5), var(--color3) calc(var(--r) + var(--incr) * 5) calc(var(--r) + var(--incr) * 6), var(--color2) calc(var(--r) + var(--incr) * 6) calc(var(--r) + var(--incr) * 7), var(--color3) calc(var(--r) + var(--incr) * 7) calc(var(--r) + var(--incr) * 8), var(--color2) calc(var(--r) + var(--incr) * 8) calc(var(--r) + var(--incr) * 9), var(--color3) calc(var(--r) + var(--incr) * 9) calc(var(--r) + var(--incr) * 10), var(--color2) calc(var(--r) + var(--incr) * 10) calc(var(--r) + var(--incr) * 11), var(--color3) calc(var(--r) + var(--incr) * 11) calc(var(--r) + var(--incr) * 12), var(--color2) calc(var(--r) + var(--incr) * 12) calc(var(--r) + var(--incr) * 13), var(--color3) calc(var(--r) + var(--incr) * 13) calc(var(--r) + var(--incr) * 14), var(--color2) calc(var(--r) + var(--incr) * 14) calc(var(--r) + var(--incr) * 15), transparent calc(var(--r) + var(--incr) * var(--wv));background:radial-gradient(circle at right bottom,var(--waves)),radial-gradient(circle at left top,var(--waves));background-color:var(--color1);background-size:var(--size) var(--size)}html:has(#bg7:checked),#bg7{--size: 120px;--color1: #850606;--color2: #04296e;--color3: #b47809;--color4: #fff9ea;--top-tr: transparent 87%, var(--color4) 87%;--bottom-tr: var(--color4) 13%, transparent 13%;--top-tr-c: var(--color4) 12%, var(--color1) 12% 14%, transparent 14%;--bottom-tr-c: transparent 86%, var(--color1) 86% 88%, var(--color4) 88%;--intersec: transparent 49%, var(--color2) 49% 51%, transparent 51%;background:radial-gradient(circle,var(--color4) 15%,transparent 15%),radial-gradient(circle,var(--color4) 15%,transparent 15%) calc(var(--size) / 1.33) calc(var(--size) / 2),linear-gradient(60deg,var(--top-tr)) calc(var(--size) / 1.33) 0,linear-gradient(-60deg,var(--top-tr)) calc(var(--size) / 1.33) 0,linear-gradient(-60deg,var(--bottom-tr)) calc(var(--size) / 1.33) 0,linear-gradient(60deg,var(--bottom-tr)) calc(var(--size) / 1.33) 0,linear-gradient(60deg,var(--bottom-tr-c)) 0 calc(var(--size) / 2),linear-gradient(-60deg,var(--top-tr-c)) 0 calc(var(--size) / 2),linear-gradient(-60deg,var(--bottom-tr-c)) 0 calc(var(--size) / 2),linear-gradient(60deg,var(--top-tr-c)) 0 calc(var(--size) / 2),linear-gradient(60deg,var(--intersec)),linear-gradient(-60deg,var(--intersec)),linear-gradient(var(--color3) 1.5%,transparent 1.5% 48.5%,var(--color3) 48.5% 51.5%,transparent 51.5% 98.5%,var(--color3) 98.5%);background-color:var(--color4);background-size:calc(var(--size) * 1.5) var(--size)}html:has(#bg8:checked),#bg8{--size: 180px;--color1: #dfecff;--color2: #7ea6f0;background:linear-gradient(45deg,transparent 55.5%,var(--color1) 55.5% 61.06%,var(--color2) 61.06% 66.62%,var(--color1) 66.62% 72.18%,var(--color2) 72.18% 77.75%,var(--color1) 77.75% 83.31%,var(--color2) 83.31% 88.87%,var(--color1) 88.87% 94.43%,var(--color2) 94.43% 100%) 0 calc(var(--size) / -2),linear-gradient(-45deg,var(--color1) 5.56%,var(--color2) 5.56% 11.12%,var(--color1) 11.12% 16.68%,var(--color2) 16.68% 22.25%,var(--color1) 22.25% 27.81%,var(--color2) 27.81% 33.37%,var(--color1) 33.37% 38.93%,var(--color2) 38.93% 44.5%,var(--color1) 44.5% 50.06%,transparent 50.06%) 0 calc(var(--size) / 1.6),repeating-linear-gradient(45deg,var(--color1) 0 calc((var(--size) / 5.66) / 2),var(--color2) calc((var(--size) / 5.66) / 2) calc(var(--size) / 5.66));background-color:var(--color1);background-size:var(--size) calc(var(--size) * 1.25)}html:has(#bg9:checked),#bg9{--size: 100px;--color1: #38003a;--color2: #530068;--color3: #5f005f;--color4: #0e0033;--dgn: transparent 16%, var(--color4) 16% 17.35%, var(--color1) 17.35% 32.7%, var(--color4) 32.7% 34%, transparent 34%;--rhoC: transparent 82.63%, var(--color4) 82.63% 83.98%, var(--color3) 83.98%;--rhoL: var(--color2) 16.02%, var(--color4) 16.02% 17.37%, transparent 17.37%;--fix-tr1: transparent 82.63%, var(--color4) 82.63% 83.98%, var(--color1) 83.98% 99.35%, var(--color4) 99.35%;--fix-tr2: transparent 83.1%, var(--color1) 83.1%;background:linear-gradient(45deg,var(--fix-tr1)) calc(var(--size) / 2) calc(var(--size) / 2),linear-gradient(-45deg,var(--fix-tr1)) calc(var(--size) / -2) calc(var(--size) / 2),linear-gradient(-45deg,var(--rhoC)) 0 calc(var(--size) / -2),linear-gradient(45deg,var(--rhoC)) 0 calc(var(--size) / -2),linear-gradient(to right,var(--color4) 1%,transparent 1% 99%,var(--color4) 99%),linear-gradient(45deg,var(--fix-tr2)) calc(var(--size) / 2.08) 0,linear-gradient(-45deg,var(--fix-tr2)) calc(var(--size) / -2.08) 0,linear-gradient(45deg,var(--dgn)),linear-gradient(-45deg,var(--dgn)),linear-gradient(45deg,var(--rhoL)) calc(var(--size) / 1) 0,linear-gradient(-45deg,var(--rhoL)) calc(var(--size) / -1) 0,linear-gradient(to right,transparent 24%,var(--color4) 24% 26%,transparent 26% 49%,var(--color4) 49% 51%,transparent 51% 74%,var(--color4) 74% 76%,transparent 76%);background-color:var(--color1);background-size:calc(var(--size) * 2) var(--size)}html:has([data-theme-light]:checked){main{--font-color: 25 25 25;--bg-dark: 255 255 255;--accent-light: 49 10 101;--accent-dark: 224 204 250}}html{background-repeat:initial;&:has(#hidden:checked){header,section{opacity:.06;pointer-events:none}}&:has(#fixed:checked){background-attachment:fixed!important}&:not(:has(#fixed:checked)){background-attachment:scroll!important}&:has(#reset:checked){background:rgb(var(--bg-dark))}}h3[data-astro-cid-s65qoayb]{font-family:Archivo Black,system-ui,sans-serif;font-size:40px;background:var(--lg3);background-clip:text;color:rgb(var(--accent-light) / 40%);margin-block:60px 20px;filter:drop-shadow(1px 1px 1px rgb(var(--bg-dark)))}p[data-astro-cid-s65qoayb]{color:rgb(var(--font-color));font-size:18px;font-weight:300;span{color:rgb(var(--accent-light))}}h3[data-astro-cid-s65qoayb],p[data-astro-cid-s65qoayb]{text-align:center}div[data-astro-cid-s65qoayb]:first-of-type{position:relative;color:rgb(var(--font-color));&:has([data-theme-light]:checked) label[data-astro-cid-s65qoayb]:active{color:rgb(var(--bg-dark))}}aside[data-astro-cid-s65qoayb]{position:sticky;top:10px;display:flex;justify-content:center;gap:15px;z-index:1;background-color:rgb(var(--bg-dark) / 10%);padding:12px 20px;border-radius:40px;overflow:clip;width:max-content;margin:40px auto;backdrop-filter:blur(3px)}label[data-astro-cid-s65qoayb]{padding:3px 15px;border-radius:20px;background:rgb(var(--bg-dark));border:2px solid rgb(var(--accent-light) / 60%);cursor:pointer;font-size:16px;letter-spacing:2px;display:inline-flex;align-items:center;gap:5px;user-select:none;box-shadow:3px 3px 4px rgb(var(--bg-dark));transition:border-color .2s;&:hover{border-color:rgb(var(--accent-light))}&:active{background:var(--lg)}}input[data-astro-cid-s65qoayb][type=checkbox]{appearance:none;border-radius:inherit;border:2px solid rgb(var(--accent-dark));outline:2px solid rgb(var(--accent-light) / 50%);background:var(--lg4);width:35px;aspect-ratio:2/1;position:relative;cursor:inherit;overflow:clip;transition:outline-color .5s;&:before{content:"";position:absolute;aspect-ratio:1;height:100%;inset:0;border:2px solid rgb(var(--accent-light) / 40%);background:var(--lg2);box-sizing:border-box;background-size:100% 200%;border-radius:inherit;box-shadow:0 0 5px 5px rgb(var(--accent-secondary));transition:left .2s ease-in,rotate .2s ease-in,box-shadow 1s,border-color .5s,background-position .2s linear}}label[data-astro-cid-s65qoayb]:has(input[type=checkbox]:checked){border-color:rgb(var(--accent-light));input{outline-color:rgb(var(--accent-light));&:before{left:55%;border-color:rgb(var(--accent-light));rotate:.5turn;background-position:20%;box-shadow:0 0 10px 5px rgb(var(--accent))}}}label[data-astro-cid-s65qoayb] input[data-astro-cid-s65qoayb][type=radio]{display:none}section[data-astro-cid-s65qoayb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;transition:opacity .5s}section[data-astro-cid-s65qoayb] div[data-astro-cid-s65qoayb]{position:relative;height:100%;aspect-ratio:1;border-radius:10px;box-shadow:0 0 3px 1px rgb(var(--accent-secondary));overflow:clip}input[data-astro-cid-s65qoayb][type=radio]:not(#reset){position:relative;margin:0;appearance:none;width:100%;height:100%;color:inherit;border-radius:inherit;border:1px solid rgb(var(--accent-light));background-attachment:local;transition:box-shadow .8s;&:before{content:"";position:absolute;inset:50%;background:var(--selected);background-size:20% 20%;transition:inset .2s}}button[data-astro-cid-s65qoayb],input[data-astro-cid-s65qoayb][type=radio]:not(#reset):after{position:absolute;font-size:20px;color:inherit;overflow:clip;letter-spacing:4px;background-color:rgb(var(--bg-dark) / 50%);display:inline-flex;justify-content:center;flex-wrap:wrap;box-sizing:border-box;rotate:-45deg;padding:0;line-height:5rem;cursor:pointer;border:none;border-radius:inherit;transition:inset .4s,transform .2s,background-color .2s}input[data-astro-cid-s65qoayb][type=radio]:not(#reset):after{content:"Preview";align-content:flex-end;inset:-12% 150% 40% -50%;border-bottom:1px dotted rgb(var(--accent-light))}button[data-astro-cid-s65qoayb]{inset:40% -50% -12% 150%;align-content:flex-start;border-top:1px dotted rgb(var(--accent-light))}section[data-astro-cid-s65qoayb] div[data-astro-cid-s65qoayb]:hover{input[type=radio]:not(#reset):after{right:0}button{left:0}button:hover,&:not(:has(button:hover)) input[type=radio]:not(#reset):after{background-color:rgb(var(--bg-dark) / 80%)}}input[data-astro-cid-s65qoayb][type=radio]:not(#reset):checked{box-shadow:inset 0 0 30px 10px rgb(var(--success));&:before{inset:0}}
