.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)}}