Krem's Website
@layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-rotate-x:initial; --tw-rotate-y:initial; --tw-rotate-z:initial; --tw-skew-x:initial; --tw-skew-y:initial; --tw-border-style:solid; --tw-gradient-position:initial; --tw-gradient-from:#0000; --tw-gradient-via:#0000; --tw-gradient-to:#0000; --tw-gradient-stops:initial; --tw-gradient-via-stops:initial; --tw-gradient-from-position:0%; --tw-gradient-via-position:50%; --tw-gradient-to-position:100%; --tw-leading:initial; --tw-font-weight:initial; --tw-tracking:initial; --tw-ordinal:initial; --tw-slashed-zero:initial; --tw-numeric-figure:initial; --tw-numeric-spacing:initial; --tw-numeric-fraction:initial; --tw-shadow:0 0 #0000; --tw-shadow-color:initial; --tw-shadow-alpha:100%; --tw-inset-shadow:0 0 #0000; --tw-inset-shadow-color:initial; --tw-inset-shadow-alpha:100%; --tw-ring-color:initial; --tw-ring-shadow:0 0 #0000; --tw-inset-ring-color:initial; --tw-inset-ring-shadow:0 0 #0000; --tw-ring-inset:initial; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-offset-shadow:0 0 #0000; --tw-outline-style:solid; --tw-blur:initial; --tw-brightness:initial; --tw-contrast:initial; --tw-grayscale:initial; --tw-hue-rotate:initial; --tw-invert:initial; --tw-opacity:initial; --tw-saturate:initial; --tw-sepia:initial; --tw-drop-shadow:initial; --tw-drop-shadow-color:initial; --tw-drop-shadow-alpha:100%; --tw-drop-shadow-size:initial; --tw-duration:initial; --tw-text-shadow-color:initial; --tw-text-shadow-alpha:100%; --tw-animation-delay:0s; --tw-animation-direction:normal; --tw-animation-duration:initial; --tw-animation-fill-mode:none; --tw-animation-iteration-count:1; --tw-enter-blur:0; --tw-enter-opacity:1; --tw-enter-rotate:0; --tw-enter-scale:1; --tw-enter-translate-x:0; --tw-enter-translate-y:0; --tw-exit-blur:0; --tw-exit-opacity:1; --tw-exit-rotate:0; --tw-exit-scale:1; --tw-exit-translate-x:0; --tw-exit-translate-y:0 } } } @layer theme { :root, :host { --font-sans:"Verdana",sans-serif; --font-serif:"Adobe Garamond Pro",serif; --font-mono:"Courier New",monospace; --color-gray-400:oklch(70.7% .022 261.325); --color-black:#000; --color-white:#fff; --spacing:.25rem; --breakpoint-sm:450px; --breakpoint-md:650px; --breakpoint-lg:950px; --breakpoint-xl:1280px; --breakpoint-2xl:1920px; --container-3xs:200px; --container-2xs:325px; --container-xs:450px; --container-sm:525px; --container-md:575px; --container-lg:650px; --container-xl:775px; --container-2xl:850px; --container-3xl:900px; --container-4xl:950px; --container-5xl:1000px; --container-6xl:1050px; --container-7xl:1080px; --text-xs:.75rem; --text-xs--line-height:calc(1/.75); --text-sm:.875rem; --text-sm--line-height:calc(1.25/.875); --text-base:1rem; --text-base--line-height: 1.5 ; --text-lg:1.125rem; --text-lg--line-height:calc(1.75/1.125); --text-xl:1.25rem; --text-xl--line-height:calc(1.75/1.25); --text-2xl:1.5rem; --text-2xl--line-height:calc(2/1.5); --text-3xl:1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl:2.25rem; --text-4xl--line-height:calc(2.5/2.25); --text-5xl:3rem; --text-5xl--line-height:1; --text-6xl:3.75rem; --text-6xl--line-height:1; --text-7xl:4.5rem; --text-7xl--line-height:1; --text-8xl:6rem; --text-8xl--line-height:1; --text-9xl:8rem; --text-9xl--line-height:1; --font-weight-normal:400; --font-weight-bold:700; --tracking-tighter:-.05em; --radius-xs:calc(var(--radius)*.5); --radius-sm:calc(var(--radius)*.75); --radius-lg:calc(var(--radius)*1.25); --radius-xl:calc(var(--radius)*1.5); --drop-shadow-xs:0 1px 1px #0000000d; --default-transition-duration:.15s; --default-transition-timing-function:cubic-bezier(.4,0,.2,1); --default-font-family:var(--font-sans); --default-mono-font-family:var(--font-mono); --color-john:#0715cd; --color-ghostytrickster:#0715cd; --color-ectobiologist:#0715cd; --color-rose:#b536da; --color-tentacletherapist:#b536da; --color-dave:#e00707; --color-turntechgodhead:#e00707; --color-jade:#4ac925; --color-gardengnostic:#4ac925; --color-jane:#00d5f2; --color-jane-epilogues:#0097d7; --color-gutsygumshoe:#00d5f2; --color-gutsygumshoe-epilogues:#0097d7; --color-jake:#1f9400; --color-golgothasterror:#1f9400; --color-dirk:#f2a400; --color-timaeustestified:#f2a400; --color-autoresponder:#e00707; --color-lil-hal:#e00707; --color-timaeustestified-red:#e00707; --color-roxy:#ff6ff2; --color-tipsygnostalgic:#ff6ff2; --color-harry:#0671cd; --color-thespiansglamor:#0671cd; --color-yiffy:#d00009; --color-tavvy:#450077; --color-tavros-kid:#450077; --color-glutinousgymnast:#450077; --color-vrissy:#005682; --color-adamantgriftress:#005682; --color-joey:#71daff; --color-jude:#d3ff8f; --color-imode:#bdb49c; --color-ideogramicdramaturgy:#bdb49c; --color-silas:#71d666; --color-avril:#ffc600; --color-steezyheadbanger:#ffc600; --color-obama:#000; --color-fedorafreak:#4b4b4b; --color-troll:#c4c4c4; --color-troll-1:#ffba29; --color-troll-2:#ff9000; --color-troll-3:#ff4200; --color-troll-red:red; --color-troll-rust:#a10000; --color-troll-bronze:#a25203; --color-troll-gold:#a1a100; --color-troll-lime:#678900; --color-troll-olive:#336601; --color-troll-jade:#078446; --color-troll-teal:#008282; --color-troll-blue:#004182; --color-troll-indigo:#0121cb; --color-troll-purple:#440a7f; --color-troll-violet:#6a006a; --color-troll-fuchsia:#99004d; --color-troll-hemospectrum:linear-gradient(to right,var(--color-troll-rust)calc((100%/12)*1),var(--color-troll-bronze)calc((100%/12)*1)calc((100%/12)*2),var(--color-troll-gold)16.7% 25%,var(--color-troll-lime)25% 33.3%,var(--color-troll-olive)33.3% 41.7%,var(--color-troll-jade)41.7% 50%,var(--color-troll-teal)50% 58.3%,var(--color-troll-blue)58.3% 66.7%,var(--color-troll-indigo)66.7% 75%,var(--color-troll-purple)75% 83.3%,var(--color-troll-violet)83.3% 91.7%,var(--color-troll-fuchsia)91.7%); --color-aradia:#a10000; --color-aradia-blue:#000056; --color-apocalypsearisen:#a10000; --color-apocalypsearisen-blue:#000056; --color-aradiabot:#000056; --color-tavros:#a16000; --color-adiostoreador:#a16000; --color-sollux:#a1a100; --color-twinarmageddons:#a1a100; --color-karkat:#626262; --color-karkat-epilogues:#7c7e81; --color-karkat-red:red; --color-carcinogeneticist:#626262; --color-carcinogeneticist-epilogues:#7c7e81; --color-carcinogeneticist-red:red; --color-nepeta:#416600; --color-arseniccatnip:#416600; --color-kanaya:#008141; --color-grimauxiliatrix:#008141; --color-terezi:#008282; --color-gallowscalibrator:#008282; --color-vriska:#005682; --color-arachnidsgrip:#005682; --color-equius:#000056; --color-centaurstesticle:#000056; --color-gamzee:#2b0057; --color-terminallycapricious:#2b0057; --color-eridan:#6a006a; --color-eridan-epilogues:#7e0048; --color-caligulasaquarium:#6a006a; --color-caligulasaquarium-epilogues:#7e0048; --color-feferi:#77003c; --color-cuttlefishculler:#77003c; --color-damara:#a10000; --color-rufioh:#a16000; --color-mituna:#a1a100; --color-kankri:red; --color-meulin:#416600; --color-porrim:#008141; --color-latula:#008282; --color-aranea:#005682; --color-horuss:#000056; --color-kurloz:#2b0057; --color-cronus:#6a006a; --color-meenah:#77003c; --color-ruthie:#a10000; --color-recidivousgainsayer:#a10000; --color-alfonz:#416600; --color-swifer:#078446; --color-cliper:#078446; --color-motter:#000056; --color-cherub:#0b4100; --color-cherub-red:red; --color-cherub-green:#2ed73a; --color-caliborn:#323232; --color-caliborn-felt:#2ed73a; --color-caliborn-felt-epilogues:#009c68; --color-caliborn-red:red; --color-calliope:#929292; --color-calliope-epilogues:#a1a3a6; --color-calliope-alt:red; --color-calliope-al:red; --color-calliope-red:red; --color-calliope-green:#2ed73a; --color-lord-english:#2ed73a; --color-lord-english-dark-red:#950015; --color-lord-english-red:#df0000; --color-lord-english-orange:#ff6000; --color-lord-english-yellow:#ffea00; --color-lord-english-green:#008140; --color-lord-english-blue:#4040fd; --color-lord-english-purple:#a357ff; --color-doc-scratch:#fff; --color-itchy:#ffea00; --color-doze:#4040fd; --color-trace:#df0000; --color-clover:#a357ff; --color-fin:#ff6000; --color-die:#008140; --color-crowbar:#950015; --color-snowman:#000; --color-stitch:#ffea00; --color-sawbuck:#4040fd; --color-matchsticks:#df0000; --color-eggs:#a357ff; --color-biscuits:#ff6000; --color-quarters:#008140; --color-cans:#950015; --color-harlequinsprite:#00d5f2; --color-nannasprite:#00d5f2; --color-jaspersprite:#f141ef; --color-crowsprite:#f2a400; --color-calsprite:#f2a400; --color-davesprite:#f2a400; --color-becsprite:#1f9400; --color-jadesprite:#1f9400; --color-tavrisprite:#0715cd; --color-tavrosprite:#0715cd; --color-gcatavrosprite:#0715cd; --color-fefetasprite:#b536da; --color-rosesprite:#b536da; --color-jasprosesprite:#b536da; --color-jasprosesprite-prefix:#f141ef; --color-arquiusprite:#e00707; --color-erisolsprite:#4ac925; --color-nepetasprite:#4ac925; --color-davepetasprite:#f2a400; --color-davepetasprite-prefix:#4ac925; --color-frogsprite:#a10000; --color-aradiasprite:#a10000; --color-tinkersprite:#a16000; --color-bicyclopsprite:#a1a100; --color-crabsprite:#626262; --color-pouncesprite:#416600; --color-mothersprite:#008141; --color-dragonsprite:#008282; --color-spidersprite:#005682; --color-aurthoursprite:#000056; --color-goatsprite:#2b0057; --color-seahorsesprite:#6a006a; --color-glbgolybsprite:#77003c; --color-sburb-alpha:red; --color-sburb-beta:#4ce24e; --color-sburb-omega:#f2a400; --color-sgrub:#900fff; --color-green-sun:#00ed4f; --color-green-sun-alt:#00d246; --color-prospit:#e49700; --color-prospit-icon:#ffff01; --color-derse:#9700e4; --color-derse-icon:#ff01fe; --color-space:#000; --color-space-icon:#fff; --color-time:#b70d0e; --color-time-icon:#ff2106; --color-mind:#00923d; --color-mind-icon:#06ffc9; --color-heart:#55142a; --color-heart-icon:#bd1864; --color-hope:#ffde55; --color-hope-icon:#fdfdfd; --color-rage:#520c61; --color-rage-icon:#9c4dad; --color-breath:#4379e6; --color-breath-icon:#47dff9; --color-blood:#3e1601; --color-blood-icon:#ba1016; --color-life:#a49787; --color-life-icon:#72eb34; --color-doom:#306800; --color-doom-icon:#000; --color-light:#f0840c; --color-light-icon:#f6fa4e; --color-void:#104ea2; --color-void-icon:#001a58; --color-gavagecunctation:#8e5594; --color-mspa-1:#eee; --color-mspa-2:#e0e0e0; --color-mspa-3:#c6c6c6; --color-mspa-4:#b8b8b8; --color-mspa-5:#7b7b7b; --color-mspa-6:#535353; --color-mspa-50:#f7f7f7; --color-mspa-100:#eee; --color-mspa-200:#e0e0e0; --color-mspa-300:#c6c6c6; --color-mspa-400:#b8b8b8; --color-mspa-500:#9a9a9a; --color-mspa-600:#7b7b7b; --color-mspa-700:#535353; --color-mspa-800:#3c3c3c; --color-mspa-900:#323232; --color-mspa-950:#1f1f1f; --color-felt-1:#2cff4b; --color-felt-2:#2ed73a; --color-felt-3:#168500; --color-felt-4:#0e4603; --color-felt-5:#073c00; --color-felt-6:#082a00; --color-felt-7:#042300; --color-felt-50:#2cff4b; --color-felt-100:#2ed73a; --color-felt-200:#1cbc1b; --color-felt-300:#18a00b; --color-felt-400:#168500; --color-felt-500:#147002; --color-felt-600:#115b03; --color-felt-700:#0e4603; --color-felt-800:#073c00; --color-felt-900:#082a00; --color-felt-950:#042300; --color-strife-1:#00e371; --color-strife-2:#00c661; --color-strife-3:#008c45; --color-strife-4:#00603b; --color-strife-50:#00e371; --color-strife-100:#00d569; --color-strife-200:#00c661; --color-strife-300:#00b358; --color-strife-400:#009f4e; --color-strife-500:#008c45; --color-strife-600:#007d43; --color-strife-700:#006f40; --color-strife-800:#00603b; --color-strife-900:#004930; --color-strife-950:#003324; --color-pesterchum-50:#faff9b; --color-pesterchum-100:#fff700; --color-pesterchum-200:#ffe200; --color-pesterchum-300:#ffcb00; --color-pesterchum-400:#ffc316; --color-pesterchum-500:#ffb400; --color-pesterchum-600:orange; --color-pesterchum-700:#f79900; --color-pesterchum-800:#df9200; --color-pesterchum-900:#c18800; --color-pesterchum-950:#ad7800; --color-grist-50:oklch(82% .06 254); --color-grist-100:oklch(78% .08 255); --color-grist-200:oklch(74% .12 256); --color-grist-300:oklch(70% .15 257); --color-grist-400:oklch(66% .14 258); --color-grist-500:oklch(62% .12 259); --color-grist-600:oklch(58% .15 260); --color-grist-700:oklch(54% .18 261); --color-grist-800:oklch(50% .19 262); --color-grist-900:oklch(46% .17 263); --color-grist-950:oklch(42% .15 264); --color-trickster-red:#ffd1d1; --color-trickster-orange:#ffe6d1; --color-trickster-yellow:#fff6d1; --color-trickster-green:#d1ffe3; --color-trickster-cyan:#d1f9ff; --color-trickster-blue:#d1dcff; --color-trickster-purple:#f0d1ff; --color-trickster-violet:#ff73fd; --color-background:var(--background); --color-main:var(--main); --color-main-foreground:var(--main-foreground); --color-card:var(--card); --color-card-foreground:var(--card-foreground); --color-popover:var(--popover); --color-popover-foreground:var(--popover-foreground); --color-primary:var(--primary); --color-primary-foreground:var(--primary-foreground); --color-primary-border:var(--primary) } @supports (color:color-mix(in lab,red,red)) { :root, :host { --color-primary-border:color-mix(in oklch,var(--primary)100%,black 40%) } } :root, :host { --color-secondary:var(--secondary); --color-secondary-foreground:var(--secondary-foreground); --color-secondary-border:var(--secondary) } @supports (color:color-mix(in lab,red,red)) { :root, :host { --color-secondary-border:color-mix(in oklch,var(--secondary)100%,black 40%) } } :root, :host { --color-destructive:var(--destructive); --color-destructive-foreground:var(--destructive-foreground); --color-destructive-border:var(--destructive) } @supports (color:color-mix(in lab,red,red)) { :root, :host { --color-destructive-border:color-mix(in oklch,var(--destructive)100%,black 40%) } } :root, :host { --color-muted:var(--muted); --color-muted-foreground:var(--muted-foreground); --color-accent:var(--accent); --color-accent-foreground:var(--accent-foreground); --color-border:var(--border); --color-input:var(--input); --color-ring:var(--ring); --color-toast-outline:var(--toast-outline); --color-toast-border:var(--toast-border); --radius-2xs:calc(var(--radius)*.25); --radius-base:var(--radius); --radius-max:calc(var(--radius)*Infinity); --border-image-openbound:url("data:image/svg+xml;utf8,") 4/.5rem/.25rem; --container-prose:65ch; --font-adobe-garamond-pro:"Adobe Garamond Pro",serif; --font-homestuck:"Homestuck",monospace; --text-2xs:.625rem; --text-2xs--line-height:calc(.75/.625); --text-3xs:.5rem; --animate-marquee:scroll 20s linear infinite; --animate-marquee2:marquee2 5s linear infinite; --animate-text-ultimate-reward:text-ultimate-reward 5.4s steps(9,jump-none)infinite; --animate-text-lord-english:text-lord-english .75s steps(15,jump-none)infinite; --animate-bg-lord-english:bg-lord-english .75s steps(15,jump-none)infinite; --animate-text-trickster:text-trickster steps(7,jump-end).35s infinite; --animate-bg-trickster:bg-trickster steps(7,jump-end).35s infinite; --animate-text-green-sun:text-green-sun .1s steps(2,jump-end)infinite; --animate-bg-green-sun:bg-green-sun .1s steps(2,jump-end)infinite; --animate-bg-universe-red:bg-universe-red .1s steps(2,jump-end)infinite; --animate-text-universe-red:text-universe-red .1s steps(2,jump-end)infinite; --animate-bg-universe-blue:bg-universe-blue .1s steps(2,jump-end)infinite; --animate-text-universe-blue:text-universe-blue .1s steps(2,jump-end)infinite; --shadow-aliased:.125rem .125rem 0 0; --shadow-aliased-2:.125rem .125rem 0 0,.25rem .25rem 0 0; --extrude--x-tl:1; --extrude--y-tl:1; --extrude--x-tr:-1; --extrude--y-tr:1; --extrude--x-bl:1; --extrude--y-bl:-1; --extrude--x-br:-1; --extrude--y-br:-1; --shadow-extrude-sm:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-shadow-color,#000); --shadow-extrude-base:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-shadow-color,#000); --shadow-extrude-lg:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px var(--tw-shadow-color,#000); --shadow-extrude-xl:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px var(--tw-shadow-color,#000),calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px var(--tw-shadow-color,#000); --text-shadow-extrude-sm:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-text-shadow-color,#000); --text-shadow-extrude-base:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-text-shadow-color,#000); --text-shadow-extrude-lg:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px var(--tw-text-shadow-color,#000); --text-shadow-extrude-xl:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px var(--tw-text-shadow-color,#000); --text-shadow-outline:-1px -1px 0px #000,0px -1px 0 #000,1px -1px 0px #000,-1px 0px 0 #000,1px 0px 0px #000,-1px 1px 0 #000,0px 1px 0px #000,1px 1px 0 #000; --drop-shadow-extrude:drop-shadow(4px 4px 0px #000); --animate-text-sweet-catch:text-sweet-catch .1s steps(2,jump-end)infinite; --animate-text-sweet-catch-blue:text-sweet-catch-blue .1s steps(2,jump-end)infinite; --animate-text-corpsesmooch:text-corpsesmooch .11s steps(2,jump-end)infinite; --animate-text-exclamation:text-exclamation .1s steps(2,jump-end)infinite; --animate-text-a6a5a1-header:text-a6a5a1-combo .1s steps(2,jump-end)infinite; --font-comic-sans:"Comic Sans MS","Comic Sans","ComicRelief",cursive; --font-comic-mono:"Courier New","CourierPrime",courier,monospace; --text-outline-sm:-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,1px 1px 1px #fff; --text-shadow-vriska:0px 1px 1px #00568280,0px 1px 2px #00568280; --text-shadow-gamzee:0px 1px 1px #2b0057cc,0px 1px 2px #2b005780; --text-blur-karkat:0px 2px 3px #626262; --text-blur-dave:0px 1px 2px #e00707; --text-blur-100-john:0px 1px 2px #0715cd; --text-blur-200-john:0px 2px 3px #0715cd; --text-blur-300-john:0px 4px 4px #0715cd; --color-hussie:#000; --color-caliborn-muddy:#126628; --color-prompt-lock:#d4d4d4; --color-crockertier:red; --color-a6a5a1-bg:#232323; --color-leprechaun-star:#ffa200; --color-leprechaun-heart:#ff7cd9; --color-leprechaun-horseshoe:#ba8cfe; --captchalogue-width:148px; --captchalogue-height:188px; --captchalogue-clip-card:polygon(0 0,70% 0,70% 11%,83% 11%,83% 22%,97% 22%,97% 98%,0 98%); --captchalogue-clip-card-shadow:polygon(0 0,70% 0,73% 2%,73% 11%,83% 11%,86% 13%,86% 22%,97% 22%,100% 24%,100% 100%,3% 100%,0 98%); --captchalogue-clip-inner:polygon(9% 10%,50% 10%,50% 16%,70% 16%,70% 32%,78% 32%,78% 86%,9% 86%); --captchalogue-clip-inner-shadow:polygon(9% 10%,50% 10%,53% 12%,53% 16%,70% 16%,73% 18%,73% 32%,78% 32%,81% 34%,81% 88%,12% 88%,9% 86%); --animate-text-lord-english-shadow:text-lord-english-shadow .11s steps(2,jump-end)infinite; --animate-text-lord-english-yellow-red:text-lord-english-yellow-red .11s steps(2,jump-end)infinite; --animate-text-lord-english-blue-purple:text-lord-english-blue-purple .11s steps(2,jump-end)infinite; --animate-text-lord-english-red-yellow:text-lord-english-yellow-red .11s steps(2,jump-end)infinite reverse; --animate-text-lord-english-purple-blue:text-lord-english-blue-purple .11s steps(2,jump-end)infinite reverse; --animate-text-lord-english-orange-maroon:text-lord-english-orange-maroon .11s steps(2,jump-end)infinite; --animate-text-lord-english-green-yellow:text-lord-english-green-yellow .11s steps(2,jump-end)infinite; --animate-text-lord-english-maroon-orange:text-lord-english-orange-maroon .11s steps(2,jump-end)infinite reverse; --animate-text-lord-english-yellow-green:text-lord-english-green-yellow .11s steps(2,jump-end)infinite reverse } } @layer base { *, :after, :before, ::backdrop { box-sizing:border-box; border:0 solid; margin:0; padding:0 } ::file-selector-button { box-sizing:border-box; border:0 solid; margin:0; padding:0 } html, :host { -webkit-text-size-adjust:100%; tab-size:4; line-height:1.5; font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings:var(--default-font-feature-settings,normal); font-variation-settings:var(--default-font-variation-settings,normal); -webkit-tap-highlight-color:transparent } hr { height:0; color:inherit; border-top-width:1px } abbr:where([title]) { -webkit-text-decoration:underline dotted; text-decoration:underline dotted } h1, h2, h3, h4, h5, h6 { font-size:inherit; font-weight:inherit } a { color:inherit; -webkit-text-decoration:inherit; text-decoration:inherit } b, strong { font-weight:bolder } code, kbd, samp, pre { font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings:var(--default-mono-font-feature-settings,normal); font-variation-settings:var(--default-mono-font-variation-settings,normal); font-size:1em } small { font-size:80% } sub, sup { vertical-align:baseline; font-size:75%; line-height:0; position:relative } sub { bottom:-.25em } sup { top:-.5em } table { text-indent:0; border-color:inherit; border-collapse:collapse } :-moz-focusring { outline:auto } progress { vertical-align:baseline } summary { display:list-item } ol, ul, menu { list-style:none } img, svg, video, canvas, audio, iframe, embed, object { vertical-align:middle; display:block } img, video { max-width:100%; height:auto } button, input, select, optgroup, textarea { font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; opacity:1; background-color:#0000; border-radius:0 } ::file-selector-button { font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; opacity:1; background-color:#0000; border-radius:0 } :where(select:is([multiple], [size])) optgroup { font-weight:bolder } :where(select:is([multiple], [size])) optgroup option { padding-inline-start:20px } ::file-selector-button { margin-inline-end:4px } ::placeholder { opacity:1 } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color:currentColor } @supports (color:color-mix(in lab,red,red)) { ::placeholder { color:color-mix(in oklab,currentcolor 50%,transparent) } } } textarea { resize:vertical } ::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-date-and-time-value { min-height:1lh; text-align:inherit } ::-webkit-datetime-edit { display:inline-flex } ::-webkit-datetime-edit-fields-wrapper { padding:0 } ::-webkit-datetime-edit { padding-block:0 } ::-webkit-datetime-edit-year-field { padding-block:0 } ::-webkit-datetime-edit-month-field { padding-block:0 } ::-webkit-datetime-edit-day-field { padding-block:0 } ::-webkit-datetime-edit-hour-field { padding-block:0 } ::-webkit-datetime-edit-minute-field { padding-block:0 } ::-webkit-datetime-edit-second-field { padding-block:0 } ::-webkit-datetime-edit-millisecond-field { padding-block:0 } ::-webkit-datetime-edit-meridiem-field { padding-block:0 } ::-webkit-calendar-picker-indicator { line-height:1 } :-moz-ui-invalid { box-shadow:none } button, input:where([type=button], [type=reset], [type=submit]) { appearance:button } ::file-selector-button { appearance:button } ::-webkit-inner-spin-button { height:auto } ::-webkit-outer-spin-button { height:auto } [hidden]:where(:not([hidden=until-found])) { display:none!important } } @layer components; @layer utilities { .pointer-events-none { pointer-events:none } .collapse { visibility:collapse } .invisible { visibility:hidden } .visible { visibility:visible } .absolute { position:absolute } .fixed { position:fixed } .relative { position:relative } .static { position:static } .sticky { position:sticky } .inset-0 { inset:calc(var(--spacing)*0) } .inset-\[15px_16px_10px_6px\] { inset:15px 16px 10px 6px } .inset-\[18px_33px_26px_13px\] { inset:18px 33px 26px 13px } .inset-\[25px_33px_20px_13px\] { inset:25px 33px 20px 13px } .inset-\[33px_61px_48px_30px\] { inset:33px 61px 48px 30px } .top-0 { top:calc(var(--spacing)*0) } .top-\[1em\] { top:1em } .top-\[6px\] { top:6px } .bottom-\[6px\] { bottom:6px } .left-0 { left:calc(var(--spacing)*0) } .left-\[0\.25em\] { left:.25em } .left-\[6px\] { left:6px } .left-\[12px\] { left:12px } .left-\[50\%\] { left:50% } .isolate { isolation:isolate } .z-1 { z-index:1 } .z-2 { z-index:2 } .z-5 { z-index:5 } .z-10 { z-index:10 } .z-50 { z-index:50 } .z-51 { z-index:51 } .z-1000 { z-index:1000 } .z-1001 { z-index:1001 } .container { width:100% } @media(min-width:450px) { .container { max-width:450px } } @media(min-width:650px) { .container { max-width:650px } } @media(min-width:950px) { .container { max-width:950px } } @media(min-width:1280px) { .container { max-width:1280px } } @media(min-width:1920px) { .container { max-width:1920px } } .m-2 { margin:calc(var(--spacing)*2) } .m-4 { margin:calc(var(--spacing)*4) } .m-5 { margin:calc(var(--spacing)*5) } .m-auto { margin:auto } .mx-1 { margin-inline:calc(var(--spacing)*1) } .mx-8 { margin-inline:calc(var(--spacing)*8) } .mx-auto { margin-inline:auto } .my-2 { margin-block:calc(var(--spacing)*2) } .my-3 { margin-block:calc(var(--spacing)*3) } .my-4 { margin-block:calc(var(--spacing)*4) } .my-5 { margin-block:calc(var(--spacing)*5) } .my-8 { margin-block:calc(var(--spacing)*8) } .my-15 { margin-block:calc(var(--spacing)*15) } .mt-1 { margin-top:calc(var(--spacing)*1) } .mt-2 { margin-top:calc(var(--spacing)*2) } .mt-4 { margin-top:calc(var(--spacing)*4) } .mt-8 { margin-top:calc(var(--spacing)*8) } .mt-\[8px\] { margin-top:8px } .mr-1 { margin-right:calc(var(--spacing)*1) } .mr-2 { margin-right:calc(var(--spacing)*2) } .mr-3 { margin-right:calc(var(--spacing)*3) } .mb-1 { margin-bottom:calc(var(--spacing)*1) } .mb-2 { margin-bottom:calc(var(--spacing)*2) } .mb-3 { margin-bottom:calc(var(--spacing)*3) } .mb-4 { margin-bottom:calc(var(--spacing)*4) } .mb-5 { margin-bottom:calc(var(--spacing)*5) } .mb-6 { margin-bottom:calc(var(--spacing)*6) } .mb-10 { margin-bottom:calc(var(--spacing)*10) } .mb-15 { margin-bottom:calc(var(--spacing)*15) } .mb-\[8px\] { margin-bottom:8px } .ml-2 { margin-left:calc(var(--spacing)*2) } .ml-3 { margin-left:calc(var(--spacing)*3) } .ml-10 { margin-left:calc(var(--spacing)*10) } .ml-20 { margin-left:calc(var(--spacing)*20) } .ml-\[12px\] { margin-left:12px } .block { display:block } .contents { display:contents } .flex { display:flex } .grid { display:grid } .hidden { display:none } .hidden\! { display:none!important } .inline { display:inline } .inline\! { display:inline!important } .inline-block { display:inline-block } .table { display:table } .table\! { display:table!important } .aspect-950\/650 { aspect-ratio:950/650 } .aspect-1280\/720 { aspect-ratio:1280/720 } .h-4 { height:calc(var(--spacing)*4) } .h-\[--captchalogue-height\] { height:--captchalogue-height } .h-\[1\.5em\] { height:1.5em } .h-\[2em\] { height:2em } .h-\[3\.76em\] { height:3.76em } .h-\[10px\] { height:10px } .h-\[16px\] { height:16px } .h-\[24px\] { height:24px } .h-\[36px\] { height:36px } .h-\[38px\] { height:38px } .h-\[60px\] { height:60px } .h-\[100vh\] { height:100vh } .h-\[164px\] { height:164px } .h-\[252px\] { height:252px } .h-\[310px\] { height:310px } .h-fit { height:fit-content } .h-full { height:100% } .w-\(--main-layout-width\) { width:var(--main-layout-width) } .w-3xs { width:var(--container-3xs) } .w-4 { width:calc(var(--spacing)*4) } .w-\[--captchalogue-width\] { width:--captchalogue-width } .w-\[2\.88em\] { width:2.88em } .w-\[2em\] { width:2em } .w-\[4em\] { width:4em } .w-\[10px\] { width:10px } .w-\[16px\] { width:16px } .w-\[17px\] { width:17px } .w-\[21px\] { width:21px } .w-\[38px\] { width:38px } .w-\[40\%\] { width:40% } .w-\[55px\] { width:55px } .w-\[60\%\] { width:60% } .w-\[164px\] { width:164px } .w-\[212px\] { width:212px } .w-\[400px\] { width:400px } .w-\[600px\] { width:600px } .w-\[650px\] { width:650px } .w-fit { width:fit-content } .w-full { width:100% } .w-xl { width:var(--container-xl) } .max-w-\(--cascade-layout-width\) { max-width:var(--cascade-layout-width) } .max-w-\(--main-layout-width\) { max-width:var(--main-layout-width) } .max-w-4xl { max-width:var(--container-4xl) } .max-w-320 { max-width:calc(var(--spacing)*320) } .max-w-\[88\%\] { max-width:88% } .max-w-\[100vw\] { max-width:100vw } .max-w-\[600px\] { max-width:600px } .max-w-\[650px\] { max-width:650px } .max-w-\[728px\] { max-width:728px } .max-w-\[750px\] { max-width:750px } .max-w-\[1600px\] { max-width:1600px } .max-w-full { max-width:100% } .max-w-lg { max-width:var(--container-lg) } .max-w-xs { max-width:var(--container-xs) } .min-w-\[30px\] { min-width:30px } .shrink { flex-shrink:1 } .shrink\! { flex-shrink:1!important } .grow { flex-grow:1 } .origin-left { transform-origin:0 } .-rotate-5 { rotate:-5deg } .-rotate-30 { rotate:-30deg } .transform { transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) } .animate-in { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } .animate-marquee { animation:var(--animate-marquee) } .animate-out { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } .animate-text-a6a5a1-header { animation:var(--animate-text-a6a5a1-header) } .animate-text-corpsesmooch { animation:var(--animate-text-corpsesmooch) } .animate-text-exclamation { animation:var(--animate-text-exclamation) } .animate-text-green-sun { animation:var(--animate-text-green-sun) } .animate-text-lord-english-blue-purple { animation:var(--animate-text-lord-english-blue-purple) } .animate-text-lord-english-green-yellow { animation:var(--animate-text-lord-english-green-yellow) } .animate-text-lord-english-maroon-orange { animation:var(--animate-text-lord-english-maroon-orange) } .animate-text-lord-english-orange-maroon { animation:var(--animate-text-lord-english-orange-maroon) } .animate-text-lord-english-purple-blue { animation:var(--animate-text-lord-english-purple-blue) } .animate-text-lord-english-red-yellow { animation:var(--animate-text-lord-english-red-yellow) } .animate-text-lord-english-shadow { animation:var(--animate-text-lord-english-shadow) } .animate-text-lord-english-yellow-green { animation:var(--animate-text-lord-english-yellow-green) } .animate-text-lord-english-yellow-red { animation:var(--animate-text-lord-english-yellow-red) } .animate-text-sweet-catch { animation:var(--animate-text-sweet-catch) } .animate-text-sweet-catch-blue { animation:var(--animate-text-sweet-catch-blue) } .animate-text-trickster { animation:var(--animate-text-trickster) } .animate-text-ultimate-reward { animation:var(--animate-text-ultimate-reward) } .animate-text-universe-blue { animation:var(--animate-text-universe-blue) } .animate-text-universe-red { animation:var(--animate-text-universe-red) } .cursor-pointer { cursor:pointer } .resize { resize:both } .list-\[\'\|\'\] { list-style-type:"|" } .list-disc { list-style-type:disc } .list-none { list-style-type:none } .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) } .flex-col { flex-direction:column } .flex-row { flex-direction:row } .flex-wrap { flex-wrap:wrap } .items-baseline { align-items:baseline } .items-center { align-items:center } .items-end { align-items:flex-end } .items-start { align-items:flex-start } .justify-between { justify-content:space-between } .justify-center { justify-content:center } .gap-1 { gap:calc(var(--spacing)*1) } .gap-2 { gap:calc(var(--spacing)*2) } .gap-3 { gap:calc(var(--spacing)*3) } .gap-4 { gap:calc(var(--spacing)*4) } .gap-6 { gap:calc(var(--spacing)*6) } .gap-7 { gap:calc(var(--spacing)*7) } .gap-8 { gap:calc(var(--spacing)*8) } .gap-\[6px\] { gap:6px } .self-center { align-self:center } .self-start { align-self:flex-start } .truncate { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .overflow-x-auto { overflow-x:auto } .overflow-x-scroll { overflow-x:scroll } .rounded { border-radius:.25rem } .rounded-\[2px\] { border-radius:2px } .rounded-\[4px\] { border-radius:4px } .rounded-sm { border-radius:calc(var(--radius)*.75) } .border, .border-1 { border-style:var(--tw-border-style); border-width:1px } .border-3 { border-style:var(--tw-border-style); border-width:3px } .border-4 { border-style:var(--tw-border-style); border-width:4px } .border-5 { border-style:var(--tw-border-style); border-width:5px } .border-y-8 { border-block-style:var(--tw-border-style); border-block-width:8px } .border-r-8 { border-right-style:var(--tw-border-style); border-right-width:8px } .border-b-1 { border-bottom-style:var(--tw-border-style); border-bottom-width:1px } .border-l-8 { border-left-style:var(--tw-border-style); border-left-width:8px } .border-dashed { --tw-border-style:dashed; border-style:dashed } .border-none { --tw-border-style:none; border-style:none } .border-solid { --tw-border-style:solid; border-style:solid } .border-\(--background\) { border-color:var(--background) } .border-\(--color-classic-tooltip-outline\) { border-color:var(--color-classic-tooltip-outline) } .border-\(--color-default-button-outline\) { border-color:var(--color-default-button-outline) } .border-\(--color-map-sidebar-1\) { border-color:var(--color-map-sidebar-1) } .border-\(--color-map-sidebar-2\) { border-color:var(--color-map-sidebar-2) } .border-\(--color-map-sidebar-3\) { border-color:var(--color-map-sidebar-3) } .border-\(--color-map-sidebar-4\) { border-color:var(--color-map-sidebar-4) } .border-\(--color-map-sidebar-5\) { border-color:var(--color-map-sidebar-5) } .border-\(--color-mspa-300\) { border-color:var(--color-mspa-300) } .border-\(--main\) { border-color:var(--main) } .border-\(--primary-foreground\) { border-color:var(--primary-foreground) } .border-\[\#808080\] { border-color:gray } .border-black { border-color:var(--color-black) } .border-gray-400 { border-color:var(--color-gray-400) } .bg-\(--background\) { background-color:var(--background) } .bg-\(--card\) { background-color:var(--card) } .bg-\(--color-a6a5a1-bg\) { background-color:var(--color-a6a5a1-bg) } .bg-\(--color-card\) { background-color:var(--color-card) } .bg-\(--color-classic-tooltip-background\) { background-color:var(--color-classic-tooltip-background) } .bg-\(--color-map-sidebar-1\) { background-color:var(--color-map-sidebar-1) } .bg-\(--color-map-sidebar-2\) { background-color:var(--color-map-sidebar-2) } .bg-\(--color-map-sidebar-3\) { background-color:var(--color-map-sidebar-3) } .bg-\(--color-map-sidebar-4\) { background-color:var(--color-map-sidebar-4) } .bg-\(--color-map-sidebar-5\) { background-color:var(--color-map-sidebar-5) } .bg-\(--color-mspa-225\) { background-color:var(--color-mspa-225) } .bg-\(--color-mspa-650\) { background-color:var(--color-mspa-650) } .bg-\(--color-sbahj-blue-santa\) { background-color:var(--color-sbahj-blue-santa) } .bg-\(--color-sbahj-yellow\) { background-color:var(--color-sbahj-yellow) } .bg-\(--main\) { background-color:var(--main) } .bg-\(--nav-background\) { background-color:var(--nav-background) } .bg-\(--pesterlog-background\) { background-color:var(--pesterlog-background) } .bg-\(--primary\) { background-color:var(--primary) } .bg-\(--secondary\) { background-color:var(--secondary) } .bg-background { background-color:var(--background) } .bg-black { background-color:var(--color-black) } .bg-black\/40 { background-color:#0006 } @supports (color:color-mix(in lab,red,red)) { .bg-black\/40 { background-color:color-mix(in oklab,var(--color-black)40%,transparent) } } .bg-card { background-color:var(--card) } .bg-main { background-color:var(--main) } .bg-white { background-color:var(--color-white) } .bg-linear-to-b { --tw-gradient-position:to bottom } @supports (background-image:linear-gradient(in lab,red,red)) { .bg-linear-to-b { --tw-gradient-position:to bottom in oklab } } .bg-linear-to-b { background-image:linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-r { --tw-gradient-position:to right } @supports (background-image:linear-gradient(in lab,red,red)) { .bg-linear-to-r { --tw-gradient-position:to right in oklab } } .bg-linear-to-r { background-image:linear-gradient(var(--tw-gradient-stops)) } .bg-\[url\(\/logosAndAds\/trickster\/bluetile\.gif\)\] { background-image:url(/logosAndAds/trickster/bluetile.gif) } .bg-\[url\(\/logosAndAds\/trickster\/header_candy\.gif\)\] { background-image:url(/logosAndAds/trickster/header_candy.gif) } .from-\(--color-dave\) { --tw-gradient-from:var(--color-dave); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-\(--color-default-button-bg\) { --tw-gradient-from:var(--color-default-button-bg); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-\(--color-dirk\) { --tw-gradient-from:var(--color-dirk); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-40\% { --tw-gradient-from-position:40% } .via-\(--color-default-button-mid\) { --tw-gradient-via:var(--color-default-button-mid); --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) } .to-\(--card\) { --tw-gradient-to:var(--card); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-\(--color-default-button-fade\) { --tw-gradient-to:var(--color-default-button-fade); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-\(--color-trickster-yellow\) { --tw-gradient-to:var(--color-trickster-yellow); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .bg-clip-text { -webkit-background-clip:text; background-clip:text } .bg-repeat-x { background-repeat:repeat-x } .fill-\(--main\) { fill:var(--main) } .stroke-2 { stroke-width:2px } .stroke-3 { stroke-width:3px } .object-contain { object-fit:contain } .p-0 { padding:calc(var(--spacing)*0) } .p-0\.5 { padding:calc(var(--spacing)*.5) } .p-0\.25 { padding:calc(var(--spacing)*.25) } .p-1 { padding:calc(var(--spacing)*1) } .p-2 { padding:calc(var(--spacing)*2) } .p-4 { padding:calc(var(--spacing)*4) } .p-6 { padding:calc(var(--spacing)*6) } .p-15 { padding:calc(var(--spacing)*15) } .px-2 { padding-inline:calc(var(--spacing)*2) } .px-4 { padding-inline:calc(var(--spacing)*4) } .px-6 { padding-inline:calc(var(--spacing)*6) } .px-25 { padding-inline:calc(var(--spacing)*25) } .py-0 { padding-block:calc(var(--spacing)*0) } .py-0\.5 { padding-block:calc(var(--spacing)*.5) } .py-2 { padding-block:calc(var(--spacing)*2) } .py-3 { padding-block:calc(var(--spacing)*3) } .py-4 { padding-block:calc(var(--spacing)*4) } .py-6 { padding-block:calc(var(--spacing)*6) } .py-8 { padding-block:calc(var(--spacing)*8) } .py-10 { padding-block:calc(var(--spacing)*10) } .pt-1 { padding-top:calc(var(--spacing)*1) } .pt-2 { padding-top:calc(var(--spacing)*2) } .pr-1 { padding-right:calc(var(--spacing)*1) } .pb-2 { padding-bottom:calc(var(--spacing)*2) } .pb-3 { padding-bottom:calc(var(--spacing)*3) } .pb-4 { padding-bottom:calc(var(--spacing)*4) } .pb-5 { padding-bottom:calc(var(--spacing)*5) } .pb-12 { padding-bottom:calc(var(--spacing)*12) } .pl-1 { padding-left:calc(var(--spacing)*1) } .pl-\[25px\] { padding-left:25px } .text-center { text-align:center } .text-left { text-align:left } .font-\(family-name\:--comic-font\) { font-family:var(--comic-font) } .font-\(family-name\:--font-sans-serif\) { font-family:var(--font-sans-serif) } .font-\(family-name\:--nav-font\) { font-family:var(--nav-font) } .font-comic-sans { font-family:var(--font-comic-sans) } .font-homestuck { font-family:var(--font-homestuck) } .\!text-2xl { font-size:var(--text-2xl)!important; line-height:var(--tw-leading,var(--text-2xl--line-height))!important } .\!text-3xl { font-size:var(--text-3xl)!important; line-height:var(--tw-leading,var(--text-3xl--line-height))!important } .\!text-4xl { font-size:var(--text-4xl)!important; line-height:var(--tw-leading,var(--text-4xl--line-height))!important } .\!text-5xl { font-size:var(--text-5xl)!important; line-height:var(--tw-leading,var(--text-5xl--line-height))!important } .\!text-base { font-size:var(--text-base)!important; line-height:var(--tw-leading,var(--text-base--line-height))!important } .\!text-xl { font-size:var(--text-xl)!important; line-height:var(--tw-leading,var(--text-xl--line-height))!important } .text-2xl { font-size:var(--text-2xl); line-height:var(--tw-leading,var(--text-2xl--line-height)) } .text-2xs { font-size:var(--text-2xs); line-height:var(--tw-leading,var(--text-2xs--line-height)) } .text-3xl { font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height)) } .text-4xl { font-size:var(--text-4xl); line-height:var(--tw-leading,var(--text-4xl--line-height)) } .text-5xl { font-size:var(--text-5xl); line-height:var(--tw-leading,var(--text-5xl--line-height)) } .text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) } .text-7xl { font-size:var(--text-7xl); line-height:var(--tw-leading,var(--text-7xl--line-height)) } .text-8xl { font-size:var(--text-8xl); line-height:var(--tw-leading,var(--text-8xl--line-height)) } .text-9xl { font-size:var(--text-9xl); line-height:var(--tw-leading,var(--text-9xl--line-height)) } .text-\[5\.65rem\]\/17 { font-size:5.65rem; line-height:calc(var(--spacing)*17) } .text-\[7rem\]\/25 { font-size:7rem; line-height:calc(var(--spacing)*25) } .text-\[10rem\]\/25 { font-size:10rem; line-height:calc(var(--spacing)*25) } .text-\[10rem\]\/40 { font-size:10rem; line-height:calc(var(--spacing)*40) } .text-base { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)) } .text-lg { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)) } .text-sm { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)) } .text-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)) } .text-xs { font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height)) } .text-\[0\.4em\] { font-size:.4em } .text-\[0\.6em\] { font-size:.6em } .text-\[0\.35em\] { font-size:.35em } .text-\[1px\] { font-size:1px } .text-\[2px\] { font-size:2px } .text-\[4px\] { font-size:4px } .text-\[5px\] { font-size:5px } .text-\[6px\] { font-size:6px } .text-\[7px\] { font-size:7px } .text-\[8px\] { font-size:8px } .text-\[10px\] { font-size:10px } .text-\[14px\] { font-size:14px } .text-\[24px\] { font-size:24px } .text-\[32px\] { font-size:32px } .text-\[48px\] { font-size:48px } .leading-0\.5 { --tw-leading:calc(var(--spacing)*.5); line-height:calc(var(--spacing)*.5) } .leading-0\.75 { --tw-leading:calc(var(--spacing)*.75); line-height:calc(var(--spacing)*.75) } .leading-1 { --tw-leading:calc(var(--spacing)*1); line-height:calc(var(--spacing)*1) } .leading-2 { --tw-leading:calc(var(--spacing)*2); line-height:calc(var(--spacing)*2) } .leading-3 { --tw-leading:calc(var(--spacing)*3); line-height:calc(var(--spacing)*3) } .leading-4 { --tw-leading:calc(var(--spacing)*4); line-height:calc(var(--spacing)*4) } .leading-5 { --tw-leading:calc(var(--spacing)*5); line-height:calc(var(--spacing)*5) } .leading-\[-1\] { --tw-leading:-1; line-height:-1 } .leading-none { --tw-leading:1; line-height:1 } .\!font-bold { --tw-font-weight:var(--font-weight-bold)!important; font-weight:var(--font-weight-bold)!important } .\!font-normal { --tw-font-weight:var(--font-weight-normal)!important; font-weight:var(--font-weight-normal)!important } .font-bold { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold) } .font-normal { --tw-font-weight:var(--font-weight-normal); font-weight:var(--font-weight-normal) } .tracking-\[-0\.1em\] { --tw-tracking:-.1em; letter-spacing:-.1em } .tracking-\[0\.11em\] { --tw-tracking:.11em; letter-spacing:.11em } .tracking-tighter { --tw-tracking:var(--tracking-tighter); letter-spacing:var(--tracking-tighter) } .wrap-break-word { overflow-wrap:break-word } .break-all { word-break:break-all } .whitespace-nowrap { white-space:nowrap } .\!text-\(--color-red\) { color:var(--color-red)!important } .\!text-\(--color-sbahj-cyan\) { color:var(--color-sbahj-cyan)!important } .\!text-\(--color-sbahj-dark-pink\) { color:var(--color-sbahj-dark-pink)!important } .\!text-\(--color-sbahj-green\) { color:var(--color-sbahj-green)!important } .text-\(--card-foreground\) { color:var(--card-foreground) } .text-\(--color-aradia\) { color:var(--color-aradia) } .text-\(--color-aradiabot\) { color:var(--color-aradiabot) } .text-\(--color-aranea\) { color:var(--color-aranea) } .text-\(--color-arquiusprite\) { color:var(--color-arquiusprite) } .text-\(--color-autoresponder\) { color:var(--color-autoresponder) } .text-\(--color-becsprite\) { color:var(--color-becsprite) } .text-\(--color-biscuits\) { color:var(--color-biscuits) } .text-\(--color-blue\) { color:var(--color-blue) } .text-\(--color-caliborn\) { color:var(--color-caliborn) } .text-\(--color-caliborn-muddy\) { color:var(--color-caliborn-muddy) } .text-\(--color-calliope\) { color:var(--color-calliope) } .text-\(--color-calliope-alt\) { color:var(--color-calliope-alt) } .text-\(--color-calsprite\) { color:var(--color-calsprite) } .text-\(--color-cans\) { color:var(--color-cans) } .text-\(--color-clover\) { color:var(--color-clover) } .text-\(--color-crockertier\) { color:var(--color-crockertier) } .text-\(--color-crowbar\) { color:var(--color-crowbar) } .text-\(--color-dave\) { color:var(--color-dave) } .text-\(--color-dave-green\) { color:var(--color-dave-green) } .text-\(--color-davepetasprite\) { color:var(--color-davepetasprite) } .text-\(--color-davepetasprite-prefix\) { color:var(--color-davepetasprite-prefix) } .text-\(--color-davesprite\) { color:var(--color-davesprite) } .text-\(--color-default-link\) { color:var(--color-default-link) } .text-\(--color-die\) { color:var(--color-die) } .text-\(--color-dirk\) { color:var(--color-dirk) } .text-\(--color-doc-scratch\) { color:var(--color-doc-scratch) } .text-\(--color-doze\) { color:var(--color-doze) } .text-\(--color-dragonsprite\) { color:var(--color-dragonsprite) } .text-\(--color-ectobiology\) { color:var(--color-ectobiology) } .text-\(--color-eggs\) { color:var(--color-eggs) } .text-\(--color-equius\) { color:var(--color-equius) } .text-\(--color-eridan\) { color:var(--color-eridan) } .text-\(--color-erisolsprite\) { color:var(--color-erisolsprite) } .text-\(--color-fedorafreak\) { color:var(--color-fedorafreak) } .text-\(--color-feferi\) { color:var(--color-feferi) } .text-\(--color-fefetasprite\) { color:var(--color-fefetasprite) } .text-\(--color-felt-100\) { color:var(--color-felt-100) } .text-\(--color-felt-700\) { color:var(--color-felt-700) } .text-\(--color-fin\) { color:var(--color-fin) } .text-\(--color-gamzee\) { color:var(--color-gamzee) } .text-\(--color-gcatavrosprite\) { color:var(--color-gcatavrosprite) } .text-\(--color-hussie\) { color:var(--color-hussie) } .text-\(--color-itchy\) { color:var(--color-itchy) } .text-\(--color-jade\) { color:var(--color-jade) } .text-\(--color-jadesprite\) { color:var(--color-jadesprite) } .text-\(--color-jake\) { color:var(--color-jake) } .text-\(--color-jane\) { color:var(--color-jane) } .text-\(--color-jaspersprite\) { color:var(--color-jaspersprite) } .text-\(--color-jasprosesprite\) { color:var(--color-jasprosesprite) } .text-\(--color-jasprosesprite-prefix\) { color:var(--color-jasprosesprite-prefix) } .text-\(--color-john\) { color:var(--color-john) } .text-\(--color-kanaya\) { color:var(--color-kanaya) } .text-\(--color-karkat\) { color:var(--color-karkat) } .text-\(--color-karkat-red\) { color:var(--color-karkat-red) } .text-\(--color-leprechaun-heart\) { color:var(--color-leprechaun-heart) } .text-\(--color-leprechaun-horseshoe\) { color:var(--color-leprechaun-horseshoe) } .text-\(--color-leprechaun-star\) { color:var(--color-leprechaun-star) } .text-\(--color-lord-english\) { color:var(--color-lord-english) } .text-\(--color-map-act6-act6\) { color:var(--color-map-act6-act6) } .text-\(--color-map-sidebar-foreground\) { color:var(--color-map-sidebar-foreground) } .text-\(--color-matchsticks\) { color:var(--color-matchsticks) } .text-\(--color-meenah\) { color:var(--color-meenah) } .text-\(--color-mspa-100\) { color:var(--color-mspa-100) } .text-\(--color-mspa-250\) { color:var(--color-mspa-250) } .text-\(--color-nannasprite\) { color:var(--color-nannasprite) } .text-\(--color-nepeta\) { color:var(--color-nepeta) } .text-\(--color-nepetasprite\) { color:var(--color-nepetasprite) } .text-\(--color-prompt-lock\) { color:var(--color-prompt-lock) } .text-\(--color-quarters\) { color:var(--color-quarters) } .text-\(--color-recap-100\) { color:var(--color-recap-100) } .text-\(--color-recap-200\) { color:var(--color-recap-200) } .text-\(--color-recap-300\) { color:var(--color-recap-300) } .text-\(--color-recap-400\) { color:var(--color-recap-400) } .text-\(--color-recap-500\) { color:var(--color-recap-500) } .text-\(--color-recap-600\) { color:var(--color-recap-600) } .text-\(--color-recap-700\) { color:var(--color-recap-700) } .text-\(--color-recap-800\) { color:var(--color-recap-800) } .text-\(--color-red\) { color:var(--color-red) } .text-\(--color-rose\) { color:var(--color-rose) } .text-\(--color-rosesprite\) { color:var(--color-rosesprite) } .text-\(--color-roxy\) { color:var(--color-roxy) } .text-\(--color-sawbuck\) { color:var(--color-sawbuck) } .text-\(--color-sbahj-dark-yellow\) { color:var(--color-sbahj-dark-yellow) } .text-\(--color-sbahj-light-yellow\) { color:var(--color-sbahj-light-yellow) } .text-\(--color-sollux\) { color:var(--color-sollux) } .text-\(--color-space\) { color:var(--color-space) } .text-\(--color-stitch\) { color:var(--color-stitch) } .text-\(--color-tavrisprite\) { color:var(--color-tavrisprite) } .text-\(--color-tavros\) { color:var(--color-tavros) } .text-\(--color-tavrosprite\) { color:var(--color-tavrosprite) } .text-\(--color-terezi\) { color:var(--color-terezi) } .text-\(--color-the-tumor\) { color:var(--color-the-tumor) } .text-\(--color-trace\) { color:var(--color-trace) } .text-\(--color-vriska\) { color:var(--color-vriska) } .text-\(--link\) { color:var(--link) } .text-\(--main-foreground\) { color:var(--main-foreground) } .text-\(--nav-background\) { color:var(--nav-background) } .text-\(--nav-group-1\) { color:var(--nav-group-1) } .text-\(--nav-group-2\) { color:var(--nav-group-2) } .text-\(--nav-group-3\) { color:var(--nav-group-3) } .text-\(--nav-group-4\) { color:var(--nav-group-4) } .text-\(--nav-group-5\) { color:var(--nav-group-5) } .text-\(--primary-foreground\) { color:var(--primary-foreground) } .text-\(--secondary-foreground\) { color:var(--secondary-foreground) } .text-\[rgb\(175\,206\,116\)\] { color:#afce74 } .text-black { color:var(--color-black) } .text-card-foreground { color:var(--card-foreground) } .text-current { color:currentColor } .text-primary-foreground { color:var(--primary-foreground) } .text-transparent { color:#0000 } .text-white { color:var(--color-white) } .capitalize { text-transform:capitalize } .lowercase { text-transform:lowercase } .uppercase { text-transform:uppercase } .italic { font-style:italic } .ordinal { --tw-ordinal:ordinal; font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,) } .\!no-underline { text-decoration-line:none!important } .line-through { text-decoration-line:line-through } .underline { text-decoration-line:underline } .opacity-60 { opacity:.6 } .shadow-xs\/100 { --tw-shadow-alpha:100%; --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,oklab(0% 0 0)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .shadow { --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .ring { --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) } .ring\! { --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important; box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important } .outline { outline-style:var(--tw-outline-style); outline-width:1px } .outline-4 { outline-style:var(--tw-outline-style); outline-width:4px } .outline-\(--main\) { outline-color:var(--main) } .blur { --tw-blur:blur(8px); filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .blur-\[2px\] { --tw-blur:blur(2px); filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .invert { --tw-invert:invert(100%); filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .filter { filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .transition { transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration)) } .duration-300 { --tw-duration:.3s; transition-duration:.3s } .\[clip-path\:var\(--captchalogue-clip-card\)\] { clip-path:var(--captchalogue-clip-card) } .\[clip-path\:var\(--captchalogue-clip-card-shadow\)\] { clip-path:var(--captchalogue-clip-card-shadow) } .\[clip-path\:var\(--captchalogue-clip-inner\)\] { clip-path:var(--captchalogue-clip-inner) } .\[clip-path\:var\(--captchalogue-clip-inner-shadow\)\] { clip-path:var(--captchalogue-clip-inner-shadow) } .\[text-align-last\:justify\] { text-align-last:justify } .\[text-shadow\:_0px_0px_8px\] { text-shadow:0 0 8px } .\[text-shadow\:var\(--text-outline-sm\)\] { text-shadow:var(--text-outline-sm) } .animate-text-ultimate-reward { animation-composition:add } .fade-in { --tw-enter-opacity:0 } .fade-out { --tw-exit-opacity:0 } .paused { animation-play-state:paused } .running { animation-play-state:running } .text-shadow-\(--text-blur-100-john\) { text-shadow:var(--text-blur-100-john) } .text-shadow-\(--text-blur-200-john\) { text-shadow:var(--text-blur-200-john) } .text-shadow-\(--text-blur-300-john\) { text-shadow:var(--text-blur-300-john) } .text-shadow-\(--text-blur-dave\) { text-shadow:var(--text-blur-dave) } .text-shadow-\(--text-blur-karkat\) { text-shadow:var(--text-blur-karkat) } .text-shadow-\(--text-shadow-extrude-2xl\) { text-shadow:var(--text-shadow-extrude-2xl) } .text-shadow-\(--text-shadow-gamzee\) { text-shadow:var(--text-shadow-gamzee) } .text-shadow-\(--text-shadow-vriska\) { text-shadow:var(--text-shadow-vriska) } .visited\:text-\(--link-visited\):visited { color:var(--link-visited) } @media(hover:hover) { .hover\:bg-black:hover { background-color:var(--color-black) } .hover\:from-\(--color-default-button-hover\):hover { --tw-gradient-from:var(--color-default-button-hover); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .hover\:via-\(--color-default-button-hover\):hover { --tw-gradient-via:var(--color-default-button-hover); --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops) } .hover\:to-\(--color-default-button-hover\):hover { --tw-gradient-to:var(--color-default-button-hover); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)) } .hover\:text-white:hover { color:var(--color-white) } } .active\:bg-black:active { background-color:var(--color-black) } .active\:text-white:active { color:var(--color-white) } .data-\[state\=closed\]\:data-\[side\=left\]\:animate-out[data-state=closed][data-side=left] { animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } .data-\[state\=open\]\:data-\[side\=left\]\:animate-in[data-state=open][data-side=left] { animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none) } @media not all and (min-width:650px) { .max-md\:fixed { position:fixed } .max-md\:my-1 { margin-block:calc(var(--spacing)*1) } .max-md\:mb-2 { margin-bottom:calc(var(--spacing)*2) } .max-md\:block { display:block } .max-md\:hidden { display:none } .max-md\:min-h-\[240px\] { min-height:240px } .max-md\:w-full { width:100% } .max-md\:min-w-\[210vw\] { min-width:210vw } .max-md\:flex-col { flex-direction:column } .max-md\:items-center { align-items:center } .max-md\:self-end { align-self:flex-end } .max-md\:self-start { align-self:flex-start } .max-md\:px-1 { padding-inline:calc(var(--spacing)*1) } .max-md\:px-2 { padding-inline:calc(var(--spacing)*2) } .max-md\:wrap-anywhere { overflow-wrap:anywhere } .max-md\:drop-shadow-xs { --tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000d)); --tw-drop-shadow:drop-shadow(var(--drop-shadow-xs)); filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) } .max-md\:drop-shadow-black { --tw-drop-shadow-color:#000 } @supports (color:color-mix(in lab,red,red)) { .max-md\:drop-shadow-black { --tw-drop-shadow-color:color-mix(in oklab,var(--color-black)var(--tw-drop-shadow-alpha),transparent) } } .max-md\:drop-shadow-black { --tw-drop-shadow:var(--tw-drop-shadow-size) } } @media not all and (min-width:450px) { .max-sm\:hidden { display:none } } @media(min-width:650px) { .md\:m-2 { margin:calc(var(--spacing)*2) } .md\:mx-0\.75 { margin-inline:calc(var(--spacing)*.75) } .md\:mx-2 { margin-inline:calc(var(--spacing)*2) } .md\:mx-3 { margin-inline:calc(var(--spacing)*3) } .md\:mx-6 { margin-inline:calc(var(--spacing)*6) } .md\:mx-8 { margin-inline:calc(var(--spacing)*8) } .md\:my-1 { margin-block:calc(var(--spacing)*1) } .md\:mt-2 { margin-top:calc(var(--spacing)*2) } .md\:mb-2 { margin-bottom:calc(var(--spacing)*2) } .md\:mb-4 { margin-bottom:calc(var(--spacing)*4) } .md\:mb-6 { margin-bottom:calc(var(--spacing)*6) } .md\:mb-8 { margin-bottom:calc(var(--spacing)*8) } .md\:ml-15 { margin-left:calc(var(--spacing)*15) } .md\:ml-\[70px\] { margin-left:70px } .md\:ml-\[200px\] { margin-left:200px } .md\:block { display:block } .md\:flex { display:flex } .md\:hidden { display:none } .md\:h-\[110px\] { height:110px } .md\:h-\[3070px\] { height:3070px } .md\:h-\[3560px\] { height:3560px } .md\:min-h-\[450px\] { min-height:450px } .md\:w-\(--card-layout-width\) { width:var(--card-layout-width) } .md\:w-\[600px\] { width:600px } .md\:w-\[782px\] { width:782px } .md\:w-\[850px\] { width:850px } .md\:w-\[900px\] { width:900px } .md\:w-\[950px\] { width:950px } .md\:w-full { width:100% } .md\:w-lg { width:var(--container-lg) } .md\:max-w-\(--main-layout-width\) { max-width:var(--main-layout-width) } .md\:max-w-4xl { max-width:var(--container-4xl) } .md\:min-w-\[1600px\] { min-width:1600px } .md\:flex-col { flex-direction:column } .md\:items-center { align-items:center } .md\:items-end { align-items:flex-end } .md\:items-start { align-items:flex-start } .md\:justify-between { justify-content:space-between } .md\:justify-center { justify-content:center } .md\:self-center { align-self:center } .md\:self-start { align-self:flex-start } .md\:border-x-2 { border-inline-style:var(--tw-border-style); border-inline-width:2px } .md\:border-solid { --tw-border-style:solid; border-style:solid } .md\:border-\(--color-mspa-25\) { border-color:var(--color-mspa-25) } .md\:border-\(--color-mspa-700\) { border-color:var(--color-mspa-700) } .md\:bg-\(--nav-background\) { background-color:var(--nav-background) } .md\:bg-\[url\(\/logosAndAds\/a6a6_bannerframe\.png\)\] { background-image:url(/logosAndAds/a6a6_bannerframe.png) } .md\:bg-\[url\(\/logosAndAds\/trickster\/bannerframe2\.gif\)\] { background-image:url(/logosAndAds/trickster/bannerframe2.gif) } .md\:p-2 { padding:calc(var(--spacing)*2) } .md\:px-2 { padding-inline:calc(var(--spacing)*2) } .md\:px-20 { padding-inline:calc(var(--spacing)*20) } .md\:pt-4 { padding-top:calc(var(--spacing)*4) } .md\:pb-10 { padding-bottom:calc(var(--spacing)*10) } .md\:pl-2 { padding-left:calc(var(--spacing)*2) } .md\:pl-30 { padding-left:calc(var(--spacing)*30) } .md\:text-6xl { font-size:var(--text-6xl); line-height:var(--tw-leading,var(--text-6xl--line-height)) } .md\:text-7xl { font-size:var(--text-7xl); line-height:var(--tw-leading,var(--text-7xl--line-height)) } .md\:text-8xl { font-size:var(--text-8xl); line-height:var(--tw-leading,var(--text-8xl--line-height)) } .md\:text-9xl { font-size:var(--text-9xl); line-height:var(--tw-leading,var(--text-9xl--line-height)) } .md\:text-\[10px\] { font-size:10px } .md\:text-\[10rem\] { font-size:10rem } .md\:text-\[11rem\] { font-size:11rem } .md\:text-\[15em\] { font-size:15em } .md\:text-\[25em\] { font-size:25em } .md\:leading-none { --tw-leading:1; line-height:1 } } @media(min-width:950px) { .lg\:block { display:block } .lg\:pl-70 { padding-left:calc(var(--spacing)*70) } } .\[\&__button\]\:text-\(--link\) button { color:var(--link) } .\[\&__button\]\:visited\:text-\(--link-visited\) button:visited { color:var(--link-visited) } .\[\&_a\]\:font-bold a { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold) } .\[\&_a\]\:text-\(--color-default-link\) a { color:var(--color-default-link) } .\[\&_a\]\:text-\(--link\) a { color:var(--link) } .\[\&_a\]\:underline a { text-decoration-line:underline } .\[\&_a\]\:visited\:text-\(--link-visited\) a:visited { color:var(--link-visited) } .\[\&_button\]\:cursor-pointer button { cursor:pointer } .\[\&_button\]\:gap-2 button { gap:calc(var(--spacing)*2) } .\[\&_button\]\:p-4 button { padding:calc(var(--spacing)*4) } .\[\&_button\]\:font-normal button { --tw-font-weight:var(--font-weight-normal); font-weight:var(--font-weight-normal) } .\[\&_button\]\:underline button { text-decoration-line:underline } .\[\&_button\]\:disabled\:cursor-not-allowed button:disabled { cursor:not-allowed } .\[\&_button\]\:disabled\:opacity-50 button:disabled { opacity:.5 } .\[\&_div\]\:\!my-0 div { margin-block:calc(var(--spacing)*0)!important } .\[\&_div\]\:my-0 div { margin-block:calc(var(--spacing)*0) } .\[\&_h2\]\:mb-2 h2 { margin-bottom:calc(var(--spacing)*2) } .\[\&_h2\]\:text-xl h2 { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)) } .\[\&_h2\]\:font-bold h2 { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold) } .\[\&_img\]\:mb-1 img { margin-bottom:calc(var(--spacing)*1) } .\[\&_img\]\:h-\(--text-sm--line-height\) img { height:var(--text-sm--line-height) } .\[\&_img\]\:max-w-none img { max-width:none } .\[\&_li\]\:mr-1 li { margin-right:calc(var(--spacing)*1) } .\[\&_li\]\:px-1 li { padding-inline:calc(var(--spacing)*1) } .\[\&_li\]\:pb-1 li { padding-bottom:calc(var(--spacing)*1) } .\[\&_li\]\:pl-1 li { padding-left:calc(var(--spacing)*1) } .\[\&_p\]\:\!m-0 p { margin:calc(var(--spacing)*0)!important } .\[\&_p\]\:mb-4 p { margin-bottom:calc(var(--spacing)*4) } .\[\&_p\]\:p-0 p { padding:calc(var(--spacing)*0) } .\[\&_p\]\:text-center p { text-align:center } .\[\&_p\]\:text-justify p { text-align:justify } .\[\&_p\]\:text-left p { text-align:left } .\[\&_p\]\:font-bold p { --tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold) } .\[\&_p\]\:text-\(--color-dave\) p { color:var(--color-dave) } .\[\&_p\]\:text-\(--color-jade\) p { color:var(--color-jade) } .\[\&_p\]\:text-\(--color-rose\) p { color:var(--color-rose) } .\[\&_p\]\:underline p { text-decoration-line:underline } .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) { margin-bottom:calc(var(--spacing)*4) } .\[\&_section\]\:flex section { display:flex } .\[\&_section\]\:flex-col section { flex-direction:column } .\[\&_section\]\:items-center section { align-items:center } .\[\&_ul\]\:text-center ul { text-align:center } @media(min-width:650px) { .md\:\[\&_ul\]\:flex ul { display:flex } .md\:\[\&_ul\]\:list-\[\'\|\'\] ul { list-style-type:"|" } .md\:\[\&_ul\]\:marker\:text-\(--main-foreground\) ul ::marker { color:var(--main-foreground) } .md\:\[\&_ul\]\:marker\:text-\(--main-foreground\) ul::marker { color:var(--main-foreground) } .md\:\[\&_ul\]\:marker\:text-\(--main-foreground\) ul ::-webkit-details-marker { color:var(--main-foreground) } .md\:\[\&_ul\]\:marker\:text-\(--main-foreground\) ul::-webkit-details-marker { color:var(--main-foreground) } } .\[\&\>\*\]\:p-1>* { padding:calc(var(--spacing)*1) } } @property --tw-animation-delay { syntax:"*"; inherits:false; initial-value:0s } @property --tw-animation-direction { syntax:"*"; inherits:false; initial-value:normal } @property --tw-animation-duration { syntax:"*"; inherits:false } @property --tw-animation-fill-mode { syntax:"*"; inherits:false; initial-value:none } @property --tw-animation-iteration-count { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-blur { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-opacity { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-rotate { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-scale { syntax:"*"; inherits:false; initial-value:1 } @property --tw-enter-translate-x { syntax:"*"; inherits:false; initial-value:0 } @property --tw-enter-translate-y { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-blur { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-opacity { syntax:"*"; inherits:false; initial-value:1 } @property --tw-exit-rotate { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-scale { syntax:"*"; inherits:false; initial-value:1 } @property --tw-exit-translate-x { syntax:"*"; inherits:false; initial-value:0 } @property --tw-exit-translate-y { syntax:"*"; inherits:false; initial-value:0 } @font-face { font-family:Homestuck; font-style:normal; font-weight:400; font-display:swap; src:url(/assets/Regular-CBYKS2MD.woff2)format("woff2") } @keyframes marquee { 0% { transform:translate(0) } to { transform:translate(-100%) } } @keyframes marquee2 { 0% { transform:translate(100%) } to { transform:translate(0) } } @keyframes text-ultimate-reward { 0%, 55.5555%, 81.4815%, to { color:initial; --tw-text-shadow-color:var(--color-mspa-100); text-shadow:-1px -1px 0 var(--tw-text-shadow-color,),0px -1px 0 var(--tw-text-shadow-color,),1px -1px 0 var(--tw-text-shadow-color,),-1px 0px 0 var(--tw-text-shadow-color,),1px 0px 0 var(--tw-text-shadow-color,),-1px 1px 0 var(--tw-text-shadow-color,),0px 1px 0 var(--tw-text-shadow-color,),1px 1px 0 var(--tw-text-shadow-color,) } 72.2222%, 74.0741%, 75.9259% { color:#fff601; --tw-text-shadow-color:#f70000; text-shadow:-1px -1px 0 var(--tw-text-shadow-color,),0px -1px 0 var(--tw-text-shadow-color,),1px -1px 0 var(--tw-text-shadow-color,),-1px 0px 0 var(--tw-text-shadow-color,),1px 0px 0 var(--tw-text-shadow-color,),-1px 1px 0 var(--tw-text-shadow-color,),0px 1px 0 var(--tw-text-shadow-color,),1px 1px 0 var(--tw-text-shadow-color,) } 73.5185%, 75.3704% { color:#fefefe; --tw-text-shadow-color:black; text-shadow:-1px -1px 0 var(--tw-text-shadow-color,),0px -1px 0 var(--tw-text-shadow-color,),1px -1px 0 var(--tw-text-shadow-color,),-1px 0px 0 var(--tw-text-shadow-color,),1px 0px 0 var(--tw-text-shadow-color,),-1px 1px 0 var(--tw-text-shadow-color,),0px 1px 0 var(--tw-text-shadow-color,),1px 1px 0 var(--tw-text-shadow-color,) } } @keyframes text-lord-english { 0%, 92.8571% { color:var(--color-lord-english-yellow) } 7.1429%, 85.7143% { color:var(--color-lord-english-dark-red) } 14.2857%, 78.5714% { color:var(--color-lord-english-blue) } 21.4286%, 71.4286% { color:var(--color-lord-english-green) } 28.5714%, 64.2857% { color:var(--color-lord-english-red) } 35.7143%, 57.1429% { color:var(--color-lord-english-orange) } 42.8571%, 50% { color:var(--color-lord-english-purple) } to { color:#000 } } @keyframes bg-lord-english { 0%, 92.8571% { background-color:var(--color-lord-english-yellow) } 7.1429%, 85.7143% { background-color:var(--color-lord-english-dark-red) } 14.2857%, 78.5714% { background-color:var(--color-lord-english-blue) } 21.4286%, 71.4286% { background-color:var(--color-lord-english-green) } 28.5714%, 64.2857% { background-color:var(--color-lord-english-red) } 35.7143%, 57.1429% { background-color:var(--color-lord-english-orange) } 42.8571%, 50% { background-color:var(--color-lord-english-purple) } to { background-color:#000 } } @keyframes text-trickster { 0%, to { color:var(--color-trickster-red) } 14.2857% { color:var(--color-trickster-orange) } 28.5714% { color:var(--color-trickster-yellow) } 42.8571% { color:var(--color-trickster-green) } 57.1429% { color:var(--color-trickster-cyan) } 71.4286% { color:var(--color-trickster-blue) } 85.7143% { color:var(--color-trickster-purple) } } @keyframes bg-trickster { 0%, to { background-color:var(--color-trickster-red) } 14.2857% { background-color:var(--color-trickster-orange) } 28.5714% { background-color:var(--color-trickster-yellow) } 42.8571% { background-color:var(--color-trickster-green) } 57.1429% { background-color:var(--color-trickster-cyan) } 71.4286% { background-color:var(--color-trickster-blue) } 85.7143% { background-color:var(--color-trickster-purple) } } @keyframes text-green-sun { 0%, to { color:#00d246 } 50% { color:#00ed4f } } @keyframes bg-green-sun { 0%, to { background-color:#00d246 } 50% { background-color:#00ed4f } } @keyframes bg-universe-red { 0%, to { background-color:#b30000 } 50% { background-color:#f20000 } } @keyframes text-universe-red { 0%, to { color:#b30000 } 50% { color:#f20000 } } @keyframes bg-universe-blue { 0%, to { background-color:#001e82 } 50% { background-color:#003bff } } @keyframes text-universe-blue { 0%, to { color:#001e82 } 50% { color:#003bff } } :root { --radius:0rem; --background:var(--color-mspa-700); --main:white; --main-foreground:black; --card:var(--color-mspa-100); --card-foreground:black; --popover:white; --popover-foreground:black; --primary:var(--color-sburb-beta); --primary-foreground:white; --secondary:var(--color-mspa-400); --secondary-foreground:white; --destructive:var(--color-sburb-alpha); --destructive-foreground:white; --muted:var(--color-mspa-300); --muted-foreground:var(--color-mspa-700); --accent:var(--color-mspa-300); --accent-foreground:var(--color-mspa-900); --border:var(--color-mspa-500); --input:var(--color-mspa-500); --ring:var(--color-sburb-beta); --toast-outline:var(--color-mspa-300); --toast-border:var(--color-mspa-400); --extrude-x:1; --extrude-y:1 } [data-theme=dirk] { --primary:var(--color-dirk); --ring:var(--color-dirk); --icon-header:"shades" } [data-theme=dark] { --background:black; --main:var(--color-mspa-800); --main-foreground:white; --card:var(--color-mspa-900); --card-foreground:white; --popover:black; --popover-foreground:white; --primary:var(--color-sgrub); --primary-foreground:white; --secondary:var(--color-mspa-700); --secondary-foreground:white; --destructive:var(--color-sburb-alpha); --destructive-foreground:white; --muted:var(--color-mspa-700); --muted-foreground:var(--color-mspa-300); --accent:var(--color-mspa-800); --accent-foreground:var(--color-mspa-100); --border:var(--color-mspa-500); --input:var(--color-mspa-500); --ring:var(--color-sgrub); --toast-outline:var(--color-mspa-500); --toast-border:var(--color-mspa-700); --extrude-x:1; --extrude-y:1; --icon-header:"candycorn"; --icon-footer:"mspa-reader" } @font-face { font-family:ComicRelief; font-style:bold; src:url(/assets/ComicRelief-Bold-C8bJRfWH.ttf)format("truetype") } @font-face { font-family:CourierPrime; src:url(/assets/CourierPrime-Regular-BpSU6fVE.ttf)format("truetype") } :root { overscroll-behavior:none; scrollbar-gutter:stable both-edges; --standard-layout-width:940px; --cascade-layout-width:950px; --collide-layout-width:984px; --act-seven-layout-width:1314px; --extended-layout-width:1200px; --standard-card-width:650px; --extended-card-width:1107px; --color-the-tumor:#000; --color-sbahj-blue:#0707ec; --color-sbahj-blue-santa:#00e; --color-sbahj-pink:#f400ec; --color-sbahj-green:#14ff23; --color-sbahj-light-yellow:#e6e566; --color-sbahj-yellow:#fdff04; --color-sbahj-dark-yellow:#ffde00; --color-sbahj-cyan:#11fff7; --color-sbahj-dark-pink:#fe035c; --color-red:red; --color-blue:#00f; --color-dave-green:#05d000; --color-ectobiology:#0a9500; --color-trickster-pale-yellow:#f9fd6b; --color-trickster-dark-red:#fb060b; --color-default-link:#00f; --color-link-visited:#551a8b; --color-mspa-25:#f3f3f3; --color-mspa-225:#e2e2e2; --color-mspa-250:#e4e4e4; --color-mspa-350:#cecece; --color-mspa-650:#454545; --color-mspa-750:#5a5a5a; --color-top-green-link:#29ff4a; --color-top-blue-link:#39d5f6; --color-top-yellow-link:#f7f72a; --color-top-orange-link:#ffb529; --color-default-button-bg:#f1f1f1; --color-default-button-mid:#ddd; --color-default-button-fade:#cfcfcf; --color-default-button-outline:#707070; --color-default-button-hover:#787878; --color-classic-tooltip-background:#f9f9fb; --color-classic-tooltip-outline:#747478; --color-mspa-150:#efefef; --color-map-sidebar-1:#b7b7b7; --color-map-sidebar-2:#4be24f; --color-map-sidebar-3:#7638e7; --color-map-sidebar-4:#f40c0c; --color-map-sidebar-5:#0b4100; --color-map-sidebar-foreground:white; --color-map-act6-act6:#007800; --color-recap-100:#ddd; --color-recap-200:#bbb; --color-recap-300:#999; --color-recap-400:#666; --color-recap-500:#444; --color-recap-600:#333; --color-recap-700:#222; --color-recap-800:#111; --font-sans-serif:"Geneva","Lucida Grande",sans-serif; --text-shadow-extrude-2xl:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(4px*var(--extrude-x))calc(3px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(6px*var(--extrude-x))calc(4px*var(--extrude-y))0px var(--tw-text-shadow-color,#000),calc(8px*var(--extrude-x))calc(4px*var(--extrude-y))0px var(--tw-text-shadow-color,#000) } [data-theme=no-theme] { --background:white } [data-theme=comic-default] { --pesterlog-background:var(--color-mspa-100); --background:var(--color-mspa-700); --main:var(--color-mspa-300); --main-foreground:white; --card:var(--color-mspa-100); --card-foreground:black; --link:var(--color-default-link); --link-visited:var(--color-link-visited); --primary:white; --primary-foreground:black; --secondary:var(--color-mspa-150); --secondary-foreground:black; --nav-background:var(--color-mspa-700); --nav-group-1:white; --nav-group-2:var(--color-top-green-link); --nav-group-3:var(--color-top-blue-link); --nav-group-4:var(--color-top-yellow-link); --nav-group-5:var(--color-top-orange-link); --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --main-layout-width:var(--standard-layout-width); --card-layout-width:var(--standard-card-width) } [data-theme=scratch] { --pesterlog-background:black; --background:black; --main:var(--color-felt-900); --main-foreground:white; --card:var(--color-felt-700); --card-foreground:white; --link:var(--color-felt-50); --link-visited:var(--color-felt-50); --primary:white; --primary-foreground:black; --secondary:var(--color-felt-150); --secondary-foreground:black; --nav-background:black; --nav-group-1:white; --nav-group-2:white; --nav-group-3:white; --nav-group-4:white; --nav-group-5:white; --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --color-gamzee:#4200b0; --main-layout-width:var(--standard-layout-width); --card-layout-width:var(--standard-card-width) } [data-theme=sbahj] { --background:var(--color-sbahj-blue); --main:var(--color-sbahj-pink); --main-foreground:white; --card:var(--color-sbahj-green); --card-foreground:black; --link:var(--color-default-link); --link-visited:var(--color-link-visited); --primary:white; --primary-foreground:black; --secondary:var(--color-mspa-150); --secondary-foreground:black; --nav-background:black; --nav-group-1:white; --nav-group-2:var(--color-top-green-link); --nav-group-3:var(--color-top-blue-link); --nav-group-4:var(--color-top-yellow-link); --nav-group-5:var(--color-top-orange-link); --comic-font:var(--font-comic-sans); --nav-font:var(--font-comic-sans); --main-layout-width:var(--standard-layout-width); --card-layout-width:var(--standard-card-width) } [data-theme=cascade] { --background:black; --main:#262626; --main-foreground:white; --primary:white; --link:#06f; --link-visited:#06f; --nav-background:var(--color-mspa-700); --nav-group-1:white; --nav-group-2:var(--color-top-green-link); --nav-group-3:var(--color-top-blue-link); --nav-group-4:var(--color-top-yellow-link); --nav-group-5:var(--color-top-orange-link); --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --main-layout-width:var(--cascade-layout-width) } [data-theme=collide] { --background:black; --main:var(--color-mspa-900); --main-foreground:red; --card:#262626; --card-foreground:black; --primary:white; --link:red; --link-visited:red; --nav-background:black; --nav-group-1:red; --nav-group-2:red; --nav-group-3:red; --nav-group-4:red; --nav-group-5:red; --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --main-layout-width:var(--collide-layout-width) } [data-theme=act-seven] { --background:white; --main:#dbdbdb; --main-foreground:white; --card:var(--color-mspa-350); --card-foreground:black; --primary:white; --link:white; --link-visited:white; --nav-background:#dbdbdb; --nav-group-1:white; --nav-group-2:white; --nav-group-3:white; --nav-group-4:white; --nav-group-5:white; --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --main-layout-width:var(--act-seven-layout-width) } [data-theme=trickster] { --background:#ffd800; --main:#0019b8; --card:var(--color-trickster-violet); --card-foreground:var(--color-trickster-pale-yellow); --primary:white; --primary-foreground:black; --secondary:#0019b8; --secondary-foreground:#b8fff9; --link:var(--color-trickster-dark-red); --link-visited:var(--color-trickster-dark-red); --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --nav-background:black; --nav-group-1:var(--color-trickster-dark-red); --nav-group-2:var(--color-trickster-dark-red); --nav-group-3:var(--color-trickster-dark-red); --nav-group-4:var(--color-trickster-dark-red); --nav-group-5:var(--color-trickster-dark-red); --main-layout-width:var(--standard-layout-width); --card-layout-width:var(--standard-card-width); --color-roxy:#fbbaff; --color-dirk:#fc0; --color-erisolsprite:#50f520 } [data-theme=caliborn] { --background:var(--color-felt-950); --main:var(--color-felt-400); --main-foreground:var(--color-lord-english); --card:var(--color-felt-800); --card-foreground:var(--color-lord-english); --primary:white; --primary-foreground:black; --secondary:var(--color-felt-950); --secondary-foreground:var(--color-lord-english); --link:var(--color-lord-english); --link-visited:var(--color-lord-english); --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --nav-background:var(--color-felt-950); --nav-group-1:var(--color-lord-english); --nav-group-2:var(--color-lord-english); --nav-group-3:var(--color-lord-english); --nav-group-4:var(--color-lord-english); --nav-group-5:var(--color-lord-english); --main-layout-width:var(--standard-layout-width); --card-layout-width:var(--standard-card-width); --color-john:#007eff } [data-theme=extended-width] { --pesterlog-background:var(--color-mspa-100); --background:var(--color-mspa-700); --main:var(--color-mspa-300); --main-foreground:white; --card:var(--color-mspa-100); --card-foreground:black; --link:var(--color-default-link); --link-visited:var(--color-link-visited); --primary:white; --primary-foreground:black; --secondary:var(--color-mspa-150); --secondary-foreground:black; --nav-background:var(--color-mspa-700); --nav-group-1:white; --nav-group-2:var(--color-top-green-link); --nav-group-3:var(--color-top-blue-link); --nav-group-4:var(--color-top-yellow-link); --nav-group-5:var(--color-top-orange-link); --comic-font:var(--font-comic-mono); --nav-font:var(--font-sans); --main-layout-width:var(--extended-layout-width); --card-layout-width:var(--extended-card-width) } @property --tw-rotate-x { syntax:"*"; inherits:false } @property --tw-rotate-y { syntax:"*"; inherits:false } @property --tw-rotate-z { syntax:"*"; inherits:false } @property --tw-skew-x { syntax:"*"; inherits:false } @property --tw-skew-y { syntax:"*"; inherits:false } @property --tw-border-style { syntax:"*"; inherits:false; initial-value:solid } @property --tw-gradient-position { syntax:"*"; inherits:false } @property --tw-gradient-from { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-via { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-to { syntax:""; inherits:false; initial-value:#0000 } @property --tw-gradient-stops { syntax:"*"; inherits:false } @property --tw-gradient-via-stops { syntax:"*"; inherits:false } @property --tw-gradient-from-position { syntax:""; inherits:false; initial-value:0% } @property --tw-gradient-via-position { syntax:""; inherits:false; initial-value:50% } @property --tw-gradient-to-position { syntax:""; inherits:false; initial-value:100% } @property --tw-leading { syntax:"*"; inherits:false } @property --tw-font-weight { syntax:"*"; inherits:false } @property --tw-tracking { syntax:"*"; inherits:false } @property --tw-ordinal { syntax:"*"; inherits:false } @property --tw-slashed-zero { syntax:"*"; inherits:false } @property --tw-numeric-figure { syntax:"*"; inherits:false } @property --tw-numeric-spacing { syntax:"*"; inherits:false } @property --tw-numeric-fraction { syntax:"*"; inherits:false } @property --tw-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-shadow-color { syntax:"*"; inherits:false } @property --tw-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-inset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-inset-shadow-color { syntax:"*"; inherits:false } @property --tw-inset-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-ring-color { syntax:"*"; inherits:false } @property --tw-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-inset-ring-color { syntax:"*"; inherits:false } @property --tw-inset-ring-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-ring-inset { syntax:"*"; inherits:false } @property --tw-ring-offset-width { syntax:""; inherits:false; initial-value:0 } @property --tw-ring-offset-color { syntax:"*"; inherits:false; initial-value:#fff } @property --tw-ring-offset-shadow { syntax:"*"; inherits:false; initial-value:0 0 #0000 } @property --tw-outline-style { syntax:"*"; inherits:false; initial-value:solid } @property --tw-blur { syntax:"*"; inherits:false } @property --tw-brightness { syntax:"*"; inherits:false } @property --tw-contrast { syntax:"*"; inherits:false } @property --tw-grayscale { syntax:"*"; inherits:false } @property --tw-hue-rotate { syntax:"*"; inherits:false } @property --tw-invert { syntax:"*"; inherits:false } @property --tw-opacity { syntax:"*"; inherits:false } @property --tw-saturate { syntax:"*"; inherits:false } @property --tw-sepia { syntax:"*"; inherits:false } @property --tw-drop-shadow { syntax:"*"; inherits:false } @property --tw-drop-shadow-color { syntax:"*"; inherits:false } @property --tw-drop-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @property --tw-drop-shadow-size { syntax:"*"; inherits:false } @property --tw-duration { syntax:"*"; inherits:false } @property --tw-text-shadow-color { syntax:"*"; inherits:false } @property --tw-text-shadow-alpha { syntax:""; inherits:false; initial-value:100% } @keyframes enter { 0% { opacity:var(--tw-enter-opacity,1); transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter:blur(var(--tw-enter-blur,0)) } } @keyframes exit { to { opacity:var(--tw-exit-opacity,1); transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter:blur(var(--tw-exit-blur,0)) } } @keyframes text-sweet-catch { 0%, to { color:#00ee54; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #00b736,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #00b736 } 50% { color:#00f966; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #00d83a,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #00d83a } } @keyframes text-sweet-catch-blue { 0%, to { color:#00a9ee; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #008db7,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #008db7 } 50% { color:#00a3f9; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #00acd8,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #00acd8 } } @keyframes text-corpsesmooch { 0%, to { color:#078446; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #a25203,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #a25203,calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px #a25203,calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px #a25203,calc(5px*var(--extrude-x))calc(5px*var(--extrude-y))0px #a25203,calc(6px*var(--extrude-x))calc(6px*var(--extrude-y))0px #a25203,calc(7px*var(--extrude-x))calc(7px*var(--extrude-y))0px #a25203,calc(8px*var(--extrude-x))calc(8px*var(--extrude-y))0px #a25203,calc(9px*var(--extrude-x))calc(9px*var(--extrude-y))0px #a25203 } 50% { color:#a25203; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #078446,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #078446,calc(3px*var(--extrude-x))calc(3px*var(--extrude-y))0px #078446,calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px #078446,calc(5px*var(--extrude-x))calc(5px*var(--extrude-y))0px #078446,calc(6px*var(--extrude-x))calc(6px*var(--extrude-y))0px #078446,calc(7px*var(--extrude-x))calc(7px*var(--extrude-y))0px #078446,calc(8px*var(--extrude-x))calc(8px*var(--extrude-y))0px #078446,calc(9px*var(--extrude-x))calc(9px*var(--extrude-y))0px #078446 } } @keyframes text-exclamation { 0%, to { color:#f80600 } 50% { color:#fff } } @keyframes text-a6a5a1-combo { 0%, to { color:#ffea00; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #ebbc00,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #ebbc00,calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px #ebbc00,calc(6px*var(--extrude-x))calc(4px*var(--extrude-y))0px #ebbc00 } 50% { color:#fffa73; text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #e3a900,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #e3a900,calc(4px*var(--extrude-x))calc(4px*var(--extrude-y))0px #e3a900,calc(6px*var(--extrude-x))calc(4px*var(--extrude-y))0px #e3a900 } } @keyframes text-lord-english-yellow-red { 0%, to { color:#ffea00 } 50% { color:#df0000 } } @keyframes text-lord-english-blue-purple { 0%, to { color:#4040fd } 50% { color:#a357ff } } @keyframes text-lord-english-orange-maroon { 0%, to { color:#ff6000 } 50% { color:#950015 } } @keyframes text-lord-english-green-yellow { 0%, to { color:#008140 } 50% { color:#ffea00 } } @keyframes text-lord-english-shadow { 0%, to { text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #0aff48,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #0aff48,calc(6px*var(--extrude-x))calc(6px*var(--extrude-y))0px #0aff48,calc(9px*var(--extrude-x))calc(9px*var(--extrude-y))0px #0aff48 } 50% { text-shadow:calc(1px*var(--extrude-x))calc(1px*var(--extrude-y))0px #08c036,calc(2px*var(--extrude-x))calc(2px*var(--extrude-y))0px #08c036,calc(6px*var(--extrude-x))calc(6px*var(--extrude-y))0px #08c036,calc(9px*var(--extrude-x))calc(9px*var(--extrude-y))0px #08c036 } } @keyframes scroll { 0% { background-position:609px 0 } to { background-position:0 0 } } .scroll-enter-to[data-v-aa24e2a0], .scroll-leave-from[data-v-aa24e2a0] { transform:translate(0); opacity:.6 } .scroll-leave-to[data-v-aa24e2a0], .scroll-enter-from[data-v-aa24e2a0] { transform:translate(-100%); opacity:0 } .slide-enter-to[data-v-aa24e2a0], .slide-leave-from[data-v-aa24e2a0] { transform:translate(0); opacity:1 } .slide-leave-to[data-v-aa24e2a0], .slide-enter-from[data-v-aa24e2a0] { transform:translate(-140%); opacity:1 } .slide-low-enter-to[data-v-aa24e2a0], .slide-low-leave-from[data-v-aa24e2a0] { transform:translate(0); opacity:.6 } .slide-low-leave-to[data-v-aa24e2a0], .slide-low-enter-from[data-v-aa24e2a0] { transform:translate(-100%); opacity:0 } .slide-low-enter-active[data-v-aa24e2a0], .slide-low-leave-active[data-v-aa24e2a0], .slide-enter-active[data-v-aa24e2a0], .slide-leave-active[data-v-aa24e2a0] { transition:opacity .5s,transform .5s } .scroll-enter-active[data-v-aa24e2a0], .scroll-leave-active[data-v-aa24e2a0] { transition:opacity .3s,transform .3s }