.toaster{--width:35rem;--height:4.5rem;position:absolute;inset-block-end:6rem;inset-inline-end:4.5rem}.toaster:has(:hover) .toast{transform:translateY(calc((var(--height) + 1rem) * -1 * var(--toasts-before))) scaleX(1)}.toast{width:var(--width);height:var(--height);background:var(--colour-background);color:var(--colour-foreground);transform:translateY(calc(-1rem * var(--toasts-before))) scaleX(calc(-1 * var(--toasts-before) * .05 + 1));border:.1rem solid #767676;border-radius:.1rem;justify-content:space-between;align-items:center;padding-inline:1.5rem .7rem;font-size:1.5rem;transition:all .3s ease-out;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 4px 24px #0000004d}.toast:before{content:"";height:1rem;display:block;position:absolute;inset-block-start:-1rem;inset-inline:0}.toast:after{content:"";height:.2rem;width:var(--progress);background-color:red;display:block;position:absolute;inset-block-end:0;inset-inline-start:0}.toast .close{all:unset;opacity:0;cursor:pointer;padding-inline:1rem;font-size:2rem}.toast .close:hover{background-color:color-mix(in srgb, var(--colour-foreground), transparent 80%)}:is(.toast:not([data-duration]),.toast:hover) .close{opacity:1}.toast.default{background:#323232;border-color:#222}.toast.default:after{content:"";background-color:#bdbdbd;display:block;position:absolute}.toast.info{background:#1976d2;border-color:#0d47a1}.toast.info:after{content:"";background-color:#64b5f6;display:block;position:absolute}.toast.success{background:#2e7d32;border-color:#1b5e20}.toast.success:after{content:"";background-color:#66bb6a;display:block;position:absolute}.toast.error{background:#c62828;border-color:#8e0000}.toast.error:after{content:"";background-color:#ef5350;display:block;position:absolute}.popup-overlay{background-color:#00000059;animation:.2s ease-out fadeIn;position:absolute;inset:0}.popup-overlay:has(.popup-content[data-hide]){animation:.2s ease-in forwards fadeOut}.popup-content{background-color:var(--colour-floating-background);border:1px solid color-mix(in srgb, var(--colour-foreground), transparent 85%);opacity:0;border-radius:.5rem;flex-direction:column;width:min(48rem,100% - 2rem);max-height:calc(100% - 4rem);margin-inline:auto;display:flex;position:absolute;inset-block-start:2rem;inset-inline:0;overflow:hidden;transform:translateY(-.5rem);box-shadow:0 .5rem 1.5rem #00000059}.popup-content[data-show]{animation:.2s ease-out forwards popupIn}.popup-content[data-hide]{animation:.2s ease-in forwards popupOut}.popup-header{justify-content:space-between;align-items:center;padding:1rem 1rem .5rem 1.5rem;display:flex}.popup-header h2{color:var(--colour-foreground);margin:0;font-size:1.5rem;font-weight:600}.popup-close{color:var(--colour-foreground);cursor:pointer;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.5rem;font-size:1.5rem;transition:background-color .2s;display:flex}.popup-close:hover{background-color:color-mix(in srgb, var(--colour-foreground), transparent 90%)}.popup-close:focus{outline:.2rem solid var(--colour-blue);outline-offset:.1rem}.popup-body{flex:1;padding:1rem 1.5rem 0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes popupOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@media (prefers-reduced-motion:reduce){.popup-overlay,.popup-content{animation-duration:1ms!important}}@media (width<=768px){.popup-content{max-height:calc(100% - 2rem);inset-block-start:1rem}.popup-header{padding:1rem .75rem .25rem 1rem}.popup-header h2{font-size:1.25rem}.popup-body{padding:.75rem 1rem 0}}.collection-form{color:var(--colour-foreground);flex-direction:column;gap:1.25rem;display:flex}.collection-form label{flex-direction:column;gap:.4rem;display:flex}.collection-form label span{font-weight:600}.collection-form input[type=text]{color:var(--colour-foreground);background-color:#4c4c4c;border:.15rem solid #767676;border-radius:.2rem;outline:none;padding:.5rem .7rem}.collection-form input[type=text]:focus{border-color:var(--colour-blue)}.collection-form .chip-group{border:none;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.collection-form .chip-group legend{margin-block-end:.5rem;padding:0;font-weight:600}.collection-form .chip{color:var(--colour-foreground);cursor:pointer;background:#464646;border:.05rem solid #bdbdbd;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.9em;font-weight:500;transition:all .1s;display:flex}.collection-form .chip:hover{background:#767676}.collection-form .chip[aria-pressed=true]{background:#486649;border-color:#4caf50}.collection-form .collection-form-actions{background-color:var(--colour-floating-background);justify-content:flex-end;gap:.5rem;padding-block:1rem 1.5rem;display:flex;position:sticky;inset-block-end:0}.collection-form .collection-form-actions:before{content:"";background-color:color-mix(in srgb, var(--colour-foreground), transparent 80%);height:1px;display:block;position:absolute;inset-block-start:0;inset-inline:0}.collection-form .collection-form-actions button{color:var(--colour-foreground);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:.3rem;padding:.5rem 1rem;transition:background-color .15s}.collection-form .collection-form-actions button:hover{background:#ffffff1f}.collection-form .collection-form-actions button[type=submit]{border-color:var(--colour-blue);background:color-mix(in srgb, var(--colour-blue) 30%, #464646)}.collection-form .collection-form-actions button[data-action=delete-collection]{border-color:var(--colour-red);color:var(--colour-red);margin-inline-end:auto}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--black:#000;--white:#fff;--primary:#cf101a;--secondary:#333;--colour-pokedex-red:#aa3030;--colour-pokedex-light-red:#d14444;--colour-foreground:#e7e7e6;--colour-background:#464646;--colour-floating-background:color-mix(in srgb, var(--colour-background), black 8%);--colour-blue:#6ea4bb;--colour-red:#c04c4b;--colour-yellow:#f0dba5;--type-normal:#a8a77a;--type-fire:#ee8130;--type-water:#6390f0;--type-electric:#f7d02c;--type-grass:#7ac74c;--type-ice:#96d9d6;--type-fighting:#c22e28;--type-poison:#a33ea1;--type-ground:#e2bf65;--type-flying:#a98ff3;--type-psychic:#f95587;--type-bug:#a6b91a;--type-rock:#b6a136;--type-ghost:#735797;--type-dragon:#6f35fc;--type-dark:#705746;--type-steel:#b7b7ce;--type-fairy:#d685ad;--type-strength:10%;--type-border-strength:50%;--colour-lucky:#f5c542;--lucky-strength:35%;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{font-size:18px;line-height:1.5;overflow:hidden}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}:target{scroll-margin-block:5ex}body{-webkit-user-select:none;user-select:none;background-color:var(--colour-pokedex-red);flex-direction:column;height:100vh;display:flex}header{z-index:10;background-color:var(--colour-pokedex-light-red);height:1rem;position:relative}header:before{content:"";border-top:2.9rem solid var(--colour-pokedex-light-red);border-right:2rem solid #0000;width:8.5rem;height:0;display:block;position:absolute}header svg{pointer-events:none;transform-origin:0 0;position:relative;inset-block-start:.2rem;inset-inline-start:.5rem;transform:scale(.5)}@media only screen and (width>=600px){header{height:3.5rem}header svg{transform:scale(1)}header:before{content:"";border-top-width:5.5rem;border-right-width:4rem;width:16rem;display:block;position:absolute}}main{background-color:var(--colour-background);border-radius:1rem;flex-direction:column;flex:0 100%;margin:1rem;padding:1rem 2.5rem 3rem;display:flex;position:relative;overflow:hidden}@media only screen and (width>=600px){main{border-end-start-radius:3rem}}main:after{content:"";z-index:1000;pointer-events:none;--stripe-colour:rgb(from var(--colour-foreground) r g b / 3%);background:linear-gradient(120deg, transparent 0%, transparent 0%, transparent 19%, var(--stripe-colour) 20%, var(--stripe-colour) 30%, transparent 31%, transparent 62%, var(--stripe-colour) 63%, var(--stripe-colour) 67%, transparent 68%, transparent 69%, var(--stripe-colour) 70%, var(--stripe-colour) 80%, transparent 81%, transparent 100%, transparent 100%);display:block;position:absolute;inset:0}main .controls{flex-direction:row;justify-content:flex-end;gap:.5rem;margin-block-end:1rem;display:flex}main .controls button{cursor:pointer;color:var(--colour-foreground);background:#ffffff0d;border:1px solid #ffffff4d;border-radius:.3rem;justify-content:center;align-items:center;padding:.5rem .7rem;transition:all .15s;display:flex}main .controls button span{white-space:nowrap;max-width:0;transition:max-width .5s,margin-left .15s;overflow:hidden}main .controls button:hover{background:#ffffff1f;transform:translateY(-1px)}main .controls button:hover span{max-width:100px;margin-left:.5rem}main .controls button:active{background:#ffffff14;transform:translateY(.5px)}main .controls button i{color:var(--colour-foreground);font-size:1rem}main .search{background-color:#4c4c4c;border:.15rem solid #767676;border-radius:.2rem;align-items:center;gap:.4rem;margin-bottom:1em;padding-inline:.4rem;display:flex;box-shadow:0 1px 2px #0000000a}main .search input[type=search]{height:2.5em;color:var(--colour-foreground);background:0 0;border:none;outline:none;flex:1;margin:.2rem;padding:0 .5em;font-size:1.2em}main .search .dropdown{position:relative}main .search .dropdown .dropdown-toggle{all:unset;cursor:pointer;color:var(--colour-foreground);align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .1s;display:flex}main .search .dropdown .dropdown-toggle .dropdown-arrow{fill:var(--colour-foreground)}main .search .dropdown .dropdown-menu{position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-end:0}main .search .dropdown.active .dropdown-toggle,main .search .dropdown .dropdown-toggle:hover{background-color:color-mix(in srgb, var(--colour-foreground), transparent 90%)}main .search .dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}main .content{flex:0 100%;position:relative;overflow:hidden}main .content .grid{position:absolute;inset:0}main .dropdown-menu{z-index:1000;background-color:var(--colour-floating-background);border:1px solid color-mix(in srgb, var(--colour-foreground), transparent 85%);opacity:0;visibility:hidden;border-radius:.5rem;min-width:16rem;padding:.3rem;transition:all .2s;transform:translateY(-.5rem);box-shadow:0 .5rem 1.5rem #00000059}main .dropdown-menu .dropdown-item{color:var(--colour-foreground);cursor:pointer;border-radius:.3rem;align-items:center;gap:.6rem;padding:.6rem .9rem;transition:background-color .1s;display:flex;position:relative}main .dropdown-menu .dropdown-item.dropdown-action{opacity:.8;font-size:.9em}main .dropdown-menu .dropdown-item:not(.dropdown-action)+.dropdown-action{margin-top:.6rem}main .dropdown-menu .dropdown-item:not(.dropdown-action)+.dropdown-action:before{content:"";background-color:color-mix(in srgb, var(--colour-foreground), transparent 80%);height:1px;display:block;position:absolute;inset-block-start:-.3rem;inset-inline:.7rem}main .dropdown-menu .dropdown-item:hover{background-color:color-mix(in srgb, var(--colour-foreground), transparent 90%)}main .dropdown-menu .dropdown-item.active{font-weight:600}main .dropdown-menu .dropdown-item.active:before{content:"";background-color:var(--colour-pokedex-light-red);border-radius:3px;width:3px;display:block;position:absolute;inset-block:.5rem;inset-inline-start:0}main .dropdown-menu .dropdown-item .dropdown-check{color:var(--colour-pokedex-light-red);margin-inline-start:auto}main [data-action=toggle-tag] .state-icon{text-align:center;width:1rem;display:none}main [data-action=toggle-tag][data-state=on] .state-icon.on{color:#4caf50;display:inline-block}main [data-action=toggle-tag][data-state=mixed] .state-icon.mixed{color:var(--colour-yellow);display:inline-block}main [data-action=toggle-tag][data-state=off] .state-icon.off{opacity:.5;display:inline-block}main .selection-bar{background-color:#0000004d;border-radius:999px;grid-template-columns:1fr auto 1fr;grid-template-areas:"count tags clear";grid-auto-rows:minmax(1.75rem,auto);align-items:center;gap:.5rem 1rem;margin-top:1em;padding:.4rem 1rem;display:grid}@media only screen and (width<=900px){main .selection-bar{border-radius:1.25rem;grid-template-columns:1fr auto;grid-template-areas:"count clear""tags tags"}}main .selection-bar .selection-count{white-space:nowrap;grid-area:count;font-weight:600}main .selection-bar .selection-tags{flex-wrap:wrap;grid-area:tags;justify-content:center;gap:.5rem;display:flex}main .selection-bar button{color:var(--colour-foreground);cursor:pointer;background:#464646;border:.05rem solid #bdbdbd;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.95em;font-weight:500;transition:all .1s;display:flex}main .selection-bar button:hover{background:#767676}main .selection-bar button[data-state=on]{background:#486649;border-color:#4caf50}main .selection-bar button[data-state=on]:hover{background:#49754b}main .selection-bar button[data-state=mixed]{border-color:var(--colour-yellow);background:color-mix(in srgb, var(--colour-yellow) 25%, #464646)}main .selection-bar button[data-state=mixed]:hover{background:color-mix(in srgb, var(--colour-yellow) 40%, #464646)}main .selection-bar button[data-action=clear-selection]{grid-area:clear;justify-self:end}main .selection-bar:not([data-has-selection]) button[data-action=clear-selection]{display:none}main .grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));align-content:start;gap:1rem;padding:.2rem 1rem;display:grid;overflow-y:scroll}main .grid .pokemon{--type-fill:linear-gradient(135deg, color-mix(in srgb, var(--type-1,transparent) var(--type-strength), transparent), color-mix(in srgb, var(--type-2,var(--type-1,transparent)) var(--type-strength), transparent));--type-border:linear-gradient(135deg, color-mix(in srgb, var(--type-1,#5a5a5a) var(--type-border-strength), #5a5a5a), color-mix(in srgb, var(--type-2,var(--type-1,#5a5a5a)) var(--type-border-strength), #5a5a5a));background:var(--lucky-fill,none) padding-box, var(--type-fill) padding-box, linear-gradient(#4c4c4c, #4c4c4c) padding-box, var(--lucky-border,none) border-box, var(--type-border) border-box;border:.15rem solid #0000;border-radius:.5rem;grid-template-columns:1.5rem 1fr 1.5rem;grid-template-areas:".number shiny""icon icon icon""name name name";align-items:center;row-gap:.5rem;padding:.5rem;display:grid;position:relative}main .grid .pokemon[data-type-1=normal]{--type-1:var(--type-normal)}main .grid .pokemon[data-type-2=normal]{--type-2:var(--type-normal)}main .grid .pokemon[data-type-1=fire]{--type-1:var(--type-fire)}main .grid .pokemon[data-type-2=fire]{--type-2:var(--type-fire)}main .grid .pokemon[data-type-1=water]{--type-1:var(--type-water)}main .grid .pokemon[data-type-2=water]{--type-2:var(--type-water)}main .grid .pokemon[data-type-1=electric]{--type-1:var(--type-electric)}main .grid .pokemon[data-type-2=electric]{--type-2:var(--type-electric)}main .grid .pokemon[data-type-1=grass]{--type-1:var(--type-grass)}main .grid .pokemon[data-type-2=grass]{--type-2:var(--type-grass)}main .grid .pokemon[data-type-1=ice]{--type-1:var(--type-ice)}main .grid .pokemon[data-type-2=ice]{--type-2:var(--type-ice)}main .grid .pokemon[data-type-1=fighting]{--type-1:var(--type-fighting)}main .grid .pokemon[data-type-2=fighting]{--type-2:var(--type-fighting)}main .grid .pokemon[data-type-1=poison]{--type-1:var(--type-poison)}main .grid .pokemon[data-type-2=poison]{--type-2:var(--type-poison)}main .grid .pokemon[data-type-1=ground]{--type-1:var(--type-ground)}main .grid .pokemon[data-type-2=ground]{--type-2:var(--type-ground)}main .grid .pokemon[data-type-1=flying]{--type-1:var(--type-flying)}main .grid .pokemon[data-type-2=flying]{--type-2:var(--type-flying)}main .grid .pokemon[data-type-1=psychic]{--type-1:var(--type-psychic)}main .grid .pokemon[data-type-2=psychic]{--type-2:var(--type-psychic)}main .grid .pokemon[data-type-1=bug]{--type-1:var(--type-bug)}main .grid .pokemon[data-type-2=bug]{--type-2:var(--type-bug)}main .grid .pokemon[data-type-1=rock]{--type-1:var(--type-rock)}main .grid .pokemon[data-type-2=rock]{--type-2:var(--type-rock)}main .grid .pokemon[data-type-1=ghost]{--type-1:var(--type-ghost)}main .grid .pokemon[data-type-2=ghost]{--type-2:var(--type-ghost)}main .grid .pokemon[data-type-1=dragon]{--type-1:var(--type-dragon)}main .grid .pokemon[data-type-2=dragon]{--type-2:var(--type-dragon)}main .grid .pokemon[data-type-1=dark]{--type-1:var(--type-dark)}main .grid .pokemon[data-type-2=dark]{--type-2:var(--type-dark)}main .grid .pokemon[data-type-1=steel]{--type-1:var(--type-steel)}main .grid .pokemon[data-type-2=steel]{--type-2:var(--type-steel)}main .grid .pokemon[data-type-1=fairy]{--type-1:var(--type-fairy)}main .grid .pokemon[data-type-2=fairy]{--type-2:var(--type-fairy)}main .grid .pokemon[hidden]{display:none}main .grid .pokemon{content-visibility:auto;contain-intrinsic-size:auto 10rem auto 219px;cursor:pointer;transition:border-color .1s,background-color .1s}main .grid .pokemon:hover{--type-strength:20%;--type-border-strength:100%}main .grid .pokemon[data-tags~=lucky]{--lucky-fill:linear-gradient(to top, color-mix(in srgb, var(--colour-lucky) var(--lucky-strength), transparent), transparent 60%);--lucky-border:linear-gradient(to top, var(--colour-lucky), transparent 60%)}main .grid .pokemon[data-tags~=shiny]:after{content:"";background-color:var(--colour-yellow);grid-area:shiny;width:1.75rem;height:1.75rem;position:absolute;inset-inline-end:.25rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 5Q12.2 11.8 19 14Q12.2 16.2 10 23Q7.8 16.2 1 14Q7.8 11.8 10 5ZM19 .5Q20.1 3.9 23.5 5Q20.1 6.1 19 9.5Q17.9 6.1 14.5 5Q17.9 3.9 19 .5Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 5Q12.2 11.8 19 14Q12.2 16.2 10 23Q7.8 16.2 1 14Q7.8 11.8 10 5ZM19 .5Q20.1 3.9 23.5 5Q20.1 6.1 19 9.5Q17.9 6.1 14.5 5Q17.9 3.9 19 .5Z'/%3E%3C/svg%3E") 50%/contain no-repeat}main .grid .pokemon.selected{border-color:var(--colour-blue);background:color-mix(in srgb, var(--colour-blue), #4c4c4c 80%)}main .grid .pokemon .number{text-align:center;grid-area:number}main .grid .pokemon .number span{opacity:.1;font-weight:600}main .grid .pokemon .name{text-align:center;overflow-wrap:break-word;grid-area:name;font-weight:600}main .grid .pokemon .icon{aspect-ratio:1;grid-area:icon;justify-self:center;width:100%;max-width:128px;position:relative}main .grid .pokemon .icon:before{content:"";opacity:.08;background:linear-gradient(#0000 calc(50% - .1rem),currentColor calc(50% - .1rem) calc(50% + .1rem),#0000 calc(50% + .1rem));border:.2rem solid;border-radius:50%;transition:opacity .2s;display:block;position:absolute;inset:20%}main .grid .pokemon .icon img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .2s,filter .2s;position:absolute;inset:0}main .grid .pokemon .icon.loaded:before{opacity:0}main .grid .pokemon .icon.loaded img{opacity:1}main .grid .pokemon .icon.uncaught.loaded img{filter:grayscale();opacity:.6}main .grid .pokemon[data-tags~=lucky] .icon{background-image:radial-gradient(circle closest-side, color-mix(in srgb, var(--colour-lucky) calc(10% + (sin(var(--seed) * 4.43) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--white) calc(10% + (sin(var(--seed) * 7.96) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--colour-lucky) calc(10% + (sin(var(--seed) * 11.49) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--white) calc(10% + (sin(var(--seed) * 15.02) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--colour-lucky) calc(10% + (sin(var(--seed) * 18.55) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--white) calc(10% + (sin(var(--seed) * 22.08) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--colour-lucky) calc(10% + (sin(var(--seed) * 25.61) * .5 + .5) * 25%), transparent) 97%, transparent), radial-gradient(circle closest-side, color-mix(in srgb, var(--white) calc(10% + (sin(var(--seed) * 29.14) * .5 + .5) * 25%), transparent) 97%, transparent);background-size:calc(20% + (sin(var(--seed) * 1.78) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 1.78) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 3.15) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 3.15) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 4.52) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 4.52) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 5.89) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 5.89) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 7.26) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 7.26) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 8.63) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 8.63) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 10) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 10) * .5 + .5) * 30%), calc(20% + (sin(var(--seed) * 11.37) * .5 + .5) * 30%) calc(20% + (sin(var(--seed) * 11.37) * .5 + .5) * 30%);background-position:calc((sin(var(--seed) * 3.41) * .5 + .5) * 100%) calc((sin(var(--seed) * 5.59) * .5 + .5) * 100%), calc((sin(var(--seed) * 5.52) * .5 + .5) * 100%) calc((sin(var(--seed) * 8.48) * .5 + .5) * 100%), calc((sin(var(--seed) * 7.63) * .5 + .5) * 100%) calc((sin(var(--seed) * 11.37) * .5 + .5) * 100%), calc((sin(var(--seed) * 9.74) * .5 + .5) * 100%) calc((sin(var(--seed) * 14.26) * .5 + .5) * 100%), calc((sin(var(--seed) * 11.85) * .5 + .5) * 100%) calc((sin(var(--seed) * 17.15) * .5 + .5) * 100%), calc((sin(var(--seed) * 13.96) * .5 + .5) * 100%) calc((sin(var(--seed) * 20.04) * .5 + .5) * 100%), calc((sin(var(--seed) * 16.07) * .5 + .5) * 100%) calc((sin(var(--seed) * 22.93) * .5 + .5) * 100%), calc((sin(var(--seed) * 18.18) * .5 + .5) * 100%) calc((sin(var(--seed) * 25.82) * .5 + .5) * 100%);background-repeat:no-repeat}footer{text-align:right;padding:0 5rem;font-size:.8rem;font-weight:300}footer h1{opacity:.9;color:var(--colour-foreground);margin:.1rem 0 .5rem}