.posts-item.sites-item{background:var(--main-bg-color);border-radius:var(--theme-border-radius);box-shadow:0 2px 8px -4px color-mix(in srgb,var(--main-color) 14%,transparent);position:relative;transition:transform .3s cubic-bezier(.2,0,0,1)}.posts-item.sites-item:hover{box-shadow:0 18px 40px -14px color-mix(in srgb,var(--main-color) 26%,transparent),0 8px 18px -8px color-mix(in srgb,var(--main-color) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--focus-color) 14%,transparent);transform:translateY(-5px)}.posts-item.sites-item .item-media{background:var(--main-bg-color);border:1px solid color-mix(in srgb,var(--muted-color) 15%,transparent);border-radius:12px;box-shadow:0 2px 8px -2px color-mix(in srgb,var(--main-color) 16%,transparent);transition:transform .3s ease}.posts-item.sites-item:hover .item-media{box-shadow:0 4px 12px -2px color-mix(in srgb,var(--focus-color) 25%,transparent)}.posts-item.sites-item .item-media img.sites-icon{backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;transform:none}.posts-item.sites-item:hover .item-media img.sites-icon{transform:scale(.93)}.sites-item .togo{align-items:center;border-radius:50%;display:inline-flex;height:26px;justify-content:center;line-height:26px;transition:transform .25s ease;width:26px}.sites-item:hover .togo{background:color-mix(in srgb,var(--focus-color) 10%,transparent);color:var(--focus-color)!important;transform:scale(1.1)}.sites-item.style-sites-max .sites-tags:before{background:color-mix(in srgb,var(--muted-color) 12%,transparent)}.posts-item.app-item{background:var(--main-bg-color);border-radius:var(--theme-border-radius);box-shadow:0 2px 8px -4px color-mix(in srgb,var(--main-color) 14%,transparent);transition:transform .3s cubic-bezier(.2,0,0,1)}.posts-item.app-item:hover{box-shadow:0 20px 44px -14px color-mix(in srgb,var(--main-color) 28%,transparent),0 10px 20px -8px color-mix(in srgb,var(--main-color) 15%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--focus-color) 14%,transparent);transform:translateY(-5px)}.posts-item.app-item .item-media{border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);border-radius:22%;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--main-color) 22%,transparent),inset 0 1px 0 hsla(0,0%,100%,.4);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.posts-item.app-item:hover .item-media{box-shadow:0 8px 20px -4px color-mix(in srgb,var(--focus-color) 30%,transparent);transform:translateY(-2px) scale(1.04)}.app-item .app-platform i{color:var(--muted-color2);display:inline-block;font-size:14px;transition:color .2s ease,transform .2s ease}.app-item .app-platform i:hover{color:var(--focus-color);transform:scale(1.15)}.posts-item.book-item{background:var(--main-bg-color);border-radius:var(--theme-border-radius);box-shadow:0 2px 8px -4px color-mix(in srgb,var(--main-color) 14%,transparent);transition:transform .35s cubic-bezier(.2,0,0,1)}.posts-item.book-item:hover{box-shadow:0 22px 48px -14px color-mix(in srgb,var(--main-color) 30%,transparent),0 10px 22px -8px color-mix(in srgb,var(--main-color) 16%,transparent);transform:translateY(-6px)}.posts-item.book-item .item-media{border-radius:6px 12px 12px 6px;box-shadow:0 8px 18px -6px color-mix(in srgb,var(--main-color) 25%,transparent),0 2px 6px -2px color-mix(in srgb,var(--main-color) 15%,transparent);overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.2,0,0,1)}.posts-item.book-item .item-media:before{background:linear-gradient(90deg,rgba(0,0,0,.22),hsla(0,0%,100%,.18) 35%,rgba(0,0,0,.15) 70%,transparent);border-bottom-left-radius:inherit;border-top-left-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:14px;z-index:2}.posts-item.book-item:hover .item-media{box-shadow:0 16px 32px -8px color-mix(in srgb,var(--main-color) 35%,transparent),0 6px 12px -4px color-mix(in srgb,var(--focus-color) 25%,transparent);transform:translateY(-5px) scale(1.02)}.book-item .item-media img{border-radius:inherit;transition:transform .4s ease,filter .3s ease}.io-black-mode .posts-item.app-item .item-media{border-color:hsla(0,0%,100%,.08);box-shadow:0 4px 14px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.1)}.io-black-mode .posts-item.book-item .item-media{box-shadow:0 8px 20px -6px rgba(0,0,0,.7)}.io-black-mode .posts-item.book-item .item-media:before{background:linear-gradient(90deg,rgba(0,0,0,.5),hsla(0,0%,100%,.1) 35%,rgba(0,0,0,.35) 70%,transparent)}.io-black-mode .posts-item.sites-item:hover{box-shadow:0 12px 24px -12px rgba(0,0,0,.5),inset 0 0 0 1px color-mix(in srgb,var(--focus-color) 12%,transparent)}.io-black-mode .posts-item.sites-item .item-media{box-shadow:0 2px 8px -4px rgba(0,0,0,.5)}@media (prefers-reduced-motion:reduce){.posts-item.app-item,.posts-item.app-item:hover,.posts-item.book-item,.posts-item.book-item:hover,.posts-item.post-item,.posts-item.post-item:hover,.posts-item.sites-item,.posts-item.sites-item:hover{transform:none;transition:none}}.posts-item.post-item{-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);background:color-mix(in srgb,var(--main-bg-color) 72%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 14%,transparent);border-radius:var(--theme-border-radius);box-shadow:0 2px 10px -4px color-mix(in srgb,var(--main-color) 14%,transparent);position:relative;transition:transform .3s cubic-bezier(.2,0,0,1)}.posts-item.post-item:hover{box-shadow:0 18px 40px -14px color-mix(in srgb,var(--main-color) 26%,transparent),0 8px 18px -8px color-mix(in srgb,var(--main-color) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--focus-color) 14%,transparent);transform:translateY(-5px)}.posts-item.post-item .item-media{border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);border-radius:12px;box-shadow:0 2px 8px -2px color-mix(in srgb,var(--main-color) 16%,transparent);overflow:hidden;transition:transform .3s ease}.posts-item.post-item:hover .item-media{box-shadow:0 4px 12px -2px color-mix(in srgb,var(--focus-color) 25%,transparent)}.io-black-mode .posts-item.post-item{background:color-mix(in srgb,var(--main-bg-color) 60%,transparent);border-color:hsla(0,0%,100%,.12);box-shadow:0 2px 10px -4px rgba(0,0,0,.5)}.io-black-mode .posts-item.post-item .item-media{box-shadow:0 2px 8px -4px rgba(0,0,0,.5)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.posts-item.post-item{background:var(--main-bg-color)}}.footer{-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);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%);border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);box-shadow:0 -6px 28px -14px color-mix(in srgb,var(--main-color) 14%,transparent);overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--focus-color) 60%,transparent),transparent);content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-copyright{background:color-mix(in srgb,var(--main-color) 3%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 10%,transparent);border-radius:var(--main-radius);padding:12px 16px}.footer-social .social-btn{background:color-mix(in srgb,var(--main-color) 6%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);transition:transform .25s ease}.footer-social .social-btn:hover{background:color-mix(in srgb,var(--focus-color) 12%,transparent);border-color:color-mix(in srgb,var(--focus-color) 30%,transparent);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--focus-color) 30%,transparent);transform:translateY(-2px)}.io-black-mode .footer{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%);border-color:hsla(0,0%,100%,.1);box-shadow:0 -6px 28px -14px rgba(0,0,0,.4)}.io-black-mode .footer-copyright{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08)}.io-black-mode .footer-social .social-btn{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}@media (prefers-reduced-motion:reduce){.footer-social .social-btn,.footer-social .social-btn:hover{transform:none;transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.footer{background:var(--main-bg-color)}}.header-nav{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)}.scroll .header-nav{box-shadow:0 10px 30px -14px color-mix(in srgb,var(--main-color) 22%,transparent),0 4px 10px -6px color-mix(in srgb,var(--main-color) 10%,transparent)}.header-nav .navbar-header>li{border-radius:var(--theme-border-radius-md);transition:background-color .25s ease}.header-nav .navbar-header li.current-menu-item,.header-nav .navbar-header>li:hover{background:color-mix(in srgb,var(--focus-color) 10%,transparent)}.header-nav .navbar-header>li:after{background:linear-gradient(90deg,color-mix(in srgb,var(--focus-color) 0,transparent),var(--focus-color),color-mix(in srgb,var(--focus-color) 0,transparent));box-shadow:0 0 8px color-mix(in srgb,var(--focus-color) 50%,transparent);height:3px}.header-icon-btn>a{background:color-mix(in srgb,var(--muted-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);border-radius:50%;transition:transform .25s ease}.header-icon-btn>a:hover{background:color-mix(in srgb,var(--focus-color) 12%,transparent);border-color:color-mix(in srgb,var(--focus-color) 30%,transparent);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--focus-color) 35%,transparent);transform:translateY(-1px)}.header-tools .sub-menu,.navbar-header .sub-menu{border:1px solid color-mix(in srgb,var(--muted-color) 12%,transparent);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--main-color) 22%,transparent)}.navbar-header .sub-menu li:hover{background:color-mix(in srgb,var(--focus-color) 10%,transparent)}.io-black-mode .header-nav{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 .scroll .header-nav{box-shadow:0 10px 30px -14px rgba(0,0,0,.6),0 4px 10px -6px rgba(0,0,0,.4)}.io-black-mode .header-icon-btn>a{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.io-black-mode .header-icon-btn>a:hover{background:color-mix(in srgb,var(--focus-color) 16%,transparent);border-color:color-mix(in srgb,var(--focus-color) 30%,transparent)}.io-black-mode .header-tools .sub-menu,.io-black-mode .navbar-header .sub-menu{border-color:hsla(0,0%,100%,.08);box-shadow:0 12px 32px -12px rgba(0,0,0,.6)}@media (prefers-reduced-motion:reduce){.header-icon-btn>a,.header-icon-btn>a:hover,.header-nav,.header-nav .navbar-header>li{transform:none;transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header-nav{background:var(--main-bg-color)!important}}.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}}