:root{--blue1:rgb(153,193,241);--blue2:rgb(98,160,234);--blue3:rgb(53,132,228);--blue4:rgb(28,113,216);--blue5:rgb(26,95,180);--green1:rgb(143,240,164);--green2:rgb(87,227,137);--green3:rgb(51,209,122);--green4:rgb(46,194,126);--green5:rgb(38,162,105);--yellow1:rgb(249,240,107);--yellow2:rgb(248,228,92);--yellow3:rgb(246,211,45);--yellow4:rgb(245,194,17);--yellow5:rgb(229,165,10);--orange1:rgb(255,190,111);--orange2:rgb(255,163,72);--orange3:rgb(255,120,0);--orange4:rgb(230,97,0);--orange5:rgb(198,70,0);--red1:rgb(246,97,81);--red2:rgb(237,51,59);--red3:rgb(224,27,36);--red4:rgb(192,28,40);--red5:rgb(165,29,45);--purple1:rgb(220,138,221);--purple2:rgb(192,97,203);--purple3:rgb(145,65,172);--purple4:rgb(129,61,156);--purple5:rgb(97,53,131);--brown1:rgb(205,171,143);--brown2:rgb(181,131,90);--brown3:rgb(152,106,68);--brown4:rgb(134,94,60);--brown5:rgb(99,69,44);--light1:rgb(255,255,255);--light2:rgb(246,245,244);--light3:rgb(222,221,218);--light4:rgb(192,191,188);--light5:rgb(154,153,150);--dark1:rgb(119,118,123);--dark2:rgb(94,92,100);--dark3:rgb(61,56,70);--dark4:rgb(36,31,49);--dark5:rgb(0,0,0);--gnomeblue:#4a86cf;--text:#f6f5f4;--rounded-corner:12px;--pill:64px;--inter:InterVariable,"Inter Variable",Inter,sans-serif;--pagewidth:50rem;--grid-gap:3rem;--pagegridwidth:calc(var(--pagewidth) + (6 * var(--grid-gap)));--btnround:500px;--btn-fg:#000;--btn-bg:rgba(0,0,0,0.1);--fg-color:#000;--btn-fg-dark:#fff;--btn-bg-dark:rgba(255,255,255,0.12);--btnsqr:0.8rem;--bg-color:var(--light2);--narrowwidth:60%;--defaultsize:18px;--slickease:cubic-bezier(.17,.89,.32,1.28);--view-bg:#fff;--card-bg:rgba(0,0,0,0.03);--borders:rgba(0,0,0,0.09);font-feature-settings:'liga' 1,'calt' 1,'cv05' 1}@media (prefers-color-scheme:dark){:root{--fg-color:#eee;--bg-color:#111;--btn-fg:var(--btn-fg-dark);--btn-bg:var(--btn-bg-dark);--card-bg:rgba(255,255,255,0.08);--view-bg:#1d1d20;--borders:rgba(255,255,255,0.08)}}@media only screen and (max-width:600px){:root{--narrowwidth:100%;--grid-gap:1rem}}*{-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0;font-size:var(--defaultsize);font-family:var(--inter);font-style:normal;font-weight:400;line-height:1.6;letter-spacing:-0.01em;word-spacing:-0.01em;scroll-behavior:smooth}body{color:var(--fg-color);background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}strong{font-weight:600}h1,h2,h3,h4,h5,h6{margin:3rem 0 1rem;font-weight:bold;font-weight:800;line-height:1.25}h2:first-child{margin:1rem 0 1rem}.narrow{max-width:var(--narrowwidth);margin:1rem auto}.caption{max-width:30ch;margin:1rem auto}form{gap:1rem;display:flex;flex-direction:column;max-width:640px;margin:0 auto;span{font-size:smaller}}@media only screen and (max-width:600px){form{margin:0}}label{margin:1rem 0 0;font-weight:bold}textarea,input[type=text],input[type=email],input[type=submit]{outline:none;box-shadow:none;border-color:transparent;&::-moz-placeholder,&::-webkit-input-placeholder,&::placeholder{color:var(--fg-color);opacity:0.5}}textarea{padding:9px;resize:vertical}input[type=submit]{margin-top:3em}.form-container{width:100%;& *:not(.btn){text-align:left!important}}a{font-weight:600;text-decoration:none;color:var(--blue3);cursor:pointer;font-variation-settings:"wght" 600}a:hover{text-decoration:underline}a[href^="http"]:after{display:inline-block;margin-left:3px;content:url("/static/base/img/extlink.e8cdc0a30a65.svg?57f6ea33a7a2")}a[href^="http"]:has(img,svg):after,a.btn[href^="http"]:after{content:none}section{margin:0}.entry{min-height:34px;padding-left:9px;padding-right:9px;border-spacing:6px;border-radius:6px;background-color:var(--btn-bg);background-clip:padding-box;caret-color:var(--fg-color);color:var(--fg-color);border:2px solid transparent;&:focus{border:2px solid color-mix(in srgb,var(--blue2),transparent 50%)}}select.entry{appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}@media (prefers-color-scheme:dark){select.entry{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ccc' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}}.boxed-list{background-color:var(--view-bg);border-radius:9px;margin:8px 0;box-shadow:0 1px 3px 1px RGB(0 0 6 / 7%),0 2px 6px 2px RGB(0 0 6 / 3%);.row{padding:9px 12px;display:flex;flex-direction:row;font-weight:normal;border-bottom:1px solid var(--borders);&:last-child{border:none}label{font-size:smaller;margin:0}input{align-self:end}}}.switch-checkbox{position:absolute;opacity:0;width:0;height:0}.switch-row{margin:0;display:flex;gap:12px;cursor:pointer;justify-content:space-between;align-items:center;user-select:none;&.disabled{opacity:0.5}}.switch-label{width:calc(100% - 56px)}.switch-label-subtitle{display:block;opacity:0.5}.switch-visuals{position:relative;width:40px;height:24px;background-color:var(--btn-bg);border-radius:12px;transition:background-color 200ms var(--slickease);&::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background-color:var(--light1);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.14);transition:transform 200ms var(--slickease)}}.switch-checkbox:checked + .switch-row .switch-visuals{background-color:var(--blue2)}.switch-checkbox:checked + .switch-row .switch-visuals::after{transform:translateX(16px)}.btn{font-weight:600;font-variation-settings:"wght" 600;color:var(--btn-fg);background-color:var(--btn-bg);fill:var(--btn-fg);display:inline-block;font-size:100%;white-space:nowrap;padding:0.6rem 1.5rem;margin:.3rem;max-width:20rem;vertical-align:middle;text-align:center;text-decoration:none;border-radius:var(--btnround);box-shadow:0 0 0 0 var(--btn-bg);min-width:4rem;transition:box-shadow 200ms var(--slickease);&:hover{box-shadow:0 0 0 2px var(--btn-bg);text-decoration:none}&.standalone{display:block;padding:0.6rem 2rem;margin:1rem auto;max-width:18ch}&.disabled{opacity:0.5}&>svg{margin-right:6px;vertical-align:middle;display:inline-block;width:20px;height:20px}}.btn.receipt-submit{max-width:none;width:fit-content}button.btn{appearance:none;border:none;cursor:pointer}@media (prefers-color-scheme:dark){.btn{color:var(--btn-fg-dark);background-color:var(--btn-bg-dark);fill:var(--btn-fg-dark);&:hover{box-shadow:0 0 0 2px var(--btn-bg-dark)}}}.btn.suggested{font-weight:700;font-variation-settings:"wght" 700;background-color:var(--gnomeblue);color:var(--light1);box-shadow:0 0 0 0 var(--gnomeblue);transition:box-shadow 200ms var(--slickease);&:hover{background-color:var(--blue3);box-shadow:0 0 0 2px var(--blue3)}&:active{background-color:var(--blue2)}&.disabled{background-color:var(--btn-bg)}}.btn.donate{font-weight:700;font-variation-settings:"wght" 700;background-color:var(--yellow3);color:var(--btn-fg);box-shadow:0 0 0 0 var(--yellow3);transition:box-shadow 200ms var(--slickease);&:hover{background-color:var(--yellow2);box-shadow:0 0 0 2px var(--yellow2)}&:active{background-color:var(--yellow1)}}@media (prefers-color-scheme:dark){.btn.donate{color:color-mix(in srgb,var(--yellow5),black 80%)}}.container{margin:2rem 0;padding:0;display:grid;flex-grow:1;gap:0 var(--grid-gap);grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(5,minmax(1rem,calc(var(--pagewidth)/5))) [main-end] minmax(0,1fr) [full-end]}.container *{grid-column:main}.full{grid-column:full;text-align:center}.left-text{grid-column:2/5;align-self:center;&.top{align-self:start}}.right-img{grid-column:5/-1;overflow:hidden}.right-text{grid-column:4/7;align-self:center}.left-img{grid-column:1/4;overflow:hidden;justify-self:end}@media only screen and (max-width:700px){.left-text{grid-column:main}.right-img{grid-column:main;order:-1;& img{max-width:100%}}.right-text{grid-column:main}.left-img{grid-column:main;& img{max-width:100%}}}.small-print{font-size:0.9em;text-align:center;max-width:26em;margin:1rem auto}.message{font-size:smaller;border-radius:9px;padding:0.5em 2em;margin:1em auto;text-align:center;max-width:90%;background-color:color-mix(in srgb,var(--bg-color),var(--blue2) 40%);color:color-mix(in srgb,var(--fg-color),var(--blue2) 10%);&.hidden{display:none;visibility:hidden}&.inline{padding:0;margin:0 auto;background-color:transparent!important;color:var(--blue2);&.warning{color:var(--yellow5)}&.error{color:var(--red3)}}&.warning{background-color:color-mix(in srgb,var(--bg-color),var(--yellow4) 80%);color:var(--light1)}&.error{background-color:color-mix(in srgb,var(--bg-color),var(--red4) 80%);color:var(--light1)}}@media (prefers-color-scheme:dark){.message.inline{&.warning{color:var(--yellow3)}}}.icon-shadow{filter:drop-shadow(0 0.08rem 0.1rem rgba(0,0,0,0.35)) drop-shadow(0 0.4rem 0.7rem rgba(0,0,0,0.18))}.hero{flex-shrink:0;color:var(--dark5);background:linear-gradient(60deg,color-mix(in srgb,var(--yellow4),transparent 50%),color-mix(in srgb,var(--blue2),transparent 50%));background-size:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;& .title{font-weight:500;font-size:1.4rem}& a{color:inherit}& .btn{color:var(--btn-fg);background-color:transparent;box-shadow:0 0 0 2px var(--btn-fg);&:hover{box-shadow:0 0 0 4px var(--btn-fg)}&.suggested{color:var(--light1);background-color:var(--blue3);border:2px solid var(--blue3);box-shadow:0 0 0 0 var(--blue3);&:hover{box-shadow:0 0 0 3px var(--blue3)}}}}.hero.compact{min-height:10vh;& div{width:100%;max-width:var(--pagegridwidth)}& div>p,& div>h1{text-align:start;margin:0 0 1rem 0;padding:0 var(--grid-gap)}}.hero section.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:var(--pagegridwidth);margin:1rem auto;padding:0 var(--grid-gap)}@media only screen and (max-width:700px){.hero section.header{flex-direction:column}.hero section.header .nav{justify-content:center;& .btn{box-shadow:none}}}#logo{font-weight:900;font-size:1.4rem;& svg{fill:currentColor;height:4ex}& a{text-decoration:none;color:var(--dark5);font-weight:inherit;font-variation-settings:inherit}}section.header ul.nav{min-height:62px;margin:0 0 0 -2em;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;align-items:center;max-width:var(--pagewidth)}section.header li{list-style:none;margin-bottom:1rem}ul.nav a{display:inline-block;padding:0.3rem 1rem;text-decoration:none;font-weight:500;color:#000;border-radius:var(--btnround);transition:box-shadow 300ms ease-out;margin:0rem 0.1rem;&:hover{background-color:rgba(0,0,0,0.05)}&[href^="http"]:after{content:url("/static/base/img/extlink-d.1c6990de25e6.svg?57f6ea33a7a2");filter:invert(1)}&.active{background-color:rgba(0,0,0,0.1);&:hover{cursor:default}}}ul.nav p{display:inline-block;padding:0.3rem 1rem;margin:0}@media (prefers-color-scheme:dark){.hero{color:var(--light1);background:linear-gradient(60deg,color-mix(in srgb,var(--purple5),transparent 50%),color-mix(in srgb,var(--blue2),transparent 50%))}ul.nav a{color:rgba(255,255,255,.9);&:hover{background-color:rgba(255,255,255,0.1)}&[href^="http"]:after{filter:invert(0)}&.active{background-color:rgba(255,255,255,0.2)}}#logo a{color:var(--light1)}}#nav-donate{margin:0rem 0.2rem;p& {border:1px solid transparent}}#one-time{.cards{grid-template-columns:1fr;min-height:320px;.card{justify-self:center;max-width:480px;margin:0}&.two-column{grid-template-columns:repeat(2,1fr)}}.entry{padding:12px;border-radius:9px;font-size:var(--defaultsize)}#suggestion{justify-content:center;gap:0.5rem;opacity:0;display:none;&.visible{display:flex}&.fade-in{opacity:1;transition:opacity 300ms var(--slickease)}.btn{text-align:center}img{height:96px;width:96px}}}@media only screen and (max-width:950px){#one-time .cards{grid-template-columns:1fr;.card{width:100%}&.two-column{grid-template-columns:repeat(1,1fr)}}}#supporters{text-align:center;background:var(--light1)}@media (prefers-color-scheme:dark){#supporters{background-color:var(--dark3)}}#sponsors,#friends-of-gnome{display:flex;gap:3rem;margin:4rem 0;flex-wrap:wrap}#sponsors{justify-content:center}.sponsors a{display:block;max-height:40px;transition:all 300ms ease-out}.sponsors a svg{height:30px}.sponsors a:hover{transform:scale(1.1)}#friends-of-gnome{justify-content:space-between}.friend-member{display:flex;flex-direction:column;align-items:center;gap:0.5rem;flex-basis:100px}.friend-member img{width:60px;height:60px;border-radius:30px}.friend-member .member-name{font-size:0.9rem;text-align:center;max-width:120px;word-wrap:break-word}#activate{}#avatar-preview{display:flex;flex-direction:column;align-items:center;gap:0.5rem;&.hidden{display:none}img{height:60px;width:60px}span{margin:0;opacity:0.6;font-weight:bold;font-size:smaller}}#success{text-align:center;justify-self:center;margin-top:3em;max-width:800px;h1{margin-top:0}.btn{margin-top:2rem}.avatar>img{height:128px;width:128px;border-radius:50%;align-self:center;margin:0 auto}}#share-widget{#links-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;justify-content:center;margin:2em auto;max-width:320px;.sharelink{opacity:0.6;transition:all 300ms var(--slickease);flex-basis:20%;align-self:flex-start;height:40px;width:40px;&:hover{opacity:0.8}&:active{opacity:1}}@media only screen and (max-width:480px){.sharelink{flex-basis:30%}}@media (prefers-color-scheme:dark){.sharelink{filter:invert(1)}}}}.container .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0.5rem 0 3rem}.card{grid-column:auto;text-decoration:none;background-color:var(--card-bg);color:var(--fg-color);padding:2em;border-radius:24px;gap:1rem;display:flex;flex-direction:column;justify-content:flex-start;&.flat{background-color:transparent}& *{text-align:center}& h2,h4{margin:0;font-size:1.2rem}& p{margin:0}& ul{padding:0;padding-left:1rem;font-size:smaller;li{text-align:left}}& img{height:192px;width:192px;align-self:center;justify-self:center;opacity:0.8}& .btn{width:calc(100% - 2em);margin-top:auto;align-self:center}& .btn-group{margin-top:auto;align-self:center;.btn{width:calc(100% - 2em);margin-top:6px}}}@media only screen and (max-width:1024px){.container .cards{grid-template-columns:1fr}.card{justify-self:center;width:480px}}@media only screen and (max-width:480px){.card{width:100%}}.colored-row{background-color:var(--light1);padding:2rem 0;.container{margin-top:0}}@media (prefers-color-scheme:dark){.colored-row{background-color:var(--purple5)}}.donations{position:relative;&>div{width:100%;text-align:center;font-size:120%;font-weight:bold;position:absolute}}.container:has(+ footer){margin-bottom:4rem}footer{background-color:#1a1622;padding:2rem 0 4rem;color:white;text-align:center;flex-shrink:0;& a{text-decoration:none;font-weight:600;color:white;display:block;margin:auto}& .copy{font-size:70%}}footer a[href^="http"]:after,ul.nav a[href^="http"]:after{content:none}ul.bottomlinks{column-width:12rem;column-gap:12px;line-height:1.8rem;max-width:var(--pagegridwidth);margin:0 auto 4rem;& li{display:block;list-style:none;text-align:left;white-space:nowrap;>a{font-weight:400;text-decoration:underline;text-decoration-color:rgba(255,255,255,0);transition:all 200ms ease-out;&:hover{text-decoration-color:rgba(255,255,255,1)}&.btn{margin:0;margin-top:1em;padding:0.4em 3em}}}}@media only screen and (max-width:600px){ul.bottomlinks{font-size:80%;column-count:2;column-width:auto}}a.social{width:32px;height:32px;margin:0}.socials{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;margin:48px 6px 0 0;gap:12px}.social{fill:rgba(255,255,255,0.6);transition:all 200ms ease-out}.social:hover{fill:rgba(255,255,255,1)}