.supporter-features{--sf-paper:#07080b;--sf-card:#191919;--sf-ink:#f6f7f9;--sf-muted:rgba(246,247,249,0.66);color:var(--sf-ink);background:var(--sf-paper);border-radius:2rem;padding:clamp(3.5rem,6vw,6rem) 1.25rem clamp(3.5rem,5vw,5rem);margin-bottom:clamp(3.5rem,6vw,6rem);scroll-margin-top:7rem}.supporter-features ::-moz-selection{color:var(--sf-paper);background:var(--sf-ink)}.supporter-features ::selection{color:var(--sf-paper);background:var(--sf-ink)}.supporter-features-inner{max-width:82rem;margin-inline:auto}.supporter-features-heading{text-align:center;margin:0 auto clamp(2.5rem,5vw,5rem)}.supporter-features-heading h2{margin:0;font-size:clamp(2rem,1.2rem + 3.4vw,3.5rem);font-weight:600;letter-spacing:-.032em;line-height:1.04;text-wrap:balance}.supporter-features-heading>p{margin-top:1.5rem;color:var(--sf-muted);font-size:1rem;line-height:1.55;text-wrap:pretty}.supporter-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.supporter-feature{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;width:100%;min-height:32rem;aspect-ratio:.76;overflow:hidden;border-radius:1rem;background:var(--sf-card)}.supporter-feature-copy{position:relative;z-index:1;padding:clamp(1.5rem,2.25vw,2.25rem)}.supporter-feature-copy h3{margin:0;font-size:clamp(1.25rem,1.7vw,1.5rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}.supporter-feature-copy p{max-width:31ch;margin-top:.75rem;font-size:.9375rem;line-height:1.5;color:var(--sf-muted);text-wrap:pretty}.supporter-feature-art{position:relative;flex:1;min-height:0;pointer-events:none}.supporter-feature-art img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.supporter-feature--backgrounds .supporter-feature-copy{order:1}.supporter-feature-art--backgrounds{margin:0 -1.25rem -.5rem}.supporter-feature-art--avatars{margin:-.5rem -.25rem 0}.supporter-theme-preview{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}.supporter-theme-fan{position:relative;flex-shrink:0;width:100%;aspect-ratio:1.4;margin-block:1rem;isolation:isolate;pointer-events:none}.supporter-theme-sheet{position:absolute;top:14%;left:14%;display:flex;flex-direction:column;justify-content:space-between;width:72%;aspect-ratio:1.42;border-radius:.875rem;padding:1.125rem;color:#090a0e;box-shadow:0 15px 25px -16px rgb(9 10 14/45%);transform-origin:center 78%}.supporter-theme-name{margin-top:auto;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:600;line-height:1;letter-spacing:-.035em}.supporter-theme-sheet--custom .supporter-theme-name{font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.08}.supporter-theme-custom-tools{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.supporter-theme-custom-add{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid;border-radius:50%}.supporter-theme-custom-add svg{width:1.25rem;height:1.25rem}.supporter-theme-custom-colours{display:flex;gap:.25rem}.supporter-theme-custom-colours span{width:1.125rem;height:1.125rem;border:1px solid;border-radius:50%}.supporter-theme-controls{position:relative;flex-shrink:0;padding:0 1rem 1.5rem;text-align:center}.supporter-theme-swatches{display:flex;justify-content:center;gap:.125rem}.supporter-theme-swatch{display:grid;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer}.supporter-theme-swatch>span{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:50%;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;transition:transform .18s ease-out}.supporter-theme-swatch svg{width:1rem;height:1rem;color:var(--sf-paper)}.supporter-theme-swatch[aria-pressed=true]>span{outline:1.5px solid var(--sf-ink);outline-offset:3px}.supporter-theme-swatch:focus-visible{outline:2px solid var(--sf-ink);outline-offset:2px}.supporter-features-note{margin-top:1rem;color:var(--sf-muted);font-size:.75rem;line-height:1.5}.supporter-features-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem;margin-top:3.5rem}.supporter-feature-extra{display:flex;align-items:flex-start;gap:1rem}.supporter-feature-extra>svg{flex-shrink:0;width:1.625rem;height:1.625rem;margin-top:.125rem}.supporter-feature-extra h3{margin:0;font-size:.9375rem;font-weight:600;line-height:1.5;letter-spacing:-.01em}.supporter-feature-extra h3 span{display:inline-block;margin-left:.25rem;padding:.0625rem .4375rem;border-radius:.375rem;font-size:.75rem;line-height:1.5;vertical-align:.0625rem;background:var(--sf-ink);color:var(--sf-paper)}.supporter-feature-extra p{margin-top:.5rem;color:var(--sf-muted);font-size:.875rem;line-height:1.6;text-wrap:pretty}@media (hover:hover) and (prefers-reduced-motion:no-preference){.supporter-theme-swatch:hover>span{transform:scale(1.1)}}@media (min-width:640px){.supporter-features{padding-inline:2rem}}@media (min-width:1280px){.supporter-features{padding-inline:3rem}}@media (max-width:959px){.supporter-features-grid{grid-template-columns:1fr;max-width:35rem;margin-inline:auto;gap:1.25rem}.supporter-feature{min-height:30rem;aspect-ratio:.88}.supporter-feature-copy{padding:1.75rem}.supporter-feature-copy h3{font-size:1.5rem}.supporter-feature--backgrounds .supporter-feature-copy{order:0}.supporter-feature-art--backgrounds{margin:-1rem 0 0}.supporter-feature--themes{min-height:32rem}.supporter-theme-sheet{max-width:22rem;left:50%;margin-left:-36%}.supporter-theme-name{font-size:2rem}.supporter-features-extras,.supporter-features-note{max-width:35rem;margin-inline:auto}.supporter-features-extras{grid-template-columns:1fr;gap:1.75rem;margin-top:2.5rem}}@media (max-width:399px){.supporter-features{padding-inline:1rem;border-radius:1.25rem}.supporter-feature:not(.supporter-feature--themes){min-height:28rem}.supporter-feature-copy{padding:1.5rem}.supporter-theme-controls{padding-inline:.5rem}.supporter-theme-swatches{gap:0}}@media (prefers-reduced-motion:reduce){.supporter-theme-swatch>span{transition:none}}