.index-module-scss-module__eBbzwG__swatches{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.8rem;display:grid}.index-module-scss-module__eBbzwG__swatch{border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;height:6.4rem;transition:transform .15s}.index-module-scss-module__eBbzwG__swatch span{color:#fff;border-radius:var(--radius-pill);background:#0000008c;padding:.2rem .8rem;font-size:1.6rem;display:inline-block}.index-module-scss-module__eBbzwG__swatch:hover{transform:translateY(-2px)}.index-module-scss-module__eBbzwG__gradients{flex-direction:column;gap:.8rem;display:flex}.index-module-scss-module__eBbzwG__gradient{border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;height:4.8rem}.index-module-scss-module__eBbzwG__gradient span{color:#fff;border-radius:var(--radius-pill);background:#0000008c;padding:.2rem .8rem;font-size:1.6rem;display:inline-block}.index-module-scss-module__eBbzwG__stage{z-index:1000;visibility:hidden;pointer-events:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0}.index-module-scss-module__eBbzwG__stage.index-module-scss-module__eBbzwG__on{visibility:visible;pointer-events:auto}.index-module-scss-module__eBbzwG__stage.index-module-scss-module__eBbzwG__checker{background:repeating-conic-gradient(#000 0 25%, #fff 0 50%) 0 0/8rem 8rem}.index-module-scss-module__eBbzwG__hint{opacity:0;pointer-events:none;color:#fff;border-radius:var(--radius-lg);text-align:center;word-break:keep-all;background:#000000b3;max-width:min(60rem,100% - 3.2rem);padding:1.6rem 2rem;transition:opacity .4s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.index-module-scss-module__eBbzwG__hint p{font-size:1.6rem;line-height:1.6}.index-module-scss-module__eBbzwG__hint p+p{color:#ffffffb3;margin-top:.6rem}.index-module-scss-module__eBbzwG__hint.index-module-scss-module__eBbzwG__hintOn{opacity:1}.index-module-scss-module__eBbzwG__exit{color:#fff;border-radius:var(--radius-pill);cursor:pointer;opacity:.35;background:#0009;border:1px solid #fff6;padding:.8rem 1.4rem;font-size:1.6rem;transition:opacity .2s;position:absolute;top:1.6rem;right:1.6rem}.index-module-scss-module__eBbzwG__exit:hover,.index-module-scss-module__eBbzwG__exit:focus-visible{opacity:1}.index-module-scss-module__eBbzwG__motion{flex-direction:column;display:flex;position:absolute;inset:0}.index-module-scss-module__eBbzwG__motionDark,.index-module-scss-module__eBbzwG__motionLight{flex:1;align-items:center;display:flex}.index-module-scss-module__eBbzwG__motionDark{background:#000}.index-module-scss-module__eBbzwG__motionLight{background:#fff}.index-module-scss-module__eBbzwG__block{will-change:transform;background:#fff;width:12vmin;height:12vmin}.index-module-scss-module__eBbzwG__blockDark{background:#000}.index-module-scss-module__eBbzwG__fps{font-family:var(--font-mono);color:#888;font-variant-numeric:tabular-nums;font-size:1.6rem;position:absolute;bottom:1.6rem;left:1.6rem}