.text-blue-emphasis{color:var(--blue-emphasis)!important}.bg-blue-subtle{background-color:var(--blue-subtle)!important}.border-blue-subtle{border-color:var(--blue-emphasis)!important}.text-lilac-emphasis{color:var(--lilac-emphasis)!important}.bg-lilac-subtle{background-color:var(--lilac-subtle)!important}.border-lilac-subtle{border-color:var(--lilac-emphasis)!important}.text-orange-emphasis{color:var(--orange-emphasis)!important}.bg-orange-subtle{background-color:var(--orange-subtle)!important}.border-orange-subtle{border-color:var(--orange-emphasis)!important}.text-purple-emphasis{color:var(--purple-emphasis)!important}.bg-purple-subtle{background-color:var(--purple-subtle)!important}.border-purple-subtle{border-color:var(--purple-emphasis)!important}:root{--purple-emphasis:#8146e2;--purple-subtle:#b49cc7;--orange-emphasis:#e07f06;--orange-subtle:#e49c3b;--lilac-emphasis:#7b7ce9;--lilac-subtle:#c1badd;--blue-emphasis:#0c59c6;--blue-subtle:#aac0e4}
:root{--gradient-1:linear-gradient(90deg,#5420c7 0,#5420c7 50%,#5420c7 100%)}.gradient-area{background-color:#fff;background-image:var(--gradient-1);background-blend-mode:screen;background-position:0;background-size:400% 100%;animation:10s linear infinite gradientMove,10s ease-in-out infinite gradientFade}@keyframes gradientMove{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes gradientFade{0%,15%{background-color:#fff}30%{background-color:#000}50%,70%{background-color:#000}85%,to{background-color:#fff}}.scroll-wrapper{white-space:nowrap;width:100%;position:relative;overflow-x:hidden}.scroll-text{will-change:transform;padding-left:100%;animation:20s linear infinite horizontalScroll;display:inline-block}@keyframes horizontalScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}
.marquee-wrapper{--color-text:#000;--color-bg:var(--bs-danger);--color-bg-accent:var(--bs-purple);--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size)/14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap));gap:var(--gap);flex-direction:column;max-width:100vw;margin:auto;display:flex}@media (prefers-color-scheme:dark){.marquee-wrapper{--color-text:var(--color-text);--color-bg:var(--bs-purple);--color-bg-accent:var(--bs-purple)}}.marquee{-webkit-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000);display:flex;overflow:hidden}.marquee-group{justify-content:space-around;align-items:center;gap:var(--gap);min-width:100%;animation:scroll-x var(--duration)linear infinite;flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.marquee-group{animation-play-state:paused}}.marquee-vertical{--mask-direction:to bottom}.marquee-vertical,.marquee-vertical .marquee-group{flex-direction:column}.marquee-vertical .marquee-group{animation-name:scroll-y}.marquee-reverse .marquee-group{animation-direction:reverse;animation-delay:-3s}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee-item{width:var(--size);aspect-ratio:16/9;z-index:1;background:#ffffff0d;border-radius:.75rem;place-items:center;display:grid;position:relative}.marquee-item:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(45deg,#a46ae380,#be82fa60,#e6d2ff80);border-radius:.75rem;padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.marquee-vertical .marquee-item{aspect-ratio:1;width:calc(var(--size)/1.5)}.marquee-wrapper-vertical{flex-direction:row;height:100vh}.toggle{--size:3rem;width:var(--size);height:var(--size);font:inherit;text-align:center;cursor:pointer;color:inherit;background-color:var(--color-bg-accent);z-index:1;border:none;border-radius:50%;outline:none;position:fixed;top:1rem;left:1rem}.toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}.toggle span{white-space:nowrap;-webkit-user-select:none;user-select:none;width:fit-content;animation:.4s ease-out 4s forwards fade;display:inline-block;position:absolute;top:50%;left:calc(100% + .4em);transform:translateY(-50%)}.toggle svg{--size:1.5rem;width:var(--size);height:var(--size);fill:currentColor;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-vertical svg{transform:translate(-50%,-50%)rotate(-90deg)}@keyframes fade{to{opacity:0;visibility:hidden}}
*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,sans-serif;font-size:16px}.cursor-not-allowed{cursor:not-allowed!important}.text-balance{text-wrap:balance}.fs-base{font-size:1rem}.font-inter{font-family:Inter,sans-serif}.font-inter-tight{font-family:Inter Tight,Inter,sans-serif}.font-radio-canada{font-family:Radio Canada Big,Inter,sans-serif}.line-clamp-1{text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-small{font-size:13px!important}img{max-width:100%;height:auto;display:block}img[alt=programming\ img]{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-top:1em}.tier-list{display:flex}.tier-list span{color:#fff;text-align:center;text-transform:uppercase;background:#111;justify-content:center;align-items:center;width:70px;padding:.5em;font-size:1.5rem;font-weight:700;display:flex}.tier-list.s{background:#8b0000}.tier-list.s span{background:red}.tier-list.a{background:#d38600}.tier-list.a span{background:orange}.tier-list.b{background:#b6b900}.tier-list.b span{background:#d7db02}.tier-list.c{background:#006400}.tier-list.c span{background:green}.tier-list.d{background:#008b8b}.tier-list.d span{background:#0ff}.tier-list.e{background:#9400d3}.tier-list.e span{background:violet}.tier-list.f{background:#8b008b}.tier-list.f span{background:#f0f}.draggable-element{cursor:pointer;min-width:200px;max-width:300px;height:125px;display:block}@media screen and (max-width:768px){.draggable-element{min-width:165px;max-width:100%}}.max-h-350{height:350px}.min-vh-80{min-height:80vh}.text{font-size:1rem}.btn-close{box-shadow:none!important;border:none!important}.fs-42{font-size:28px}@media (min-width:576px){.fs-42{font-size:32px}}@media (min-width:768px){.fs-42{font-size:36px}}@media (min-width:992px){.fs-42{font-size:42px}}.fs-48{font-size:32px}@media (min-width:576px){.fs-48{font-size:36px}}@media (min-width:768px){.fs-48{font-size:42px}}@media (min-width:992px){.fs-48{font-size:48px}}.max-w-600{max-width:700px!important}.max-w-800{max-width:800px!important}.min-h-screen{min-height:100vh}
