.palette-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.palette-link{height:100%;color:inherit;transition:all var(--transition-normal);flex-direction:column;padding:2rem;text-decoration:none;display:flex}.palette-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.palette-card:hover .palette-link{color:var(--primary-color)}.palette-title{color:var(--primary-color);transition:color var(--transition-normal);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.palette-card:hover .palette-title{color:var(--primary-color)}.palette-description{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.palette-arrow{color:var(--primary-color);transition:transform var(--transition-normal);font-size:.95rem;font-weight:600}.palette-card:hover .palette-arrow{transform:translate(4px)}@media (max-width:768px){.palette-link{padding:1.5rem}.palette-title{font-size:1.25rem}}
.ColorPalette-module__x-FkUa__grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin:32px 0 48px;display:grid}.ColorPalette-module__x-FkUa__card{min-width:0;color:inherit;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:8px;grid-template-rows:82px auto;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.ColorPalette-module__x-FkUa__card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.1)}.ColorPalette-module__x-FkUa__card:focus-visible{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.1)}.ColorPalette-module__x-FkUa__card:focus-visible{outline-offset:2px;outline:3px solid rgba(0,0,0,.18)}.ColorPalette-module__x-FkUa__swatch{border-bottom:1px solid rgba(0,0,0,.08);width:100%;height:100%;display:block}.ColorPalette-module__x-FkUa__code{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:10px 8px;font-size:.82rem;font-weight:650;line-height:1.2;overflow:hidden}.ColorPalette-module__x-FkUa__backdrop{z-index:2000;background:rgba(0,0,0,.58);place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.ColorPalette-module__x-FkUa__dialog{background:#fff;border-radius:14px;width:min(460px,100%);padding:18px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.35)}.ColorPalette-module__x-FkUa__close{color:#111;cursor:pointer;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.2);border-radius:50%;place-items:center;width:36px;height:36px;padding:0 0 3px;font-size:1.8rem;line-height:1;display:grid;position:absolute;top:24px;right:24px}.ColorPalette-module__x-FkUa__close:focus-visible{outline-offset:2px;outline:3px solid rgba(0,0,0,.3)}.ColorPalette-module__x-FkUa__largeSwatch{aspect-ratio:4/3;border:1px solid rgba(0,0,0,.1);border-radius:8px;width:100%}.ColorPalette-module__x-FkUa__dialogCode{text-align:center;margin-top:16px;font-size:1.35rem;display:block}.ColorPalette-module__x-FkUa__values{color:#666;text-align:center;margin-top:4px;font-size:.9rem;display:block}@media (max-width:576px){.ColorPalette-module__x-FkUa__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ColorPalette-module__x-FkUa__card{grid-template-rows:64px auto}.ColorPalette-module__x-FkUa__code{padding-left:4px;padding-right:4px;font-size:.72rem}}