.nex-icon-hero-art{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 78%, transparent);border-radius:24px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.nex-icon-art-orbit{border:1px solid color-mix(in srgb, var(--brand) 12%, transparent);width:310px;height:310px;box-shadow:0 0 0 35px color-mix(in srgb, var(--brand) 3%, transparent), 0 0 0 70px color-mix(in srgb, var(--brand) 2%, transparent);border-radius:50%;position:absolute}.nex-icon-art-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:23px 0 42px;display:grid;position:relative;transform:rotate(-7deg)}.nex-icon-art-cell{border:1px solid var(--border);background:var(--background);width:60px;height:60px;color:var(--foreground);border-radius:16px;place-items:center;display:grid;box-shadow:0 5px 10px #00000003}.nex-icon-art-cell svg{width:27px;height:27px}.nex-icon-art-cell-1,.nex-icon-art-cell-4,.nex-icon-art-cell-8{color:var(--brand);background:color-mix(in srgb, var(--brand) 7%, var(--background));border-color:color-mix(in srgb, var(--brand) 17%, transparent)}.nex-icon-art-caption{border:1px solid var(--border);background:var(--background);border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:16px}.nex-icon-hero-art-compact{background:0 0;border:0;border-radius:0;height:150px;min-height:150px}.nex-icon-hero-art-compact .nex-icon-art-grid{gap:8px;padding:0;transform:rotate(-9deg)scale(.75)}.nex-icon-hero-art-compact .nex-icon-art-orbit{width:180px;height:180px}.nex-icon-preview{background-color:color-mix(in srgb, var(--muted) 28%, var(--background));background-image:linear-gradient(45deg,#80808009 25%,#0000 25%),linear-gradient(-45deg,#80808009 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#80808009 75%),linear-gradient(-45deg,#0000 75%,#80808009 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.nex-icon-tile{transition:border-color .16s,transform .16s,box-shadow .16s}.nex-icon-tile:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--border));transform:translateY(-2px);box-shadow:0 8px 24px #00000006}.nex-icon-tile:focus-within{border-color:var(--brand)}.nex-icon-source-image{object-fit:contain;width:54%;height:54%;display:block}.nex-icon-small-source{object-fit:contain;width:42px;height:42px;display:block}.dark .nex-icon-monochrome{filter:invert()}.nex-icon-sticker-image{filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 4px 3px #0000001c)}.nex-icon-motion-preview:hover .nex-icon-source-image,.nex-icon-motion-preview:focus-within .nex-icon-source-image{animation:1.3s ease-in-out infinite nex-icon-float}.nex-icons input:focus-visible,.nex-icons select:focus-visible,.nex-icons button:focus-visible,.nex-icons a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.nex-icon-editor-preview{place-items:center;min-height:250px;display:grid}.nex-icon-editor-preview img{object-fit:contain;max-width:min(100%,230px);max-height:230px}@keyframes nex-icon-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.nex-icon-tile{transition:none}.nex-icon-motion-preview .nex-icon-source-image{animation:none!important}}@media (width<=639px){.nex-icon-page-hero{padding-top:24px;padding-bottom:28px}.nex-icon-editor-preview{min-height:180px}}