.colorGradients-module__WBNLxW__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1100px){.colorGradients-module__WBNLxW__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.colorGradients-module__WBNLxW__grid{grid-template-columns:minmax(0,1fr)}}.colorGradients-module__WBNLxW__card{flex-direction:column;gap:12px;min-width:0;display:flex}.colorGradients-module__WBNLxW__frame{aspect-ratio:16/10;background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;display:block;position:relative;overflow:hidden}.colorGradients-module__WBNLxW__frame img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block}.colorGradients-module__WBNLxW__card:hover .colorGradients-module__WBNLxW__frame img{transform:scale(1.025)}.colorGradients-module__WBNLxW__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.colorGradients-module__WBNLxW__name{color:#fff;margin:0;font-size:16px;font-weight:500;line-height:1.3}.colorGradients-module__WBNLxW__kind{color:#ffffff80;white-space:nowrap;font-size:13px}.colorGradients-module__WBNLxW__swatches{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.colorGradients-module__WBNLxW__swatch{color:#ffffffb8;font-variant-numeric:tabular-nums;letter-spacing:.01em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-family:inherit;font-size:12px;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.colorGradients-module__WBNLxW__swatch:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.colorGradients-module__WBNLxW__swatch:active{transform:scale(.96)}.colorGradients-module__WBNLxW__swatch:focus-visible,.colorGradients-module__WBNLxW__action:focus-visible,.colorGradients-module__WBNLxW__sib:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.colorGradients-module__WBNLxW__dot{border-radius:999px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff26}.colorGradients-module__WBNLxW__actions{flex-wrap:wrap;gap:6px;display:flex}.colorGradients-module__WBNLxW__action{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 11px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.colorGradients-module__WBNLxW__action:hover{background:#ffffff24;border-color:#fff3}.colorGradients-module__WBNLxW__action:active{transform:scale(.97)}.colorGradients-module__WBNLxW__action svg{flex:none;width:15px;height:15px}@media (max-width:1240px){.colorGradients-module__WBNLxW__action:not(.colorGradients-module__WBNLxW__primary) svg{display:none}}.colorGradients-module__WBNLxW__action[aria-busy=true]{cursor:progress}.colorGradients-module__WBNLxW__primary{color:#000;background:#fff;border-color:#fff}.colorGradients-module__WBNLxW__primary:hover{background:#ffffffdb;border-color:#ffffffdb}.colorGradients-module__WBNLxW__tableWrap{border:1px solid #ffffff14;border-radius:14px;overflow-x:auto}.colorGradients-module__WBNLxW__table{border-collapse:collapse;color:#ffffffb8;width:100%;font-size:14px}.colorGradients-module__WBNLxW__table th{text-align:left;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:12px;font-weight:500}.colorGradients-module__WBNLxW__table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:10px 16px}.colorGradients-module__WBNLxW__table tr:last-child td{border-bottom:0}.colorGradients-module__WBNLxW__table td:first-child{color:#fff;white-space:nowrap}.colorGradients-module__WBNLxW__hexes{font-variant-numeric:tabular-nums;word-spacing:.2em}.colorGradients-module__WBNLxW__bar{border-radius:999px;width:96px;height:14px;display:block}.colorGradients-module__WBNLxW__siblings{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.colorGradients-module__WBNLxW__sib{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:15px;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.colorGradients-module__WBNLxW__sib:hover{background:#ffffff1a;border-color:#fff3}.colorGradients-module__WBNLxW__sib:active{transform:scale(.98)}.colorGradients-module__WBNLxW__sibDot{border-radius:999px;flex:none;width:26px;height:26px}@media (prefers-reduced-motion:reduce){.colorGradients-module__WBNLxW__frame img,.colorGradients-module__WBNLxW__swatch,.colorGradients-module__WBNLxW__action,.colorGradients-module__WBNLxW__sib{transition:none}.colorGradients-module__WBNLxW__card:hover .colorGradients-module__WBNLxW__frame img{transform:none}}