/* Collection filters are available on every browser, not only Android skins. */
html body #app #skin-grid .skin-card[data-ff-hidden="true"]{display:none!important}
html:not(.flyingfriends-android) body #app .ff-collection-tools{display:grid;gap:10px;margin:0 0 14px;padding:14px;border:1px solid #367389;border-radius:10px;background:#0a2b3b}
html:not(.flyingfriends-android) body #app #skin-grid .ff-favorite{position:relative;inset:auto;order:9;grid-column:1/-1;min-height:44px;width:100%;margin:8px 0 0;padding:9px 8px;border:1px solid #478296;border-radius:6px;background:#0a2838;color:#f2f8fa;font:600 12px/1.4 system-ui,sans-serif}
html:not(.flyingfriends-android) body #app #skin-grid .ff-favorite[aria-pressed="true"]{color:#ffe49a;border-color:#c8aa5c;background:#3a3824}
html body #app :is(.ff-collection-filters button,.ff-favorite):focus-visible{outline:3px solid #ffdf76;outline-offset:3px}
html[data-ui-theme="light"] body #app .ff-collection-tools{background:#eaf7fa;border-color:#7899a5}
html[data-ui-theme="light"] body #app .ff-collection-tools h3{color:#294557}
html[data-ui-theme="light"] body #app .ff-collection-tools p{color:#344f5e}
@media(prefers-reduced-motion:reduce){html body #app .ff-collection-tools *,html body #app .ff-favorite{transition:none;animation:none}}