@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--primary-1: #FFEB3B;--primary-2: #FFED58;--primary-3: #FFEF70;--primary-4: #FFF186;--primary-5: #FFF49B;--primary-6: #FFF6AF;--dark-1: #121212;--dark-2: #282828;--dark-3: #3F3F3F;--dark-4: #575757;--dark-5: #717171;--dark-6: #8B8B8B;--mixed-1: #262419;--mixed-2: #3B382E;--mixed-3: #504E45;--mixed-4: #67655C;--mixed-5: #7E7D75;--mixed-6: #97958F}html,body,#root{position:fixed;top:0;z-index:-1;left:0;width:100%;height:100%;font-family:Outfit;background:var(--mixed-1);overflow:"scroll"}.active:has(.active){border:1px solid #FFEB3B!important}.active{color:#ffeb3b!important}.scrollable-chip-container{overflow:scroll;scrollbar-color:#FFF6AF #504E45;scrollbar-width:thin}::-webkit-scrollbar{-webkit-appearance:none;width:1px;height:7px;background-color:#504e45}::-webkit-scrollbar-thumb{border-radius:25px;background-color:#fff6af;box-shadow:0 0 1px #504e45}.card1{background:var(--mixed-2);z-index:1;border-radius:.5rem;padding:32px;flex-grow:1;position:relative}.card1:before,.card1:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--mixed-2),var(--mixed-3),var(--mixed-4),var(--mixed-3),var(--mixed-2));border-radius:inherit;animation:rotation 30s linear infinite;border-radius:25px}.card1:after{filter:blur(1rem)}.card2{background:var(--mixed-2);z-index:1;border-radius:.5rem;padding:32px;flex-grow:1;position:relative}.card2:before,.card2:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:-1;background:linear-gradient(var(--gradient-angle),var(--mixed-1),var(--mixed-3),var(--mixed-4),var(--mixed-3),var(--mixed-1));border-radius:inherit;animation:rotation 30s linear infinite;border-radius:25px}.card2:after{filter:blur(1rem)}.card3{background:var(--mixed-2);z-index:1;border-radius:.5rem;padding:32px;flex-grow:1;position:relative}.card3:before,.card3:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--mixed-2),var(--mixed-3),var(--mixed-4),var(--mixed-3),var(--mixed-2));border-radius:inherit;animation:rotation 35s linear infinite;border-radius:25px}.card3:after{filter:blur(1rem)}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}