@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg:#0c0c14;--color-surface:#13131f;--color-surface-2:#1a1a2e;--color-surface-3:#22223a;--color-border:#2a2a42;--color-border-hover:#3d3d5c;--color-accent:#7c6ff7;--color-accent-light:#9b91f9;--color-accent-dark:#5f54cc;--color-accent-glow:#7c6ff733;--color-text-primary:#f0f0fa;--color-text-secondary:#88a;--color-text-muted:#55556a;--badge-lucide:#3b82f6;--badge-lucide-bg:#3b82f626;--badge-phosphor:#10b981;--badge-phosphor-bg:#10b98126;--badge-tabler:#f59e0b;--badge-tabler-bg:#f59e0b26;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-0:0;--spacing-1:2px;--spacing-2:4px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:24px;--spacing-7:32px;--spacing-8:48px;--spacing-xs:var(--spacing-2);--spacing-sm:var(--spacing-3);--spacing-md:var(--spacing-5);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-7);--spacing-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-accent:0 0 30px #7c6ff740;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width:380px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-lg);padding:0 var(--spacing-lg);z-index:100;flex-shrink:0;display:flex;position:sticky;top:0}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent-glow), transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.app-body{flex:1;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.logo-container{align-items:center;gap:var(--spacing-md);flex-shrink:0;text-decoration:none;display:flex}.header-logo{object-fit:contain;width:auto;height:32px}.logo-text-group{flex-direction:column;line-height:1;display:flex}.logo-brand{font-size:var(--font-size-md);color:var(--color-text-primary);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.logo-product{font-size:var(--font-size-xs);color:var(--color-accent-light);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.header-stats{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;margin-left:auto}.header-stats strong{color:var(--color-text-primary)}.search-container{flex:1;max-width:560px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);flex-shrink:0;position:absolute}.search-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;height:40px;padding:0 var(--spacing-md) 0 44px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-input:focus+.search-icon,.search-input-wrapper:focus-within .search-icon{color:var(--color-accent)}.search-clear{right:var(--spacing-sm);background:var(--color-surface-3);border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-clear:hover{background:var(--color-border);color:var(--color-text-primary)}.stats-bar{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);top:var(--header-height);z-index:99;flex-shrink:0;display:flex;position:sticky}.stats-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stats-count strong{color:var(--color-text-primary);font-weight:600}.filter-pills{gap:var(--spacing-xs);margin-left:auto;display:flex}.filter-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:flex}.filter-pill:hover{border-color:var(--color-border);color:var(--color-text-primary)}.filter-pill.active-lucide{background:var(--badge-lucide-bg);border-color:var(--badge-lucide);color:var(--badge-lucide)}.filter-pill.active-phosphor{background:var(--badge-phosphor-bg);border-color:var(--badge-phosphor);color:var(--badge-phosphor)}.filter-pill.active-tabler{background:var(--badge-tabler-bg);border-color:var(--badge-tabler);color:var(--badge-tabler)}.filter-pill.active-all{border-color:var(--color-accent);color:var(--color-accent-light);background:#7c6ff726}.filter-pill.active-hero{color:#6366f1;background:#6366f126;border-color:#6366f1}.filter-pill.active-remix{color:#ec4899;background:#ec489926;border-color:#ec4899}.filter-pill.active-material{color:#14b8a6;background:#14b8a626;border-color:#14b8a6}.filter-pill.active-logocolor{color:#f97316;background:#f9731626;border-color:#f97316}.filter-pill.active-brand{color:#8b5cf6;background:#8b5cf626;border-color:#8b5cf6}.grid-container{flex:1;width:100%;min-width:0}.icon-grid-container{width:100%;padding:12px 1.25rem 0}.icon-row{gap:1.25rem;margin-bottom:1.25rem;display:flex}.icon-row>.icon-card,.icon-card-placeholder{flex:1;min-width:110px}.icon-card-placeholder{visibility:hidden;pointer-events:none}.icon-card{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;min-height:96px;display:flex;position:relative;overflow:visible}.icon-card:before{content:"";background:linear-gradient(135deg, var(--color-accent-glow), transparent);opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.icon-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px var(--color-accent-glow), var(--shadow-accent);background:var(--color-surface-2);z-index:10;transform:scale(1.08)translateY(-4px)}.icon-card-icon{z-index:1;color:var(--color-text-secondary);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.icon-card:hover .icon-card-icon{color:var(--color-text-primary);filter:drop-shadow(0 0 8px var(--color-accent))}.icon-card:hover:before{opacity:1}.icon-card.selected{border-color:var(--color-accent);background:var(--color-surface-2);box-shadow:var(--shadow-accent)}.icon-card.selected:before{opacity:1}.icon-card-name{z-index:1;color:var(--color-text-muted);text-align:center;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:.6rem;line-height:1.3;position:relative;overflow:hidden}.icon-card:hover .icon-card-name,.icon-card.selected .icon-card-name{color:var(--color-text-secondary)}.badge{z-index:2;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;align-items:center;padding:1px 4px;font-size:.5rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.icon-card .badge{position:absolute;top:6px;right:6px}.badge-lucide{background:var(--badge-lucide-bg);color:var(--badge-lucide);border:1px solid #3b82f64d}.badge-phosphor{background:var(--badge-phosphor-bg);color:var(--badge-phosphor);border:1px solid #10b9814d}.badge-tabler{background:var(--badge-tabler-bg);color:var(--badge-tabler);border:1px solid #f59e0b4d}.badge-hero{color:#6366f1;background:#6366f126;border:1px solid #6366f14d}.badge-remix{color:#ec4899;background:#ec489926;border:1px solid #ec48994d}.badge-material{color:#14b8a6;background:#14b8a626;border:1px solid #14b8a64d}.badge-logocolor{color:#f97316;background:#f9731626;border:1px solid #f973164d}.badge-brand{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf64d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--spacing-md);background:#040408b3;justify-content:center;align-items:center;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;max-width:min(1120px,92vw);height:85vh;min-height:680px;box-shadow:var(--shadow-lg), var(--shadow-accent);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title-container{align-items:center;gap:var(--spacing-md);display:flex}.modal-title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.modal-subtitle{align-items:center;gap:var(--spacing-sm);margin-top:4px;display:flex}.icon-id-tag{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:2px 6px}.modal-close-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--color-surface-3);color:var(--color-text-primary);border-color:var(--color-border-hover);transform:rotate(90deg)}.modal-body{flex:1;display:flex;overflow:hidden}@media (width<=900px){.modal-body{flex-direction:column;overflow-y:auto}}.modal-preview-column{border-right:1px solid var(--color-border);background:radial-gradient(circle,#7c6ff70d,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}@media (width<=900px){.modal-preview-column{border-right:none;border-bottom:1px solid var(--color-border);width:100%;height:auto;min-height:350px;padding:1.5rem}}.modal-preview-box{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#0c0c14;background-image:linear-gradient(45deg,#161625 25%,#0000 25%),linear-gradient(-45deg,#161625 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#161625 75%),linear-gradient(-45deg,#0000 75%,#161625 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;justify-content:center;align-items:center;width:100%;max-width:440px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006}.modal-preview-wrapper{max-width:100%;max-height:100%;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.size-indicator{color:var(--color-text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:4px 8px;position:absolute;bottom:12px;right:12px}.action-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;width:100%;max-width:440px;display:grid}.toast-feedback{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);z-index:110;padding:10px 24px;font-weight:600;animation:.3s cubic-bezier(.175,.885,.32,1.275) toastPop;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #7c6ff766}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,20px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.modal-controls-column{border-left:1px solid var(--color-border);background:var(--color-surface-2);flex-direction:column;gap:.75rem;width:380px;padding:.75rem;display:flex;overflow-y:auto}@media (width<=900px){.modal-controls-column{border-left:none;width:100%;height:auto;overflow-y:visible}}.control-section{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffff0d}.control-section:not(:last-child){margin-bottom:.75rem;position:relative}.control-section:not(:last-child):after{content:"";background:linear-gradient(90deg, transparent, var(--color-border), transparent);height:1px;position:absolute;bottom:-.375rem;left:10%;right:10%}.section-header{align-items:center;gap:8px;margin-bottom:.125rem;display:flex}.section-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.crop-container{z-index:20;pointer-events:none;position:absolute;inset:0}.crop-overlay-dim{pointer-events:none;background:#0006;position:absolute;inset:0}.crop-active-area{border:2px dashed var(--color-accent);pointer-events:none;background:0 0;position:absolute;box-shadow:0 0 0 2000px #0009}.crop-active-indicator{background:var(--color-accent);color:#fff;letter-spacing:.5px;pointer-events:none;z-index:100;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000004d}.crop-handle{border:2px solid var(--color-accent);pointer-events:auto;z-index:30;background:#fff;width:14px;height:14px;position:absolute}.crop-handle-t{cursor:ns-resize;border-radius:4px;width:30px;height:8px;top:-8px;left:50%;transform:translate(-50%)}.crop-handle-b{cursor:ns-resize;border-radius:4px;width:30px;height:8px;bottom:-8px;left:50%;transform:translate(-50%)}.crop-handle-l{cursor:ew-resize;border-radius:4px;width:8px;height:30px;top:50%;left:-8px;transform:translateY(-50%)}.crop-handle-r{cursor:ew-resize;border-radius:4px;width:8px;height:30px;top:50%;right:-8px;transform:translateY(-50%)}.control-group{flex-direction:column;gap:.5rem;display:flex}.color-picker-container{gap:var(--spacing-md);flex-direction:column;display:flex}.color-picker-container .react-colorful{border-radius:var(--radius-md)!important;width:100%!important;height:130px!important}.hex-input-row{align-items:center;gap:var(--spacing-sm);display:flex}.color-preview-circle{border-radius:var(--radius-full);border:2px solid var(--color-border);width:32px;height:32px}.react-colorful__pointer{width:10px!important;height:10px!important;box-shadow:0 0 0 1px #0000004d, 0 0 0 2.5px #fff, var(--shadow-md)!important}.react-colorful__hue-pointer{border-radius:4px!important;width:8px!important;height:100%!important}.hex-input-field{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-md);height:36px;padding:0 var(--spacing-md);color:var(--color-text-primary);outline:none;width:120px;font-family:Courier New,monospace}.hex-input-field:focus{border-color:var(--color-accent)}.color-presets-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.preset-btn{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff1a;width:100%;transition:transform .2s}.preset-btn:hover{transform:scale(1.1)}.bg-color-row{align-items:center;gap:var(--spacing-sm);display:flex}.bg-preset-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);cursor:pointer;width:36px;height:36px}.bg-preset-btn.transparent{background-color:#eee;background-image:linear-gradient(45deg,#888 25%,#0000 25%),linear-gradient(-45deg,#888 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#888 75%),linear-gradient(-45deg,#0000 75%,#888 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.bg-preset-btn.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.native-color-picker{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;width:36px;height:36px;padding:0}.native-color-picker::-webkit-color-swatch-wrapper{padding:0}.native-color-picker::-webkit-color-swatch{border:2px solid var(--color-border);border-radius:var(--radius-md)}.flex-1{flex:1}.section-divider{background:var(--color-border);height:1px}.btn{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);border:1px solid #0000;padding:10px 20px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-light);box-shadow:0 4px 12px var(--color-accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-3);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-border-hover)}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff0d}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover);background:#ffffff1a}.slider-input{-webkit-appearance:none;border-radius:var(--radius-full);width:100%;height:6px;transition:all var(--transition-fast);cursor:pointer;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-primary);border:2px solid var(--color-accent);width:18px;height:18px;box-shadow:0 0 0 2px var(--color-surface), var(--shadow-sm);transition:all var(--transition-fast);border-radius:50%}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px var(--color-accent-glow), var(--shadow-md);transform:scale(1.1)}.slider-input::-moz-range-thumb{background:var(--color-text-primary);border:2px solid var(--color-accent);width:18px;height:18px;box-shadow:0 0 0 2px var(--color-surface), var(--shadow-sm);cursor:pointer;border:none;border-radius:50%}@media (width<=900px){.modal-content{height:95vh;max-height:none}}.edit-panel-overlay,.edit-panel,.edit-panel-header,.edit-panel-body,.icon-preview-box:before{display:none!important}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;flex-direction:column;height:100%;display:flex}.empty-state-icon{color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.empty-state-text{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:320px}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-divider{background:var(--color-border);width:100%;height:1px}@media (width<=640px){:root{--sidebar-width:100vw}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.filter-pills{display:none}}.slider-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.slider-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.slider-value{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:600}.tabs-header{background:var(--color-surface-3);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:0;padding:4px;display:flex}.tab-btn{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:600;display:flex}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.modal-preview-box.has-bg{background-image:none!important}.stats-bar{margin-bottom:var(--spacing-md)}.icon-card-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column;min-height:106px;display:flex;position:relative;overflow:hidden}.skeleton-badge{background:var(--color-surface-2);border-radius:4px;width:40px;height:14px;animation:1.5s ease-in-out infinite skeleton-pulse;position:absolute;top:8px;right:8px}.skeleton-icon{background:var(--color-surface-2);border-radius:6px;width:32px;height:32px;margin-top:8px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{background:var(--color-surface-2);border-radius:2px;width:60%;height:10px;margin-top:auto;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}.icon-grid>*{animation:.3s ease-out both itemSlideIn}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-card-header{z-index:5;justify-content:space-between;align-items:center;width:100%;padding:0 6px;display:flex;position:absolute;top:6px;left:0}.favorite-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);opacity:0;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.8)}.icon-card:hover .favorite-button,.favorite-button.active{opacity:1;transform:scale(1)}.favorite-button:hover{color:var(--color-text-primary);background:#ffffff26}.favorite-button.active{color:#ff4757;filter:drop-shadow(0 0 4px #ff475766)}.icon-card.is-favorite{border-color:#ff475733}.filter-pill.active-favorites{color:#ff4757;background:#ff47571a;border-color:#ff47574d}.filter-pill.active-favorites svg{color:#ff4757}