/* Interaction motion is limited to brief transforms, opacity and colors. */
nav{position:relative}
nav a[aria-current]:after{display:none}
.nav-indicator{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);pointer-events:none;border-radius:2px}
nav.motion-ready .nav-indicator{transition:transform 280ms cubic-bezier(.22,1,.36,1),width 280ms cubic-bezier(.22,1,.36,1)}
nav a{transition:color 160ms ease}
.button,.icon-button,.library-filter,.show-more{transition:transform 140ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
.button:active,.icon-button:active,.library-filter:active,.show-more:active{transform:scale(.96)}
.destination{transition:transform 240ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,border-color 180ms ease,box-shadow 240ms ease}
.destination:active{transform:scale(.985)}
.destination-action svg,.plain-link svg,.missing-link strong svg{transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.poster-frame{transition:transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms ease,border-color 180ms ease}
.poster-frame>img{transition:transform 380ms cubic-bezier(.22,1,.36,1)}
.poster-play{transition:opacity 200ms ease}
.poster-play svg{transform:scale(.82);transition:transform 260ms cubic-bezier(.22,1,.36,1)}
.poster-card:focus-visible .poster-play svg,.poster-card:hover .poster-play svg{transform:scale(1)}
.poster-card:active .poster-frame{transform:scale(.97)}
.library-filter[aria-pressed=true]{box-shadow:0 1px 4px #0003}
.searchbox input{transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
.searchbox:focus-within input{border-color:#8da699;background:#202824;box-shadow:0 0 0 3px #a3d8be12}
.searchbox svg{transition:color 180ms ease}
.searchbox:focus-within svg{color:var(--accent)}
.mod{transition:background-color 170ms ease}
summary{transition:color 160ms ease}summary:before{transition:transform 200ms cubic-bezier(.22,1,.36,1)}
#toast{transform:translate(-50%,9px);transition:opacity 180ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}
#toast.show{transform:translate(-50%,0)}
[data-copy].copy-success{color:#bfe9cd;background:#2c4635;border-color:#688e73}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0003}
 .button:active{transform:translateY(0) scale(.96)}
 .destination:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0003}
 .destination:active{transform:translateY(-1px) scale(.985)}
 .destination:hover .destination-action svg,.plain-link:hover svg,.missing-link:hover strong svg{transform:translateX(4px)}
 .poster-card:hover .poster-frame{transform:translateY(-4px);box-shadow:0 10px 24px #0006;border-color:#a3d8be66}
 .poster-card:active .poster-frame{transform:translateY(-1px) scale(.97)}
 .mod:hover{background:#a3d8be08}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .button:hover,.button:active,.icon-button:active,.library-filter:active,.show-more:active,.destination:hover,.destination:active,.poster-card:hover .poster-frame,.poster-card:active .poster-frame,.poster-card:hover .poster-frame>img,.destination:hover .destination-action svg,.plain-link:hover svg,.missing-link:hover strong svg{transform:none!important}
}