2 lines
7.7 KiB
CSS
2 lines
7.7 KiB
CSS
|
.calite-detail[data-v-0392ee95]{color:#2a2622;background:#f4f0ed}.calite-detail__nav[data-v-0392ee95],.calite-hero__nav[data-v-0392ee95]{padding:calc(6px + env(safe-area-inset-top,0px)) 8px 2px;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.calite-hero__nav[data-v-0392ee95]{inset-inline:0;z-index:2;background:0 0;position:absolute;top:0}.calite-hero__nav h1[data-v-0392ee95]{text-align:center;color:#fff;margin:0;font-size:1.0625rem;font-weight:700}.icon-btn[data-v-0392ee95]{color:#fff;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;display:grid}.calite-detail__scroll[data-v-0392ee95]{flex-direction:column;gap:0;padding:0 0 112px;display:flex}.calite-hero[data-v-0392ee95]{color:#fff;border-radius:0;width:100%;height:min(52vh,440px);min-height:340px;position:relative;overflow:hidden}.calite-hero__photo[data-v-0392ee95]{background:linear-gradient(160deg,#3d4a55,#151b22) 50%/cover;position:absolute;inset:0}.calite-hero__photo[data-v-0392ee95]:after{content:"";background:linear-gradient(#0c0a0847 0%,#0c0a0814 38%,#0c0a088c 100%);position:absolute;inset:0}.calite-hero__copy[data-v-0392ee95]{inset-inline:20px;z-index:1;text-align:start;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;min-height:0;padding:0;display:flex;position:absolute;bottom:22px}.calite-hero__copy h2[data-v-0392ee95]{text-shadow:0 1px 8px #00000040;margin:0;font-size:1.5rem;font-weight:700;line-height:1.35}.calite-hero__usage[data-v-0392ee95]{opacity:.95;margin:0;font-size:.8125rem;font-weight:400}.calite-hero__latin[data-v-0392ee95]{letter-spacing:.02em;margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-style:italic;font-weight:400;line-height:1.2}.calite-hero__tagline[data-v-0392ee95]{opacity:.92;margin-top:4px;font-size:.75rem;font-weight:400}.calite-detail__body[data-v-0392ee95]{flex-direction:column;gap:12px;padding:8px 16px 0;display:flex}.attr-row[data-v-0392ee95]{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px 0 8px;display:grid}.attr[data-v-0392ee95]{color:#6f6b66;text-align:center;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex;position:relative}.attr[data-v-0392ee95]:not(:last-child):after{content:"";inset-inline-end:0;background:#e4dfd8;width:1px;position:absolute;top:16%;bottom:16%}.attr__icon[data-v-0392ee95]{flex-shrink:0;width:26px;height:26px}.physical-cta[data-v-0392ee95]{background:var(--color-primary);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 44px;font-size:.875rem;font-weight:600;display:flex;position:relative}.physical-cta__icon[data-v-0392ee95]{place-items:center;display:grid}.physical-cta__chevron[data-v-0392ee95]{color:#fff;place-items:center;display:grid;position:absolute;inset-inline-end:16px}.pattern-tabs[data-v-0392ee95]{gap:8px;padding:2px 0;display:flex;overflow-x:auto}.pattern-tab[data-v-0392ee95]{color:#6a645e;height:34px;font:inherit;cursor:pointer;background:#ece8e2;border:none;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:.8125rem;font-weight:500}.pattern-tab.is-on[data-v-0392ee95]{background:var(--color-primary);color:#fff}.pattern-grid[data-v-0392ee95]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pattern-card[data-v-0392ee95]{text-align:start;cursor:pointer;color:#1c1c1c;background:#fff;border:none;border-radius:20px;flex-direction:column;gap:8px;padding:0 0 10px;display:flex;overflow:hidden;box-shadow:0 1px 3px #2820180d}.pattern-card__photo[data-v-0392ee95]{aspect-ratio:1.08;background:linear-gradient(145deg,#2a3544,#111827) 50%/cover;border-radius:0;width:100%;position:relative}.pattern-card__fav[data-v-0392ee95]{cursor:pointer;background:0 0;border:none;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;left:8px}.pattern-card__meta[data
|