@layer component{.HuFg1G_ColorInput{align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.HuFg1G_ColorInput input[type=color]{inline-size:var(--size-control);block-size:var(--size-control);padding:var(--space-1);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);cursor:pointer;margin-block-start:calc(var(--size-control-sm) + var(--space-2))}.HuFg1G_ColorInput input[type=color]::-webkit-color-swatch-wrapper{padding:0}.HuFg1G_ColorInput input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:0}.HuFg1G_ColorInput[data-hide-label=true] input[type=color]{margin-block-start:0}._0BYVhq_FaviconGenerator{gap:var(--space-4);display:grid}._0BYVhq_FaviconGenerator ._0BYVhq_controls{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}._0BYVhq_FaviconGenerator ._0BYVhq_range{gap:var(--space-2);display:grid}._0BYVhq_FaviconGenerator ._0BYVhq_note{color:var(--color-text-secondary);font-size:var(--font-size-sm)}._0BYVhq_FaviconGenerator ._0BYVhq_icons{align-items:end;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}._0BYVhq_FaviconGenerator figure{justify-items:center;gap:var(--space-2);margin:0;display:grid}._0BYVhq_FaviconGenerator figcaption{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center;display:grid}._0BYVhq_FaviconGenerator figcaption span{color:var(--color-text-tertiary)}._0BYVhq_FaviconGenerator ._0BYVhq_frame{padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-bg-hover) 0 25%, var(--color-bg-raised) 0 50%) 0 0 / .5rem .5rem;place-items:center;display:grid;position:relative}._0BYVhq_FaviconGenerator ._0BYVhq_frame img{display:block}._0BYVhq_FaviconGenerator figure:not([data-kind=favicon]) img{block-size:6rem;inline-size:6rem}._0BYVhq_FaviconGenerator figure[data-kind=maskable] ._0BYVhq_frame:after{border:1px dashed var(--color-text-primary);border-radius:var(--radius-full);content:"";pointer-events:none;block-size:4.8rem;inline-size:4.8rem;margin:auto;position:absolute;inset:0}._0BYVhq_FaviconGenerator ._0BYVhq_files{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}._0BYVhq_FaviconGenerator ._0BYVhq_files li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-wrap:wrap;display:flex}._0BYVhq_FaviconGenerator ._0BYVhq_files code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);flex:1}._0BYVhq_FaviconGenerator ._0BYVhq_files span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}._0BYVhq_FaviconGenerator textarea{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}}