.nx-flake-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.nx-flake-grid--6{grid-template-columns:repeat(6,1fr);gap:14px}.nx-flake{cursor:pointer;transition:transform .24s var(--nx-ease-out);text-align:center}.nx-flake-grid .nx-flake{padding:12px;background:#fff;border:1px solid var(--nx-border);border-radius:18px;box-shadow:var(--nx-shadow-sm)}.nx-section--dark .nx-flake-grid .nx-flake{background:#ffffff14;border-color:#ffffff24;box-shadow:none}.nx-flake-grid .nx-flake:hover{transform:translateY(-3px);border-color:var(--nx-primary)}.nx-flake__chip{aspect-ratio:1 / 1;border-radius:14px;margin-bottom:14px;box-shadow:inset 0 0 0 1px #0000001f,0 10px 24px #0000051f;position:relative;background-size:120px 120px;background-position:center;transition:all .24s var(--nx-ease-out);overflow:hidden}.nx-flake__chip:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,transparent 34%,transparent 68%,rgba(0,0,0,.16) 100%)}.nx-flake__name{font-family:var(--nx-font-sans);font-size:17px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--nx-ink)}.nx-section--dark .nx-flake__name{color:#fff}.nx-flake--shoreline{--c1: #d9ccae;--c2: #b89e74;--c3: #2c2920;--c4: #f0e6cc}.nx-flake--stonehenge{--c1: #b9bcc1;--c2: #6b6f74;--c3: #e8ebed;--c4: #2a2c2e}.nx-flake--coyote{--c1: #d6cabb;--c2: #8a6e54;--c3: #2d2a26;--c4: #f1e9dc}.nx-flake--snowfall{--c1: #efefef;--c2: #c4c4c4;--c3: #fefefe;--c4: #7c7c7c}.nx-flake--cabin-fever{--c1: #d8c4a0;--c2: #9b7651;--c3: #3a2b20;--c4: #f1e1c8}.nx-flake--cardamom{--c1: #aeb39a;--c2: #6f765b;--c3: #2f3328;--c4: #ded7bf}.nx-flake--domino{--c1: #f2f2f2;--c2: #2e2e2e;--c3: #888888;--c4: #c8c8c8}.nx-flake--comet{--c1: #1f4faa;--c2: #6e6e6e;--c3: #0e0e0e;--c4: #d6d6d6}.nx-flake--saddletan{--c1: #c2956a;--c2: #6f4524;--c3: #1f1612;--c4: #efd9bc}.nx-flake--raven{--c1: #2c2c2c;--c2: #585858;--c3: #0a0a0a;--c4: #cccccc}.nx-flake--creekbed{--c1: #d1c9b7;--c2: #927860;--c3: #1c1814;--c4: #ece4cf}.nx-flake--wombat{--c1: #aab1b6;--c2: #5c6066;--c3: #1f2226;--c4: #ddd}.nx-flake--nightfall{--c1: #4a5560;--c2: #232932;--c3: #6e7884;--c4: #0c0e12}.nx-flake--storm{--c1: #525c63;--c2: #2a3038;--c3: #8a939a;--c4: #cbd2d8}.nx-project__img.nx-flake,.nx-flake__chip{background-image:radial-gradient(circle at 15% 20%,var(--c1) 0%,transparent 3%),radial-gradient(circle at 75% 30%,var(--c2) 0%,transparent 3%),radial-gradient(circle at 40% 60%,var(--c3) 0%,transparent 2%),radial-gradient(circle at 60% 85%,var(--c4) 0%,transparent 3%),radial-gradient(circle at 25% 75%,var(--c1) 0%,transparent 2%),radial-gradient(circle at 85% 65%,var(--c2) 0%,transparent 2%),radial-gradient(circle at 50% 35%,var(--c3) 0%,transparent 3%),radial-gradient(circle at 10% 50%,var(--c4) 0%,transparent 2%),radial-gradient(circle at 35% 10%,var(--c1) 0%,transparent 2%),radial-gradient(circle at 65% 50%,var(--c2) 0%,transparent 3%),radial-gradient(circle at 90% 20%,var(--c3) 0%,transparent 2%),radial-gradient(circle at 20% 35%,var(--c4) 0%,transparent 2%),linear-gradient(135deg,var(--c1) 0%,var(--c2) 25%,var(--c3) 50%,var(--c4) 75%,var(--c1) 100%);background-size:100% 100%}.nx-flake--shoreline .nx-flake__chip{background-image:url(/images/color-samples-to-use/Shoreline.jpg);background-size:cover}.nx-flake--stonehenge .nx-flake__chip,.nx-flake--stone-henge .nx-flake__chip{background-image:url(/images/color-samples-to-use/Stone%20Henge.jpg);background-size:cover}.nx-flake--coyote .nx-flake__chip{background-image:url(/images/color-samples-to-use/Coyote.jpg);background-size:cover}.nx-flake--cabin-fever .nx-flake__chip{background-image:url(/images/color-samples-to-use/Cabin%20Fever.jpg);background-size:cover}.nx-flake--cardamom .nx-flake__chip{background-image:url(/images/color-samples-to-use/Cardamom.jpg);background-size:cover}.nx-flake--domino .nx-flake__chip{background-image:url(/images/color-samples-to-use/Domino.jpg);background-size:cover}.nx-flake--comet .nx-flake__chip{background-image:url(/images/color-samples-to-use/Comet.jpg);background-size:cover}.nx-flake--saddletan .nx-flake__chip,.nx-flake--saddle-tan .nx-flake__chip{background-image:url(/images/color-samples-to-use/Saddle%20Tan.jpg);background-size:cover}.nx-flake--raven .nx-flake__chip{background-image:url(/images/color-samples-to-use/Raven.jpg);background-size:cover}.nx-flake--creekbed .nx-flake__chip,.nx-flake--creek-bed .nx-flake__chip{background-image:url(/images/color-samples-to-use/Creek%20Bed.jpg);background-size:cover}.nx-flake--wombat .nx-flake__chip{background-image:url(/images/color-samples-to-use/Wombat.jpg);background-size:cover}.nx-flake--nightfall .nx-flake__chip,.nx-flake--night-fall .nx-flake__chip{background-image:url(/images/color-samples-to-use/Night%20Fall.jpg);background-size:cover}@media(max-width:900px){.nx-flake-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.nx-flake-grid{grid-template-columns:repeat(2,1fr)}.nx-flake-grid--6{grid-template-columns:repeat(3,1fr)}.nx-flake__chip{background-size:80px 80px}}