.aside-card{background:linear-gradient(180deg,color-mix(in srgb,var(--main-bg-color) 74%,transparent) 0,color-mix(in srgb,var(--main-bg-color) 64%,transparent) 100%)!important;border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);box-shadow:0 6px 24px -14px color-mix(in srgb,var(--main-color) 18%,transparent)}.aside-card .aside-btn{transition:transform .25s ease}.aside-card .aside-btn:hover{background:color-mix(in srgb,var(--focus-color) 12%,transparent);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--focus-color) 40%,transparent);transform:translateX(2px)}.aside-card .aside-btn.active,.aside-card .aside-ul li.active>.aside-btn{background:color-mix(in srgb,var(--focus-color) 12%,transparent);box-shadow:inset 3px 0 0 var(--focus-color),0 2px 8px -4px color-mix(in srgb,var(--focus-color) 35%,transparent)}.aside-bottom:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--muted-color) 25%,transparent),transparent)}.io-black-mode .aside-card{background:linear-gradient(180deg,color-mix(in srgb,var(--main-bg-color) 60%,transparent) 0,color-mix(in srgb,var(--main-bg-color) 50%,transparent) 100%)!important;border-color:hsla(0,0%,100%,.1);box-shadow:0 6px 24px -14px rgba(0,0,0,.5)}.io-black-mode .aside-card .aside-btn:hover{background:color-mix(in srgb,var(--focus-color) 16%,transparent);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--focus-color) 45%,transparent)}.io-black-mode .aside-card .aside-btn.active,.io-black-mode .aside-card .aside-ul li.active>.aside-btn{background:color-mix(in srgb,var(--focus-color) 16%,transparent);box-shadow:inset 3px 0 0 var(--focus-color),0 2px 8px -4px color-mix(in srgb,var(--focus-color) 40%,transparent)}@media (prefers-reduced-motion:reduce){.aside-card .aside-btn,.aside-card .aside-btn:hover{transform:none;transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.aside-card{background:var(--main-bg-color)!important}}