2 lines
6.4 KiB
CSS
2 lines
6.4 KiB
CSS
.categories-page[data-v-cf5be167]{background:var(--color-bg)}.cat-top[data-v-cf5be167]{padding:10px var(--page-padding);background:var(--color-surface);color:var(--color-text);grid-template-columns:40px 1fr auto;align-items:center;gap:4px;display:grid}.cat-top__title[data-v-cf5be167]{text-align:center;margin:0;font-size:1rem}.cat-top__actions[data-v-cf5be167]{color:inherit;align-items:center;gap:0;display:flex}.icon-btn[data-v-cf5be167]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;border-radius:12px;place-items:center;display:grid}.cat-scroll[data-v-cf5be167]{padding:16px var(--page-padding) 24px;flex-direction:column;gap:22px;display:flex}.block-title[data-v-cf5be167]{margin:0;font-size:1.05rem}.block-sub[data-v-cf5be167]{color:var(--color-text-muted);margin:4px 0 12px;font-size:.8rem}.usage-grid[data-v-cf5be167]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-card[data-v-cf5be167]{appearance:none;background:var(--color-surface);border-radius:var(--radius-md);text-align:start;cursor:pointer;width:100%;min-width:0;box-shadow:none;border:none;border:1px solid var(--color-border);flex-direction:column;align-items:stretch;margin:0;padding:0;font-family:inherit;line-height:normal;display:flex;overflow:hidden}.usage-card__image[data-v-cf5be167]{aspect-ratio:4/3;background-color:#e8eceb;background-image:linear-gradient(140deg,#6b7280,#1f2937);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:none;width:100%;height:auto;margin:0;position:relative}.usage-card__image--suit[data-v-cf5be167]{background-image:linear-gradient(150deg,#2c3038,#111318)}.usage-card__image--shirt[data-v-cf5be167]{background-image:linear-gradient(150deg,#e8eef3,#9aa8b5)}.usage-card__image--trousers[data-v-cf5be167]{background-image:linear-gradient(150deg,#1a1d24,#0b0d12)}.usage-card__icon[data-v-cf5be167]{background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-primary);box-shadow:none;border:1px solid var(--color-border);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.usage-card__body[data-v-cf5be167]{flex-direction:column;flex:auto;gap:6px;padding:18px 8px 12px;display:flex}.usage-card__body strong[data-v-cf5be167]{font-size:.72rem;line-height:1.5}.usage-card__link[data-v-cf5be167]{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.65rem;display:inline-flex}.season-stack[data-v-cf5be167]{flex-direction:column;gap:10px;display:flex}.season-card[data-v-cf5be167]{isolation:isolate;appearance:none;border-radius:var(--radius-lg);text-align:start;cursor:pointer;width:100%;min-height:148px;box-shadow:none;border:none;border:1px solid var(--color-border);background-color:#d6c3a8;background-image:linear-gradient(160deg,#d6c3a8,#8b7355);background-position:top;background-repeat:no-repeat;background-size:cover;justify-content:flex-start;align-items:flex-end;margin:0;padding:14px 16px;font-family:inherit;display:flex;position:relative;overflow:hidden}.season-card--banner[data-v-cf5be167]{aspect-ratio:2.35;background-position:top;background-size:cover;justify-content:flex-start;align-items:stretch;min-height:156px;padding:0}.season-card--summer[data-v-cf5be167]{background-image:linear-gradient(160deg,#f3e6c8,#c4a574)}.season-card--winter[data-v-cf5be167]{background-image:linear-gradient(160deg,#cfd6de,#7d8b99)}.season-card--all_season[data-v-cf5be167]{background-image:linear-gradient(160deg,#efe6d6,#b9a48a)}.season-card__content[data-v-cf5be167]{z-index:1;max-width:58%;padding:14px 16px;position:relative}.season-card--banner .season-card__content[data-v-cf5be167]{flex-direction:column;justify-content:flex-end;align-self:stretch;width:100%;max-width:none;min-height:100%;margin-top:auto;padding:14px 16px;display:flex}.season-card__content strong[data-v-cf5be167]{color:var(--color-text);font-size:1.05rem;font-weight:700;display:block}.season-card__title-row[data-v-cf5be167]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.season-card__icon[data-v-cf5be167]{background:color-mix(in srgb, var(--color-surface) 80%, transparent);width:28px;height:28px;color:var(--color-primary);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.season-card--banner .season-card__content strong[data-v-cf5be167],.season-card--banner .season-card__content p[data-v-cf5be167],.season-card--banner .season-card__link[data-v-cf5be167]{color:#fff;text-shadow:0 1px 2px #0000008c,0 2px 12px #00000059}.season-card--banner .season-card__icon[data-v-cf5be167]{background:#ffffffeb}.season-card__content p[data-v-cf5be167]{color:var(--color-text-muted);margin:0 0 10px;font-size:.75rem;line-height:1.7}.season-card__link[data-v-cf5be167]{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.72rem;font-weight:600;display:inline-flex}.feature-row[data-v-cf5be167]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feature-card[data-v-cf5be167]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:10px 8px;display:flex}.feature-card--link[data-v-cf5be167]{cursor:pointer}.feature-card__icon[data-v-cf5be167]{width:22px;height:22px;color:var(--color-text);flex-shrink:0;place-items:center;display:grid}.feature-card__text[data-v-cf5be167]{text-align:start;flex-direction:column;gap:2px;min-width:0;display:flex}.feature-card__text strong[data-v-cf5be167]{color:var(--color-text);font-size:.6875rem;font-weight:700;line-height:1.35}.feature-card__text span[data-v-cf5be167]{color:var(--color-text-muted);font-size:.625rem;line-height:1.35}@media (width>=768px){.categories-page[data-v-cf5be167]{max-width:var(--content-max-width);width:100%;padding:8px var(--page-padding) 0;box-sizing:border-box;margin-inline:auto}.cat-scroll[data-v-cf5be167]{gap:28px;padding:8px 0 28px}.block-title[data-v-cf5be167]{font-size:1.125rem}.block-sub[data-v-cf5be167]{margin-bottom:14px;font-size:.875rem}.usage-grid[data-v-cf5be167]{gap:16px}.usage-card__body strong[data-v-cf5be167]{font-size:.8125rem}.usage-card__link[data-v-cf5be167]{font-size:.75rem}.season-stack[data-v-cf5be167]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.season-card[data-v-cf5be167]{min-height:156px}.feature-row[data-v-cf5be167]{gap:14px}.feature-card[data-v-cf5be167]{border-radius:14px;padding:14px 12px}.feature-card__text strong[data-v-cf5be167]{font-size:.8125rem}.feature-card__text span[data-v-cf5be167]{font-size:.75rem}}
|