.trending-color-card[data-v-1d4f6791]{--card-color:#afa99c;--card-ease:cubic-bezier(.22,1,.36,1);--card-primary:#222d5a;height:100%;position:relative}.trending-color-card__favorite[data-v-1d4f6791]{align-items:center;background:#ffffffe6;border:1px solid #e0dce8;border-radius:50%;color:#b5b5b5;cursor:pointer;display:inline-flex;font-size:16px;height:34px;inset-inline-start:10px;justify-content:center;padding:0;position:absolute;top:10px;transition:color .25s ease,border-color .25s ease;width:34px;z-index:5}.trending-color-card__favorite.active[data-v-1d4f6791],.trending-color-card__favorite[data-v-1d4f6791]:hover{border-color:#b3261e;color:#b3261e}.trending-color-card__favorite[data-v-1d4f6791]:disabled{cursor:wait;opacity:.85}.trending-color-card__link[data-v-1d4f6791]{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:4px;box-shadow:0 2px 12px #0f11241a;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none}.trending-color-card__swatch[data-v-1d4f6791]{aspect-ratio:1/1.55;background-color:var(--card-color,#f3f4f6);border-radius:4px 4px 0 0;min-height:clamp(180px,22vw,260px);overflow:hidden;position:relative;width:100%;z-index:0}.trending-color-card__swatch-img[data-v-1d4f6791]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:0}.trending-color-card__details[data-v-1d4f6791]{align-items:center;background:#fffffff5;border-radius:50px;box-shadow:0 8px 20px #00000029;color:var(--card-primary,#222d5a);display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;left:50%;line-height:1;min-height:36px;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,calc(-50% + 8px)) scale(.96);transition:opacity .35s ease,transform .35s var(--card-ease);white-space:nowrap;z-index:2}.trending-color-card__details i[data-v-1d4f6791]{font-size:11px}.trending-color-card__meta[data-v-1d4f6791]{align-items:flex-start;background:#fff;border-radius:0 0 4px 4px;display:flex;flex-direction:column;gap:6px;padding:12px 10px 14px;position:relative;text-align:start;z-index:1}.trending-color-card__code[data-v-1d4f6791]{color:#98a2b3;font-size:12px;font-weight:400;line-height:1}.trending-color-card__name[data-v-1d4f6791]{color:#172033;font-size:14px;font-weight:700;line-height:1.35}@media(hover:hover)and (pointer:fine){.trending-color-card:focus-within .trending-color-card__details[data-v-1d4f6791],.trending-color-card:hover .trending-color-card__details[data-v-1d4f6791]{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.trending-color-card__details[data-v-1d4f6791]{transition:none!important}.trending-color-card:focus-within .trending-color-card__details[data-v-1d4f6791],.trending-color-card:hover .trending-color-card__details[data-v-1d4f6791]{opacity:1;transform:translate(-50%,-50%) scale(1)}}.trending-colors-help[data-v-9b10d76d]{background:#faf7f0;margin-top:72px}.trending-colors-help__container[data-v-9b10d76d]{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);max-width:1320px;padding:72px 16px}@media(max-width:992px){.trending-colors-help__container[data-v-9b10d76d]{gap:32px;grid-template-columns:1fr;padding:48px 16px}}.trending-colors-help__image-wrap[data-v-9b10d76d]{background:linear-gradient(135deg,#d8d0c4,#ece6db);border-radius:4px;min-height:360px;overflow:hidden}.trending-colors-help__image[data-v-9b10d76d]{height:100%;min-height:360px;-o-object-fit:cover;object-fit:cover;width:100%}.trending-colors-help__content[data-v-9b10d76d]{max-width:560px}.trending-colors-help__title[data-v-9b10d76d]{color:#172033;font-size:clamp(28px,3vw,36px);font-weight:800;line-height:1.25;margin:0 0 18px}.trending-colors-help__desc[data-v-9b10d76d]{color:#667085;font-size:15px;line-height:1.85;margin:0 0 28px}.trending-colors-help__actions[data-v-9b10d76d]{display:flex;flex-wrap:wrap;gap:14px}.trending-colors-help__btn[data-v-9b10d76d]{align-items:center;background:#fff;border:1px solid #d4b56a;border-radius:10px;color:#344054;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:48px;min-width:132px;padding:0 22px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.trending-colors-help__btn.active[data-v-9b10d76d],.trending-colors-help__btn[data-v-9b10d76d]:hover{background:#fff;border-color:#c9a24d;color:#222d5a}.trending-colors-page[data-v-dc8501ef]{background:#f5f5f5}.trending-colors-page__hero[data-v-dc8501ef]{background-color:#ebe6e0;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:clamp(220px,28vw,360px);width:100%}.trending-colors-page__header[data-v-dc8501ef]{background:#fff;padding:42px 0 28px}.trending-colors-page__header--with-hero[data-v-dc8501ef]{padding-top:36px}.trending-colors-page__intro[data-v-dc8501ef]{margin:0 auto 36px;max-width:820px;text-align:center}.trending-colors-page__title[data-v-dc8501ef]{color:#172033;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.35;margin:0 0 14px}.trending-colors-page__desc[data-v-dc8501ef]{color:#667085;font-size:15px;line-height:1.8}.trending-colors-page__desc[data-v-dc8501ef] h1,.trending-colors-page__desc[data-v-dc8501ef] h2,.trending-colors-page__desc[data-v-dc8501ef] h3,.trending-colors-page__desc[data-v-dc8501ef] p{color:inherit;font-size:inherit;font-weight:400;line-height:inherit;margin:0}.trending-colors-page__search-wrap[data-v-dc8501ef]{margin:0 auto 28px;max-width:920px}.trending-colors-page__search[data-v-dc8501ef]{align-items:center;background:#fff;border:1px solid #d9dee7;border-radius:8px;color:#98a2b3;display:flex;gap:12px;min-height:52px;padding:0 18px}.trending-colors-page__search input[data-v-dc8501ef]{background:transparent;border:0;color:#172033;font-size:15px;outline:none;width:100%}.trending-colors-page__search input[data-v-dc8501ef]::-moz-placeholder{color:#98a2b3}.trending-colors-page__search input[data-v-dc8501ef]::placeholder{color:#98a2b3}.trending-colors-page__filters[data-v-dc8501ef]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(14px,2.4vw,28px);justify-content:center}.trending-colors-page__filter[data-v-dc8501ef]{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-width:54px;padding:0 0 10px;position:relative}.trending-colors-page__filter small[data-v-dc8501ef]{color:#667085;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap}.trending-colors-page__filter.active small[data-v-dc8501ef]{color:#172033;font-weight:700}.trending-colors-page__filter.active[data-v-dc8501ef]:after{background:#172033;content:"";inset-inline:0;bottom:0;height:3px;position:absolute}.trending-colors-page__filter-swatch[data-v-dc8501ef]{border-radius:50%;box-shadow:inset 0 0 0 1px #0f112414;height:54px;width:54px}.trending-colors-page__controls[data-v-dc8501ef]{background:#f5f5f5;border-top:1px solid #eceff3;padding:18px 0 14px}.trending-colors-page__container[data-v-dc8501ef]{width:100%}.trending-colors-page__toolbar[data-v-dc8501ef]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.trending-colors-page__toolbar-meta[data-v-dc8501ef]{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;width:100%}.trending-colors-page__grid-size[data-v-dc8501ef]{align-items:center;color:#667085;display:inline-flex;font-size:14px;gap:10px}.trending-colors-page__grid-slider[data-v-dc8501ef]{accent-color:#172033;cursor:pointer;height:4px;margin:0;width:clamp(120px,16vw,180px)}.trending-colors-page__body[data-v-dc8501ef]{background:#f5f5f5;padding:8px 0 32px}.trending-colors-page__grid[data-v-dc8501ef]{display:grid;gap:36px 24px}.trending-colors-page__grid--loading .trending-colors-page__skeleton[data-v-dc8501ef]{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0f11241a;display:flex;flex-direction:column;overflow:hidden}.trending-colors-page__grid--loading .trending-colors-page__skeleton[data-v-dc8501ef]:before{animation:shimmer-dc8501ef 1.4s infinite;aspect-ratio:1/1.55;background:linear-gradient(90deg,#f2f4f7 25%,#e4e7ec,#f2f4f7 75%);background-size:200% 100%;content:"";min-height:clamp(180px,22vw,260px)}.trending-colors-page__grid--loading .trending-colors-page__skeleton[data-v-dc8501ef]:after{animation:shimmer-dc8501ef 1.4s infinite;background:linear-gradient(90deg,#f9fafb 25%,#f2f4f7,#f9fafb 75%);background-size:200% 100%;content:"";height:58px}.trending-colors-page__empty[data-v-dc8501ef]{margin:32px 0}@keyframes shimmer-dc8501ef{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.trending-colors-page__hero[data-v-dc8501ef]{min-height:clamp(180px,42vw,260px)}.trending-colors-page__header[data-v-dc8501ef]{padding:32px 0 24px}.trending-colors-page__header--with-hero[data-v-dc8501ef]{padding-top:28px}.trending-colors-page__intro[data-v-dc8501ef]{margin-bottom:28px}.trending-colors-page__grid[data-v-dc8501ef]{gap:28px 12px}.trending-colors-page__toolbar-meta[data-v-dc8501ef]{justify-content:center;width:100%}}
