/*
Bone Flow #019 Image Catalog Browser Support
Version: 1.0.83
*/
.bone-image-browser-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0}.bone-image-browser-tools button{min-height:38px;padding:8px 14px;border:1px solid #3f5d7f;border-radius:8px;background:#122033;color:#eef6ff;cursor:pointer}.bone-image-browser-tools button:hover,.bone-image-browser-tools button:focus-visible{border-color:#5ba6ff;background:#19304c;outline:none}.bone-image-browser-tools span{font-size:.9rem;color:#b9dfff}.bone-image-browser-tools button:disabled{opacity:.55;cursor:not-allowed}.bone-image-flash-focus{animation:boneImageFlashFocus .9s ease 1}.bone-image-copy-status{margin-left:auto;font-size:.85rem;color:#67efb1}.bone-image-browser-page .bone-catalog-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:16px}.bone-image-browser-page .bone-catalog-panel{padding:14px;border:1px solid #30445f;border-radius:10px;background:#0f1929}.bone-image-browser-page .bone-catalog-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:12px 0}.bone-image-browser-page .bone-catalog-toolbar label{display:grid;gap:6px;min-width:180px}.bone-image-browser-page .bone-catalog-toolbar input,.bone-image-browser-page .bone-catalog-toolbar select{min-height:38px;padding:8px 10px;border:1px solid #30445f;border-radius:8px;background:#101b2d;color:#eef6ff}.bone-image-browser-page .bone-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:70vh;overflow:auto;padding:4px}.bone-image-browser-page .bone-catalog-item{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:78px;padding:8px;border:1px solid #30445f;border-radius:8px;background:#101b2d;color:#eef6ff;cursor:pointer;text-align:center}.bone-image-browser-page .bone-catalog-item:focus-visible,.bone-image-browser-page .bone-catalog-item.is-selected{border-color:#5ba6ff;background:#172943;outline:none}.bone-image-browser-page .bone-catalog-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb7d1}.bone-image-browser-page .bone-catalog-item .glyph{font-size:28px;line-height:1.2}.bone-image-browser-page .bone-catalog-item .icon-preview{font-size:20px;font-weight:700}.bone-image-browser-page .bone-catalog-meta{display:grid;gap:8px}.bone-image-browser-page .bone-catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.bone-image-browser-page .bone-catalog-actions button{min-height:38px;padding:8px 14px;border:1px solid #3f5d7f;border-radius:8px;background:#122033;color:#eef6ff;cursor:pointer}.bone-image-browser-page .bone-catalog-actions button:hover,.bone-image-browser-page .bone-catalog-actions button:focus-visible{border-color:#5ba6ff;background:#19304c;outline:none}.bone-image-browser-page .bone-catalog-status{margin-top:10px;padding:10px 12px;border:1px solid #33445c;border-radius:8px;background:#0d1623;color:#b9dfff}.bone-image-browser-page .bone-catalog-count{margin-left:auto;color:#b9dfff}.bone-image-browser-page .bone-catalog-tabs{display:flex;gap:10px;flex-wrap:wrap}.bone-image-browser-page .bone-catalog-tabs button{min-height:38px;padding:8px 16px;border:1px solid #30445f;border-radius:999px;background:#0d1726;color:#dbeafe;cursor:pointer}.bone-image-browser-page .bone-catalog-tabs button[aria-pressed="true"]{border-color:#5ba6ff;background:#1a3150}.bone-image-browser-page .bone-catalog-item mark{background:#f3d26a;color:#102030;border-radius:4px;padding:0 2px}@keyframes boneImageFlashFocus{0%{box-shadow:0 0 0 0 rgba(91,166,255,.75)}100%{box-shadow:0 0 0 12px rgba(91,166,255,0)}}@media (max-width: 980px){.bone-image-browser-page .bone-catalog-layout{grid-template-columns:1fr}}
.bone-image-browser-page .bone-catalog-item .icon-preview{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:40px;font-size:28px;font-weight:400}.bone-image-browser-page .bone-catalog-item .bone-catalog-bone-icon{pointer-events:none;max-width:44px;max-height:40px}.bone-image-browser-page .bone-catalog-item .bone-catalog-unicode-fallback{font-family:'Font Awesome 6 Free','Font Awesome 5 Free',sans-serif;font-weight:900;font-size:28px;line-height:1}.bone-image-browser-page[data-catalog-mode='emoji'] #icon-color-wrap{display:none!important}

.bone-image-browser-page .bone-image-language-switch{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.bone-image-browser-page .bone-image-language-switch button[aria-pressed="true"]{font-weight:700;box-shadow:0 0 0 1px currentColor inset}