@media only screen and (min-width:0rem){:root{--dark:#0f172a;--medium:#1e293b;--accent:#7c3aed;--bodyTextColorWhite:#f1f5f9}
body.dark-mode{background-color:var(--dark)}
body.dark-mode .cs-li,body.dark-mode .cs-text,body.dark-mode .cs-title,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode li,body.dark-mode p{color:var(--bodyTextColorWhite)}
.dark,body.dark-mode .light{display:none}
body.dark-mode .dark{display:block!important}
body.dark-mode #theme-toggle .cs-sun{transform:translate(-50%,-50%);opacity:1}
body.dark-mode #theme-toggle .cs-moon{transform:translate(-50%,-150%);opacity:0}
#theme-toggle{display:block;position:absolute;top:50%;transform:translateY(-50%);right:3.75rem;width:3rem;height:3rem;background:0 0;border:none;overflow:hidden;padding:0}
#theme-toggle img,#theme-toggle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.85rem;height:1.85rem;pointer-events:none}
#theme-toggle .cs-moon{z-index:2;transition:transform .3s,opacity .3s,fill .3s;fill:#000}
#theme-toggle .cs-sun{z-index:1;transform:translate(-50%,100%);opacity:0;transition:transform .3s,opacity .3s}
}
@media only screen and (min-width:64rem){#theme-toggle{position:relative;top:auto;right:auto;transform:none;margin-left:1.875rem;margin-bottom:0}
body.dark-mode #cs-navigation{background-color:var(--dark)}
body.dark-mode #cs-navigation .cs-logo{filter:grayscale(1) brightness(1000%)}
body.dark-mode #cs-navigation .cs-li-link{color:var(--bodyTextColorWhite)}
body.dark-mode #cs-navigation .cs-li-link:before{background-color:var(--primaryLight)}
}