#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes shine{0%{left:-150%}60%,to{left:150%}}@keyframes shimmerButton{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes glow{0%,to{box-shadow:0 0 3px #00f5d480,0 0 5px #00f5d44d}50%{box-shadow:0 0 8px #00f5d4cc,0 0 12px #00f5d480}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.shine-border:before{content:"";position:absolute;top:-2px;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite linear}.notification-enter{opacity:0;transform:translateY(-20px)}.notification-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.notification-exit{opacity:1}.notification-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}@media (min-width: 768px){[data-position=top-right]{right:auto!important;left:40px!important;max-width:500px!important;max-height:100px!important}[data-position=top-left]{left:40px!important;max-width:500px!important;max-height:100px!important}.notification-xp[data-position] .chakra-flex>.chakra-flex{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}}@media (max-width: 767px){[data-position]{max-width:280px!important;width:85%!important;max-height:200px!important}[data-position=top-right],[data-position=top-left],.notification-xp[data-position],.notification-system[data-position=top-right],.notification-system[data-position=top-left]{top:10px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.chakra-modal__content,.chakra-drawer__content,.notification-container{box-shadow:0 2px 8px #00000026!important}.mobile-no-hover{transform:none!important;transition:none!important}.floating-element{animation:pulse 8s infinite ease-in-out!important}}.notification-container[data-position],[data-position]{transition:all .3s ease!important}.hardware-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}body,.bg-transition{transition:background-color .5s ease}