:root{--posh-color-brand: #7b0f2b;--posh-color-brand-strong: #5f0b21;--posh-color-accent: #c39a4b;--posh-color-surface: #f8f5ec;--posh-color-surface-raised: #fffdf8;--posh-color-ink: #241b18;--posh-color-muted: #756b64;--posh-color-line: #dfd5c6;--posh-color-success: #1f653e;--posh-color-danger: #9d2934;--posh-space-1: calc(.25rem * var(--posh-density-multiplier, 1));--posh-space-2: calc(.5rem * var(--posh-density-multiplier, 1));--posh-space-3: calc(.75rem * var(--posh-density-multiplier, 1));--posh-space-4: calc(1rem * var(--posh-density-multiplier, 1));--posh-space-5: calc(1.5rem * var(--posh-density-multiplier, 1));--posh-space-6: calc(2rem * var(--posh-density-multiplier, 1));--posh-space-7: calc(3rem * var(--posh-density-multiplier, 1));--posh-space-8: calc(4.5rem * var(--posh-density-multiplier, 1));--posh-radius-control: .625rem;--posh-radius-panel: 1rem;--posh-radius-feature: 1.5rem;--posh-shadow-panel: 0 .75rem 2.25rem rgb(54 33 18 / .08);--posh-shadow-focus: 0 0 0 .25rem rgb(195 154 75 / .38);--posh-duration-fast: .16s;--posh-duration-base: .24s;--posh-ease: cubic-bezier(.2, .8, .2, 1)}html{scroll-behavior:smooth}body{background:var(--posh-color-surface);color:var(--posh-color-ink);font-family:var(--posh-font-body, inherit);text-rendering:optimizeLegibility}:where(button,input,select,textarea){font:inherit}:where(a,button,input,select,textarea,summary):focus-visible{outline:0;box-shadow:var(--posh-shadow-focus)}:where(button,[role=button]){touch-action:manipulation}.posh-ui{color:var(--posh-color-ink);font-family:var(--posh-font-body, inherit)}.posh-ui__container{width:min(100% - 2rem,var(--posh-layout-wide, 87.5rem));margin-inline:auto}.posh-ui__stack{display:grid;gap:var(--posh-space-5)}.posh-ui__cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--posh-space-3)}.posh-ui__section{padding-block:var(--posh-space-8)}.posh-ui__title{max-width:20ch;margin:0;color:var(--posh-color-brand);font-family:var(--posh-font-heading, inherit);font-size:clamp(2rem,4vw,4.25rem);font-weight:700;letter-spacing:-.035em;line-height:1.05}.posh-ui__subtitle{max-width:62ch;margin:var(--posh-space-3) 0 0;color:var(--posh-color-muted);font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.8}.posh-ui__caption{margin:0;color:var(--posh-color-muted);font-size:.875rem;line-height:1.55}.posh-ui-button{display:inline-flex;min-height:2.875rem;align-items:center;justify-content:center;gap:var(--posh-space-2);padding:.65rem 1.1rem;border:1px solid transparent;border-radius:var(--posh-radius-control);background:var(--posh-color-brand);color:#fff;cursor:pointer;font-weight:700;line-height:1.25;text-decoration:none;transition:background var(--posh-duration-fast) var(--posh-ease),border-color var(--posh-duration-fast) var(--posh-ease),color var(--posh-duration-fast) var(--posh-ease),transform var(--posh-duration-fast) var(--posh-ease)}.posh-ui-button:hover{background:var(--posh-color-brand-strong);color:#fff;transform:translateY(-1px)}.posh-ui-button:active{transform:translateY(0)}.posh-ui-button--secondary{border-color:var(--posh-color-brand);background:transparent;color:var(--posh-color-brand)}.posh-ui-button--secondary:hover{background:var(--posh-color-brand);color:#fff}.posh-ui-button--quiet{min-height:auto;padding-inline:0;background:transparent;color:var(--posh-color-brand)}.posh-ui-button--quiet:hover{background:transparent;color:var(--posh-color-brand-strong);transform:none}.posh-ui-card{display:grid;gap:var(--posh-space-4);padding:var(--posh-space-5);border:1px solid var(--posh-color-line);border-radius:var(--posh-radius-panel);background:var(--posh-color-surface-raised)}.posh-ui-card--elevated{border-color:transparent;box-shadow:var(--posh-shadow-panel)}.posh-ui-card--feature{border-color:#c39a4b80;border-radius:var(--posh-radius-feature);background:linear-gradient(135deg,var(--posh-color-surface-raised),color-mix(in srgb,var(--posh-color-accent) 12%,var(--posh-color-surface-raised)))}.posh-ui-label{display:inline-flex;width:fit-content;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--posh-color-accent) 18%,transparent);color:var(--posh-color-brand);font-size:.8125rem;font-weight:700;line-height:1.25}.posh-ui-label--success{background:color-mix(in srgb,var(--posh-color-success) 14%,transparent);color:var(--posh-color-success)}.posh-ui-label--danger{background:color-mix(in srgb,var(--posh-color-danger) 12%,transparent);color:var(--posh-color-danger)}.posh-ui-field{display:grid;gap:var(--posh-space-2)}.posh-ui-field label{font-size:.875rem;font-weight:700}.posh-ui-input{min-height:2.875rem;padding-inline:.875rem;border:1px solid var(--posh-color-line);border-radius:var(--posh-radius-control);background:var(--posh-color-surface-raised);color:var(--posh-color-ink);transition:border-color var(--posh-duration-fast) var(--posh-ease),box-shadow var(--posh-duration-fast) var(--posh-ease)}.posh-ui-input:hover{border-color:color-mix(in srgb,var(--posh-color-brand) 45%,var(--posh-color-line))}.posh-ui-input:focus-visible{border-color:var(--posh-color-brand)}.posh-ui-divider{width:100%;height:1px;border:0;background:var(--posh-color-line)}.posh-ui-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--posh-space-3)}.posh-ui-swatch{display:grid;min-height:8.5rem;align-content:end;gap:var(--posh-space-1);padding:var(--posh-space-3);border-radius:var(--posh-radius-panel);color:#fff}.posh-ui-swatch strong,.posh-ui-swatch span{display:block}.posh-ui-swatch span{font-size:.8125rem;opacity:.88}.posh-ui-swatch--brand{background:var(--posh-color-brand)}.posh-ui-swatch--ink{background:var(--posh-color-ink)}.posh-ui-swatch--accent{background:var(--posh-color-accent);color:var(--posh-color-ink)}.posh-ui-swatch--surface{border:1px solid var(--posh-color-line);background:var(--posh-color-surface-raised);color:var(--posh-color-ink)}.posh-ui-type-sample{margin:0;color:var(--posh-color-ink)}.posh-ui-type-sample--display{font-family:var(--posh-font-heading, inherit);font-size:clamp(2.25rem,6vw,5rem);font-weight:700;letter-spacing:-.045em;line-height:1}.posh-ui-type-sample--body{max-width:60ch;font-size:1rem;line-height:1.85}.posh-ui-rule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--posh-space-4);align-items:center;padding-block:var(--posh-space-3);border-bottom:1px solid var(--posh-color-line)}.posh-ui-rule strong{font-size:.9375rem}.posh-ui-rule span{color:var(--posh-color-muted);font-size:.875rem;text-align:end}@media(max-width:749px){.posh-ui__container{width:min(100% - 1.5rem,var(--posh-layout-wide, 87.5rem))}.posh-ui__section{padding-block:var(--posh-space-7)}.posh-ui-card{padding:var(--posh-space-4)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/posh-design-system.css.map */