:where(html) {
  --font-system-ui: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;
  --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;
  --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
  --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
  --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
  --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
  --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;
  --font-monospace-code: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;
  --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;
  --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;
  --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;
  --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;
  --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;
  --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
  --font-sans: var(--font-system-ui);
  --font-serif: ui-serif, serif;
  --font-mono: var(--font-monospace-code);
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --font-weight-8: 800;
  --font-weight-9: 900;
  --font-lineheight-00: .95;
  --font-lineheight-0: 1.1;
  --font-lineheight-1: 1.25;
  --font-lineheight-2: 1.375;
  --font-lineheight-3: 1.5;
  --font-lineheight-4: 1.75;
  --font-lineheight-5: 2;
  --font-letterspacing-0: -.05em;
  --font-letterspacing-1: .025em;
  --font-letterspacing-2: .050em;
  --font-letterspacing-3: .075em;
  --font-letterspacing-4: .150em;
  --font-letterspacing-5: .500em;
  --font-letterspacing-6: .750em;
  --font-letterspacing-7: 1em;
  --font-size-00: .5rem;
  --font-size-0: .75rem;
  --font-size-1: 1rem;
  --font-size-2: 1.1rem;
  --font-size-3: 1.25rem;
  --font-size-4: 1.5rem;
  --font-size-5: 2rem;
  --font-size-6: 2.5rem;
  --font-size-7: 3rem;
  --font-size-8: 3.5rem;
  --font-size-fluid-0: max(.75rem, min(2vw, 1rem));
  --font-size-fluid-1: max(1rem, min(4vw, 1.5rem));
  --font-size-fluid-2: max(1.5rem, min(6vw, 2.5rem));
  --font-size-fluid-3: max(2rem, min(9vw, 3.5rem));
  --size-000: -.5rem;
  --size-00: -.25rem;
  --size-1: .25rem;
  --size-2: .5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;
  --size-px-000: -8px;
  --size-px-00: -4px;
  --size-px-1: 4px;
  --size-px-2: 8px;
  --size-px-3: 16px;
  --size-px-4: 20px;
  --size-px-5: 24px;
  --size-px-6: 28px;
  --size-px-7: 32px;
  --size-px-8: 48px;
  --size-px-9: 64px;
  --size-px-10: 80px;
  --size-px-11: 120px;
  --size-px-12: 160px;
  --size-px-13: 240px;
  --size-px-14: 320px;
  --size-px-15: 480px;
  --size-fluid-1: max(.5rem, min(1vw, 1rem));
  --size-fluid-2: max(1rem, min(2vw, 1.5rem));
  --size-fluid-3: max(1.5rem, min(3vw, 2rem));
  --size-fluid-4: max(2rem, min(4vw, 3rem));
  --size-fluid-5: max(4rem, min(5vw, 5rem));
  --size-fluid-6: max(5rem, min(7vw, 7.5rem));
  --size-fluid-7: max(7.5rem, min(10vw, 10rem));
  --size-fluid-8: max(10rem, min(20vw, 15rem));
  --size-fluid-9: max(15rem, min(30vw, 20rem));
  --size-fluid-10: max(20rem, min(40vw, 30rem));
  --size-content-1: 20ch;
  --size-content-2: 45ch;
  --size-content-3: 60ch;
  --size-content-4: 75ch;
  --size-header-1: 20ch;
  --size-header-2: 25ch;
  --size-header-3: 35ch;
  --size-xxs: 240px;
  --size-xs: 360px;
  --size-sm: 480px;
  --size-md: 768px;
  --size-lg: 1024px;
  --size-xl: 1440px;
  --size-xxl: 1920px;
  --size-relative-000: -.5ch;
  --size-relative-00: -.25ch;
  --size-relative-1: .25ch;
  --size-relative-2: .5ch;
  --size-relative-3: 1ch;
  --size-relative-4: 1.25ch;
  --size-relative-5: 1.5ch;
  --size-relative-6: 1.75ch;
  --size-relative-7: 2ch;
  --size-relative-8: 3ch;
  --size-relative-9: 4ch;
  --size-relative-10: 5ch;
  --size-relative-11: 7.5ch;
  --size-relative-12: 10ch;
  --size-relative-13: 15ch;
  --size-relative-14: 20ch;
  --size-relative-15: 30ch;
  --ease-1: cubic-bezier(.25, 0, .5, 1);
  --ease-2: cubic-bezier(.25, 0, .4, 1);
  --ease-3: cubic-bezier(.25, 0, .3, 1);
  --ease-4: cubic-bezier(.25, 0, .2, 1);
  --ease-5: cubic-bezier(.25, 0, .1, 1);
  --ease-in-1: cubic-bezier(.25, 0, 1, 1);
  --ease-in-2: cubic-bezier(.50, 0, 1, 1);
  --ease-in-3: cubic-bezier(.70, 0, 1, 1);
  --ease-in-4: cubic-bezier(.90, 0, 1, 1);
  --ease-in-5: cubic-bezier(1, 0, 1, 1);
  --ease-out-1: cubic-bezier(0, 0, .75, 1);
  --ease-out-2: cubic-bezier(0, 0, .50, 1);
  --ease-out-3: cubic-bezier(0, 0, .3, 1);
  --ease-out-4: cubic-bezier(0, 0, .1, 1);
  --ease-out-5: cubic-bezier(0, 0, 0, 1);
  --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
  --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
  --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
  --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
  --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
  --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);
  --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);
  --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);
  --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);
  --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);
  --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);
  --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);
  --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);
  --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);
  --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);
  --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);
  --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);
  --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);
  --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);
  --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);
  --ease-step-1: steps(2);
  --ease-step-2: steps(3);
  --ease-step-3: steps(4);
  --ease-step-4: steps(7);
  --ease-step-5: steps(10);
  --ease-elastic-1: var(--ease-elastic-out-1);
  --ease-elastic-2: var(--ease-elastic-out-2);
  --ease-elastic-3: var(--ease-elastic-out-3);
  --ease-elastic-4: var(--ease-elastic-out-4);
  --ease-elastic-5: var(--ease-elastic-out-5);
  --ease-squish-1: var(--ease-elastic-in-out-1);
  --ease-squish-2: var(--ease-elastic-in-out-2);
  --ease-squish-3: var(--ease-elastic-in-out-3);
  --ease-squish-4: var(--ease-elastic-in-out-4);
  --ease-squish-5: var(--ease-elastic-in-out-5);
  --ease-spring-1: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%, 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);
  --ease-spring-2: linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1);
  --ease-spring-3: linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1);
  --ease-spring-4: linear(0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973, 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%, 0.998 78.9%, 1);
  --ease-spring-5: linear(0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%, 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1);
  --ease-bounce-1: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%, 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879, 0.885, 0.895, 0.908 89.7%, 0.946, 1);
  --ease-bounce-2: linear(0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765, 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788, 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954, 0.973, 1);
  --ease-bounce-3: linear(0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764, 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672, 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879, 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957, 0.96, 0.968, 0.981, 1);
  --ease-bounce-4: linear(0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81, 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%, 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%, 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1);
  --ease-bounce-5: linear(0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627, 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892, 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%, 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943, 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1);
  --layer-1: 1;
  --layer-2: 2;
  --layer-3: 3;
  --layer-4: 4;
  --layer-5: 5;
  --layer-important: 2147483647;
  --shadow-color: 220 3% 15%;
  --shadow-strength: 1%;
  --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 rgba(0, 0, 0, .067);
  --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));
  --shadow-2: 0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));
  --shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
  --shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));
  --shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
  --shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));
  --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));
  --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
  --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
  --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
  --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);
  --ratio-square: 1;
  --ratio-landscape: 4/3;
  --ratio-portrait: 3/4;
  --ratio-widescreen: 16/9;
  --ratio-ultrawide: 18/5;
  --ratio-golden: 1.6180/1;

  --gradient-1: linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);
  --gradient-2: linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff);
  --gradient-3: radial-gradient(circle at top right var(--gradient-space), #0ff, rgba(0, 255, 255, 0)), radial-gradient(circle at bottom left var(--gradient-space), #ff1492, rgba(255, 20, 146, 0));
  --gradient-4: linear-gradient(to bottom right var(--gradient-space), #00f5a0, #00d9f5);
  --gradient-5: conic-gradient(from -270deg at 75% 110% var(--gradient-space), #f0f, #fffaf0);
  --gradient-6: conic-gradient(from -90deg at top left var(--gradient-space), #000, #fff);
  --gradient-7: linear-gradient(to bottom right var(--gradient-space), #72c6ef, #004e8f);
  --gradient-8: conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111);
  --gradient-9: conic-gradient(from .5turn at bottom center var(--gradient-space), #add8e6, #fff);
  --gradient-10: conic-gradient(from 90deg at 40% -25% var(--gradient-space), gold, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, gold, gold, gold);
  --gradient-11: conic-gradient(at bottom left var(--gradient-space), #ff1493, cyan);
  --gradient-12: conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);
  --gradient-13: radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);
  --gradient-14: conic-gradient(at top right var(--gradient-space), lime, cyan);
  --gradient-15: linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7);
  --gradient-16: radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000);
  --gradient-17: conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, #8a2be2);
  --gradient-18: linear-gradient(0deg var(--gradient-space), rgba(255, 0, 0, .8), rgba(255, 0, 0, 0) 75%), linear-gradient(60deg var(--gradient-space), rgba(255, 255, 0, .8), rgba(255, 255, 0, 0) 75%), linear-gradient(120deg var(--gradient-space), rgba(0, 255, 0, .8), rgba(0, 255, 0, 0) 75%), linear-gradient(180deg var(--gradient-space), rgba(0, 255, 255, .8), rgba(0, 255, 255, 0) 75%), linear-gradient(240deg var(--gradient-space), rgba(0, 0, 255, .8), rgba(0, 0, 255, 0) 75%), linear-gradient(300deg var(--gradient-space), rgba(255, 0, 255, .8), rgba(255, 0, 255, 0) 75%);
  --gradient-19: linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751);
  --gradient-20: conic-gradient(from -135deg at -10% center var(--gradient-space), orange, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);
  --gradient-21: conic-gradient(from -90deg at 25% 115% var(--gradient-space), red, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f);
  --gradient-22: linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8);
  --gradient-23: linear-gradient(to bottom right var(--gradient-space), #536976, #292e49);
  --gradient-24: conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476);
  --gradient-25: conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);
  --gradient-26: linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4);
  --gradient-27: conic-gradient(from .5turn at bottom left var(--gradient-space), #ff1493, #639);
  --gradient-28: conic-gradient(from -90deg at 50% 105% var(--gradient-space), #fff, orchid);
  --gradient-29: radial-gradient(circle at top right var(--gradient-space), #bfb3ff, rgba(191, 179, 255, 0)), radial-gradient(circle at bottom left var(--gradient-space), #86acf9, rgba(134, 172, 249, 0));
  --gradient-30: radial-gradient(circle at top right var(--gradient-space), #00ff80, rgba(0, 255, 128, 0)), radial-gradient(circle at bottom left var(--gradient-space), #adffd6, rgba(173, 255, 214, 0));
  --noise-1: url("data:image/svg+xml;charset=utf-8, %3Csvg viewBox='0 0 200 200'xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise'baseFrequency='.005'numOctaves='2'stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25'height='100%25'filter='url(%23a)'/%3E%3C/svg%3E");
--noise-2:url("data:image/svg+xml;charset=utf-8, %3Csvg viewBox='0 0 300 300'xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise'baseFrequency='.05'stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25'height='100%25'filter='url(%23a)'/%3E%3C/svg%3E");
--noise-3:url("data:image/svg+xml;charset=utf-8, %3Csvg viewBox='0 0 1024 1024'xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise'baseFrequency='.25'stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25'height='100%25'filter='url(%23a)'/%3E%3C/svg%3E");
--noise-4:url("data:image/svg+xml;charset=utf-8, %3Csvg viewBox='0 0 2056 2056'xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise'baseFrequency='.5'stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25'height='100%25'filter='url(%23a)'/%3E%3C/svg%3E");
--noise-5:url("data:image/svg+xml;charset=utf-8, %3Csvg viewBox='0 0 2056 2056'xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise'baseFrequency='.75'stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25'height='100%25'filter='url(%23a)'/%3E%3C/svg%3E");
--noise-filter-1:contrast(300%) brightness(100%);
              --noise-filter-2:contrast(200%) brightness(150%);
              --noise-filter-3:contrast(200%) brightness(250%);
              --noise-filter-4:contrast(200%) brightness(500%);
              --noise-filter-5:contrast(200%) brightness(1000%);
              --animation-fade-in:fade-in .5s var(--ease-3);
              --animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);
              --animation-fade-out:fade-out .5s var(--ease-3);
              --animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);
              --animation-scale-up:scale-up .5s var(--ease-3);
              --animation-scale-down:scale-down .5s var(--ease-3);
              --animation-slide-out-up:slide-out-up .5s var(--ease-3);
              --animation-slide-out-down:slide-out-down .5s var(--ease-3);
              --animation-slide-out-right:slide-out-right .5s var(--ease-3);
              --animation-slide-out-left:slide-out-left .5s var(--ease-3);
              --animation-slide-in-up:slide-in-up .5s var(--ease-3);
              --animation-slide-in-down:slide-in-down .5s var(--ease-3);
              --animation-slide-in-right:slide-in-right .5s var(--ease-3);
              --animation-slide-in-left:slide-in-left .5s var(--ease-3);
              --animation-shake-x:shake-x .75s var(--ease-out-5);
              --animation-shake-y:shake-y .75s var(--ease-out-5);
              --animation-shake-z:shake-z 1s var(--ease-in-out-3);
              --animation-spin:spin 2s linear infinite;
              --animation-ping:ping 5s var(--ease-out-3) infinite;
              --animation-blink:blink 1s var(--ease-out-3) infinite;
              --animation-float:float 3s var(--ease-in-out-3) infinite;
              --animation-bounce:bounce 2s var(--ease-squish-2) infinite;
              --animation-pulse:pulse 2s var(--ease-out-3) infinite;
              --border-size-1:1px;
              --border-size-2:2px;
              --border-size-3:5px;
              --border-size-4:10px;
              --border-size-5:25px;
              --radius-1:2px;
              --radius-2:5px;
              --radius-3:1rem;
              --radius-4:2rem;
              --radius-5:4rem;
              --radius-6:8rem;
              --radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;
              --radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;
              --radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;
              --radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;
              --radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;
              --radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;
              --radius-round:1e5px;
              --radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;
              --radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;
              --radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;
              --radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;
              --radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;
              --radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
              --radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
              --radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
              --radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
              --radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
              --radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))
          }

          @media (prefers-color-scheme:dark) {
            :where(html) {
              --shadow-color:220 40% 2%;
              --shadow-strength:25%;
              --inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0, 0%, 100%, .067), inset 0 .5px 0 0 rgba(0, 0, 0, .467)
            }
          }

          @supports (background:linear-gradient(to right in oklab, #000, #fff)) {
            :where(html) {
              --gradient-space:in oklab
            }
          }

          @keyframes fade-in {
            to {
              opacity:1
            }
          }

          @keyframes fade-in-bloom {
            0% {
              filter:brightness(1) blur(20px);
              opacity:0
            }

            10% {
              filter:brightness(2) blur(10px);
              opacity:1
            }

            to {
              filter:brightness(1) blur(0);
              opacity:1
            }
          }

          @keyframes fade-out {
            to {
              opacity:0
            }
          }

          @keyframes fade-out-bloom {
            to {
              filter:brightness(1) blur(20px);
              opacity:0
            }

            10% {
              filter:brightness(2) blur(10px);
              opacity:1
            }

            0% {
              filter:brightness(1) blur(0);
              opacity:1
            }
          }

          @keyframes scale-up {
            to {
              transform:scale(1.25)
            }
          }

          @keyframes scale-down {
            to {
              transform:scale(.75)
            }
          }

          @keyframes slide-out-up {
            to {
              transform:translateY(-100%)
            }
          }

          @keyframes slide-out-down {
            to {
              transform:translateY(100%)
            }
          }

          @keyframes slide-out-right {
            to {
              transform:translateX(100%)
            }
          }

          @keyframes slide-out-left {
            to {
              transform:translateX(-100%)
            }
          }

          @keyframes slide-in-up {
            0% {
              transform:translateY(100%)
            }
          }

          @keyframes slide-in-down {
            0% {
              transform:translateY(-100%)
            }
          }

          @keyframes slide-in-right {
            0% {
              transform:translateX(-100%)
            }
          }

          @keyframes slide-in-left {
            0% {
              transform:translateX(100%)
            }
          }

          @keyframes shake-x {
            0%, to {
              transform:translateX(0)
            }

            20% {
              transform:translateX(-5%)
            }

            40% {
              transform:translateX(5%)
            }

            60% {
              transform:translateX(-5%)
            }

            80% {
              transform:translateX(5%)
            }
          }

          @keyframes shake-y {
            0%, to {
              transform:translateY(0)
            }

            20% {
              transform:translateY(-5%)
            }

            40% {
              transform:translateY(5%)
            }

            60% {
              transform:translateY(-5%)
            }

            80% {
              transform:translateY(5%)
            }
          }

          @keyframes shake-z {
            0%, to {
              transform:rotate(0deg)
            }

            20% {
              transform:rotate(-2deg)
            }

            40% {
              transform:rotate(2deg)
            }

            60% {
              transform:rotate(-2deg)
            }

            80% {
              transform:rotate(2deg)
            }
          }

          @keyframes spin {
            to {
              transform:rotate(1turn)
            }
          }

          @keyframes ping {
            90%, to {
              opacity:0;
              transform:scale(2)
            }
          }

          @keyframes blink {
            0%, to {
              opacity:1
            }

            50% {
              opacity:.5
            }
          }

          @keyframes float {
            50% {
              transform:translateY(-25%)
            }
          }

          @keyframes bounce {
            25% {
              transform:translateY(-20%)
            }

            40% {
              transform:translateY(-3%)
            }

            0%, 60%, to {
              transform:translateY(0)
            }
          }

          @keyframes pulse {
            50% {
              transform:scale(.9)
            }
          }

          @media (prefers-color-scheme:dark) {
            @keyframes fade-in-bloom {
              0% {
                filter:brightness(1) blur(20px);
                opacity:0
              }

              10% {
                filter:brightness(.5) blur(10px);
                opacity:1
              }

              to {
                filter:brightness(1) blur(0);
                opacity:1
              }
            }
          }

          @media (prefers-color-scheme:dark) {
            @keyframes fade-out-bloom {
              to {
                filter:brightness(1) blur(20px);
                opacity:0
              }

              10% {
                filter:brightness(.5) blur(10px);
                opacity:1
              }

              0% {
                filter:brightness(1) blur(0);
                opacity:1
              }
            }
          }