/* OSANIME Adsterra placement UI v222 */
.osx-unit,.osx-dock{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.osx-unit *,.osx-dock *{box-sizing:border-box}
.osx-unit-inline{width:min(100%,760px);margin:22px auto;padding:10px 10px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(180deg,rgba(10,20,36,.94),rgba(6,13,25,.94));box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.osx-note{display:block;color:rgba(203,213,225,.56);font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase;user-select:none}
.osx-responsive-banner-slot{display:flex;align-items:center;justify-content:center;max-width:100%;line-height:0;overflow:hidden}
.osx-responsive-banner{display:block;border:0!important;margin:0 auto;background:transparent;max-width:100%;overflow:hidden}

/* Sticky banner is visible by default and can be closed for a short cooldown. */
.osx-dock{position:fixed!important;z-index:100200!important;width:auto!important;max-width:calc(100vw - 16px)!important;padding:8px 10px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(6,13,24,.975)!important;box-shadow:0 20px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important}
.osx-dock.is-hidden,.osx-dock.is-suspended{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.osx-dock-head{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 1px 5px 3px}
.osx-dock-close{width:24px;height:24px;border:0;border-radius:8px;background:rgba(255,255,255,.055);color:#b8c4d4;font:700 18px/1 system-ui;display:grid;place-items:center;cursor:pointer}
.osx-dock-close:hover{background:rgba(255,255,255,.11);color:#fff}
.osx-dock.is-mobile-banner{width:min(342px,calc(100vw - 16px))!important}
.osx-dock.is-desktop-banner{width:490px!important}

@media (min-width:768px){
  .osx-dock{right:112px!important;bottom:18px!important;left:auto!important;top:auto!important;transform:none!important}
}
@media (min-width:768px) and (max-width:1100px){
  .osx-dock{right:96px!important;bottom:10px!important}
}
@media (max-width:767px){
  .osx-dock{left:50%!important;right:auto!important;top:auto!important;bottom:calc(4px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;padding:7px 9px 9px!important}
  .osx-responsive-banner{max-width:320px}
  body.sidebar-is-open .osx-dock,body.profile-menu-is-open .osx-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.anime-watch-page .osx-dock,body.manga-reader-page .osx-dock{display:none!important}
}
@media (max-height:520px){.osx-dock{display:none!important}}
@media (prefers-reduced-motion:reduce){.osx-dock{transition:none!important}}


/* Responsive in-content Adsterra units: 728x90 wide / 300x250 compact. */
.osx-inline-banner-slot{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;line-height:0;overflow:hidden}
.osx-inline-banner{display:block;border:0!important;margin:0 auto;background:transparent;overflow:hidden}
.osx-inline-banner-slot.is-leaderboard{min-height:90px}
.osx-inline-banner-slot.is-rectangle{min-height:250px}
@media (max-width:819px){
  .osx-unit-inline{width:min(100%,332px);margin:18px auto;padding:9px 10px 11px}
  .osx-inline-banner{max-width:300px}
}
@media (min-width:820px){
  .osx-inline-banner{max-width:728px}
}