:root{--color-bone: #F5F0E8;--color-cream: #FAF6F0;--color-fog: #A8A39B;--color-sage: #94A593;--color-clay: #C99B85;--color-charcoal: #2A2826;--color-soft-black: #1A1817;--color-rust: #A55B3F}h1,.h1{letter-spacing:-.015em;color:var(--color-soft-black)}h2,.h2{color:var(--color-soft-black)}.eyebrow{font-family:var(--font-body-family);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fog);display:inline-block}.prose-narrow{max-width:65ch}.bg-bone{background-color:var(--color-bone)}.bg-cream{background-color:var(--color-cream)}.bg-sage{background-color:var(--color-sage)}.bg-clay{background-color:var(--color-clay)}.bg-charcoal{background-color:var(--color-charcoal);color:var(--color-bone)}.text-fog{color:var(--color-fog)}.text-charcoal{color:var(--color-charcoal)}.text-soft-black{color:var(--color-soft-black)}.text-clay{color:var(--color-clay)}.text-sage{color:var(--color-sage)}.swatch{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;border:1px solid rgba(168,163,155,.25);border-radius:.6rem;font-family:var(--font-body-family);font-size:1.4rem}.swatch__chip{width:4rem;height:4rem;border-radius:.4rem;flex-shrink:0;border:1px solid rgba(42,40,38,.08)}.swatch__hex{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--color-fog)}.pm-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding:2.4rem;background:repeating-linear-gradient(45deg,var(--color-cream),var(--color-cream) 14px,var(--color-bone) 14px,var(--color-bone) 28px);border:1px dashed var(--color-fog);border-radius:.6rem;color:var(--color-charcoal);font-family:var(--font-body-family)}.pm-image-placeholder__label{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-rust);background:var(--color-bone);padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(165,91,63,.25)}.pm-image-placeholder__what{font-size:1.5rem;font-weight:500;color:var(--color-soft-black);max-width:44ch;line-height:1.45}.pm-image-placeholder__where{font-size:1.2rem;color:var(--color-fog);font-style:italic;max-width:50ch;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/4/assets/puddlemat-brand.css.map */