.ds-showcase{background:var(--brand-color-bg);color:var(--brand-color-text);font-family:var(--brand-font-body);padding-block:var(--brand-space-12)}.ds-showcase__container{max-width:var(--brand-container-normal);margin-inline:auto;padding-inline:var(--brand-container-padding-inline);display:flex;flex-direction:column;gap:var(--brand-space-20)}.ds-block{border-top:1px solid var(--brand-color-border);padding-top:var(--brand-space-12)}.ds-block--intro{border-top:none;padding-top:0}.ds-block__title{font-family:var(--brand-font-display);font-size:var(--brand-text-display);line-height:var(--brand-line-height-tight);letter-spacing:var(--brand-letter-spacing-tight);margin:0 0 var(--brand-space-4);color:var(--brand-color-text)}.ds-block__heading{font-family:var(--brand-font-heading);font-size:var(--brand-text-h2);line-height:var(--brand-line-height-tight);margin:0 0 var(--brand-space-3);color:var(--brand-color-text)}.ds-block__subheading{font-family:var(--brand-font-heading);font-size:var(--brand-text-h4);margin:var(--brand-space-8) 0 var(--brand-space-4);color:var(--brand-color-text)}.ds-block__lead,.ds-block__hint{font-family:var(--brand-font-body);font-size:var(--brand-text-body);line-height:var(--brand-line-height-normal);color:var(--brand-color-text-muted);max-width:70ch;margin:0 0 var(--brand-space-6)}.ds-block__hint code,.ds-block__lead code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85em;background:var(--brand-color-bg-cream);padding:2px 6px;border-radius:var(--brand-radius-sm);color:var(--brand-color-text)}.ds-typography{display:flex;flex-direction:column;gap:var(--brand-space-6)}.ds-typography__row{display:grid;grid-template-columns:220px 1fr;gap:var(--brand-space-6);align-items:baseline;padding-block:var(--brand-space-3);border-bottom:1px dashed var(--brand-color-border)}@media(max-width:760px){.ds-typography__row{grid-template-columns:1fr;gap:var(--brand-space-2)}}.ds-typography__label{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-caption);color:var(--brand-color-text-muted);text-transform:uppercase;letter-spacing:var(--brand-letter-spacing-wide)}.ds-typography__label code{background:var(--brand-color-bg-cream);padding:1px 4px;border-radius:var(--brand-radius-sm)}.ds-display{font-family:var(--brand-font-display);font-size:var(--brand-text-display);line-height:var(--brand-line-height-display);letter-spacing:var(--brand-letter-spacing-tight);margin:0}.ds-h1{font-family:var(--brand-font-heading);font-size:var(--brand-text-h1);line-height:var(--brand-line-height-tight);letter-spacing:var(--brand-letter-spacing-tight);margin:0}.ds-h2{font-family:var(--brand-font-heading);font-size:var(--brand-text-h2);line-height:var(--brand-line-height-tight);letter-spacing:var(--brand-letter-spacing-tight);margin:0}.ds-h3{font-family:var(--brand-font-heading);font-size:var(--brand-text-h3);line-height:var(--brand-line-height-heading);margin:0}.ds-h4{font-family:var(--brand-font-heading);font-size:var(--brand-text-h4);line-height:var(--brand-line-height-heading);margin:0}.ds-h5{font-family:var(--brand-font-heading);font-size:var(--brand-text-h5);line-height:var(--brand-line-height-heading);margin:0}.ds-h6{font-family:var(--brand-font-heading);font-size:var(--brand-text-h6);line-height:var(--brand-line-height-heading);margin:0}.ds-body-lg{font-family:var(--brand-font-body);font-size:var(--brand-text-body-lg);line-height:var(--brand-line-height-body);margin:0}.ds-body{font-family:var(--brand-font-body);font-size:var(--brand-text-body);line-height:var(--brand-line-height-normal);margin:0}.ds-body-sm{font-family:var(--brand-font-body);font-size:var(--brand-text-body-sm);line-height:var(--brand-line-height-normal);margin:0}.ds-caption{font-family:var(--brand-font-body);font-size:var(--brand-text-caption);line-height:var(--brand-line-height-normal);letter-spacing:var(--brand-letter-spacing-wide);text-transform:uppercase;color:var(--brand-color-text-muted);margin:0}.ds-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--brand-space-4);margin-bottom:var(--brand-space-6)}.ds-color-swatch{border:1px solid var(--brand-color-border);border-radius:var(--brand-radius-lg);padding:var(--brand-space-4);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;color:var(--brand-color-text-inverse);text-shadow:0 1px 2px rgba(0,0,0,.4)}.ds-color-swatch--text{text-shadow:none}.ds-color-swatch__name{font-family:var(--brand-font-body);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-text-body-sm)}.ds-color-swatch__sample{font-family:var(--brand-font-heading);font-size:var(--brand-text-h3);align-self:center}.ds-color-swatch__token{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-caption);background:#0006;color:#fff;text-shadow:none;padding:2px 6px;border-radius:var(--brand-radius-sm);align-self:flex-start}.ds-color-swatch--text .ds-color-swatch__token{background:#0009}.ds-buttons-row{display:flex;flex-wrap:wrap;gap:var(--brand-space-4);align-items:center;margin-bottom:var(--brand-space-4)}.ds-buttons-row--on-green{background:var(--brand-color-bg-green);padding:var(--brand-space-6);border-radius:var(--brand-radius-lg)}.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--brand-space-2);font-family:var(--brand-button-font-family);font-size:var(--brand-button-font-size);font-weight:var(--brand-button-font-weight);line-height:var(--brand-button-line-height);letter-spacing:var(--brand-button-letter-spacing);text-transform:var(--brand-button-text-transform);text-decoration:none;border:var(--brand-button-border-width) solid transparent;border-radius:var(--brand-button-radius);padding:var(--brand-button-padding-block) var(--brand-button-padding-inline);cursor:pointer;transition:var(--brand-button-transition);white-space:nowrap}.brand-button:disabled{opacity:.5;cursor:not-allowed}.brand-button--sm{padding:var(--brand-button-padding-block-sm) var(--brand-button-padding-inline-sm);font-size:var(--brand-button-font-size-sm);font-weight:var(--brand-font-weight-regular);line-height:var(--brand-button-line-height-sm);letter-spacing:var(--brand-button-letter-spacing-sm)}.brand-button--lg{padding:var(--brand-button-padding-block-lg) var(--brand-button-padding-inline-lg);font-size:var(--brand-text-body-lg)}.brand-button--primary{background:var(--brand-color-bg-dark);color:var(--brand-color-text-cream-warm);border-width:0}.brand-button--primary:hover:not(:disabled),.brand-button--primary.is-hover{background:var(--brand-color-bg-brown)}.brand-button--secondary{background:var(--brand-color-accent);color:var(--brand-color-text-cream);border-width:0}.brand-button--secondary:hover:not(:disabled){background:var(--brand-color-accent-hover)}.brand-button--secondary.brand-button--on-dark{background:var(--brand-color-text-cream);color:var(--brand-color-bg-brown)}.brand-button--secondary.brand-button--on-dark:hover:not(:disabled){background:var(--brand-color-text-cream-warm)}.brand-button--ghost{background:transparent;color:var(--brand-color-text);border-color:transparent}.brand-button--ghost:hover:not(:disabled){background:var(--brand-color-bg-cream)}.brand-button--hortensja{background:var(--brand-color-hortensja);color:var(--brand-color-hortensja-text)}.brand-button--hortensja:hover:not(:disabled){background:var(--brand-color-hortensja-hover)}.brand-button--killer{background:var(--brand-color-bg-dark);color:var(--brand-color-killer);border:1px solid var(--brand-color-killer)}.brand-button--killer:hover:not(:disabled){background:var(--brand-color-killer);color:var(--brand-color-bg-dark)}.brand-link{font-family:var(--brand-font-body);font-weight:var(--brand-font-weight-semibold);color:var(--brand-color-accent);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.brand-link:hover{color:var(--brand-color-accent-hover)}.ds-radius-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--brand-space-4)}.ds-radius-tile{background:var(--brand-color-bg-cream);border:2px solid var(--brand-color-accent);padding:var(--brand-space-4);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--brand-space-2)}.ds-radius-tile strong{font-family:var(--brand-font-heading);font-size:var(--brand-text-body-lg);color:var(--brand-color-text)}.ds-radius-tile__value{font-family:var(--brand-font-body);font-size:var(--brand-text-body-sm);color:var(--brand-color-text-muted)}.ds-radius-tile__token{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-caption);color:var(--brand-color-accent);align-self:flex-start}.ds-block--schemes .ds-scheme{border-radius:var(--brand-radius-lg);overflow:hidden;margin-bottom:var(--brand-space-6);position:relative}.ds-scheme__label{display:block;font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-caption);letter-spacing:var(--brand-letter-spacing-wide);text-transform:uppercase;padding:var(--brand-space-3) var(--brand-space-6);background:var(--brand-color-bg-cream);color:var(--brand-color-text-muted);border-bottom:1px solid var(--brand-color-border)}.ds-scheme__label code{background:var(--brand-color-bg);color:var(--brand-color-text);padding:1px 6px;border-radius:var(--brand-radius-sm)}.ds-scheme__inner{padding:var(--brand-space-12) var(--brand-space-8);display:flex;flex-direction:column;gap:var(--brand-space-4);align-items:flex-start}.ds-scheme__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--brand-radius-circle);margin-bottom:var(--brand-space-2)}.ds-scheme__icon .ds-icon{width:32px;height:32px}.ds-scheme__h1{font-family:var(--brand-font-display);font-size:var(--brand-text-h1);line-height:var(--brand-line-height-tight);letter-spacing:var(--brand-letter-spacing-tight);font-weight:var(--brand-font-weight-regular);margin:0}.ds-scheme__h2{font-family:var(--brand-font-heading);font-size:var(--brand-text-h2);line-height:var(--brand-line-height-tight);letter-spacing:var(--brand-letter-spacing-tight);font-weight:var(--brand-font-weight-regular);margin:0}.ds-scheme__h3{font-family:var(--brand-font-heading);font-size:var(--brand-text-h3);line-height:var(--brand-line-height-heading);font-weight:var(--brand-font-weight-regular);margin:0}.ds-scheme__p{font-family:var(--brand-font-body);font-size:var(--brand-text-body-lg);line-height:var(--brand-line-height-body);font-weight:var(--brand-font-weight-regular);max-width:60ch;margin:0}.ds-scheme--cream .ds-scheme__inner{background:var(--brand-color-bg)}.ds-scheme--cream .ds-scheme__icon{background:var(--brand-color-accent);color:var(--brand-color-text-cream)}.ds-scheme--cream .ds-scheme__h1,.ds-scheme--cream .ds-scheme__h2,.ds-scheme--cream .ds-scheme__h3{color:var(--brand-color-text)}.ds-scheme--cream .ds-scheme__p{color:var(--brand-color-text-body)}.ds-scheme--green .ds-scheme__inner{background:var(--brand-color-bg-green)}.ds-scheme--green .ds-scheme__icon{background:var(--brand-color-text-cream);color:var(--brand-color-bg-green)}.ds-scheme--green .ds-scheme__h1,.ds-scheme--green .ds-scheme__h2,.ds-scheme--green .ds-scheme__h3,.ds-scheme--green .ds-scheme__p{color:var(--brand-color-text-cream)}.ds-scheme--brown .ds-scheme__inner{background:var(--brand-color-bg-brown)}.ds-scheme--brown .ds-scheme__icon{background:var(--brand-color-text-cream);color:var(--brand-color-bg-brown)}.ds-scheme--brown .ds-scheme__h1,.ds-scheme--brown .ds-scheme__h2,.ds-scheme--brown .ds-scheme__h3,.ds-scheme--brown .ds-scheme__p{color:var(--brand-color-text-cream)}.ds-scheme--blue .ds-scheme__inner{background:var(--brand-color-hortensja)}.ds-scheme--blue .ds-scheme__icon{background:var(--brand-color-bg-brown);color:var(--brand-color-hortensja)}.ds-scheme--blue .ds-scheme__h1,.ds-scheme--blue .ds-scheme__h2,.ds-scheme--blue .ds-scheme__h3,.ds-scheme--blue .ds-scheme__p{color:var(--brand-color-hortensja-text)}.ds-scheme--hortensja-brown .ds-scheme__inner{background:var(--brand-color-bg-brown)}.ds-scheme--hortensja-brown .ds-scheme__icon{background:var(--brand-color-hortensja);color:var(--brand-color-bg-brown)}.ds-scheme--hortensja-brown .ds-scheme__h1,.ds-scheme--hortensja-brown .ds-scheme__h2,.ds-scheme--hortensja-brown .ds-scheme__h3{color:var(--brand-color-hortensja)}.ds-scheme--hortensja-brown .ds-scheme__p{color:var(--brand-color-text-cream)}.ds-scheme--hortensja-cream .ds-scheme__inner{background:var(--brand-color-bg)}.ds-scheme--hortensja-cream .ds-scheme__icon{background:var(--brand-color-hortensja);color:var(--brand-color-bg-brown)}.ds-scheme--hortensja-cream .ds-scheme__h1,.ds-scheme--hortensja-cream .ds-scheme__h2,.ds-scheme--hortensja-cream .ds-scheme__h3{color:var(--brand-color-bg-brown)}.ds-scheme--hortensja-cream .ds-scheme__p{color:var(--brand-color-text-body)}.ds-scheme--dark .ds-scheme__inner{background:var(--brand-color-bg-dark)}.ds-scheme--dark .ds-scheme__icon{background:var(--brand-color-text-cream-warm);color:var(--brand-color-bg-dark)}.ds-scheme--dark .ds-scheme__h1,.ds-scheme--dark .ds-scheme__h2,.ds-scheme--dark .ds-scheme__h3,.ds-scheme--dark .ds-scheme__p{color:var(--brand-color-text-cream-warm)}.ds-scheme--killer .ds-scheme__inner{background:var(--brand-color-bg-dark)}.ds-scheme--killer .ds-scheme__icon{background:var(--brand-color-killer);color:var(--brand-color-bg-dark)}.ds-scheme--killer .ds-scheme__h1,.ds-scheme--killer .ds-scheme__h2,.ds-scheme--killer .ds-scheme__h3{color:var(--brand-color-killer)}.ds-scheme--killer .ds-scheme__p{color:var(--brand-color-text-cream-warm)}.ds-scheme--black .ds-scheme__inner{background:var(--brand-color-bg-black)}.ds-scheme--black .ds-scheme__icon{background:var(--brand-color-killer);color:var(--brand-color-bg-black)}.ds-scheme--black .ds-scheme__h1,.ds-scheme--black .ds-scheme__h2,.ds-scheme--black .ds-scheme__h3,.ds-scheme--black .ds-scheme__p{color:var(--brand-color-text-cream-warm)}.ds-scheme--home-cta .ds-scheme__inner{background:var(--brand-color-bg-dark)}.ds-scheme--home-cta .ds-scheme__icon{background:var(--brand-color-text-cream-warm);color:var(--brand-color-bg-dark)}.ds-scheme--home-cta .ds-scheme__h1,.ds-scheme--home-cta .ds-scheme__h2,.ds-scheme--home-cta .ds-scheme__h3,.ds-scheme--home-cta .ds-scheme__p{color:var(--brand-color-text-cream-warm)}.brand-button--home{background:var(--brand-btn-home-bg);color:var(--brand-btn-home-text);border-radius:var(--brand-btn-home-radius);padding:var(--brand-btn-home-padding-y) var(--brand-btn-home-padding-x);max-width:var(--brand-btn-home-max-width);font-family:var(--brand-btn-home-font);font-size:var(--brand-btn-home-font-size);font-weight:var(--brand-btn-home-weight);line-height:var(--brand-btn-home-line-height);text-transform:var(--brand-btn-home-transform);border:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:var(--brand-button-transition);white-space:nowrap}.brand-button--home:hover:not(:disabled){background:var(--brand-btn-home-bg-hover)}.brand-button--on-green{background:var(--brand-color-bg-brown);color:var(--brand-color-text-cream)}.brand-button--on-green:hover:not(:disabled){background:var(--brand-color-bg-dark)}.brand-button--on-brown{background:var(--brand-color-text-cream);color:var(--brand-color-bg-brown)}.brand-button--on-brown:hover:not(:disabled){background:var(--brand-color-text-cream-warm)}.brand-button--on-blue{background:var(--brand-color-bg-brown);color:var(--brand-color-hortensja)}.brand-button--on-blue:hover:not(:disabled){background:var(--brand-color-bg-dark)}.brand-button--on-dark{background:var(--brand-color-text-cream-warm);color:var(--brand-color-bg-dark)}.brand-button--on-dark:hover:not(:disabled){background:var(--brand-color-text-cream)}.ds-spacing-list{display:flex;flex-direction:column;gap:var(--brand-space-2)}.ds-spacing-row{display:grid;grid-template-columns:100px 1fr 80px 220px;align-items:center;gap:var(--brand-space-4);padding-block:var(--brand-space-2);border-bottom:1px dashed var(--brand-color-border)}@media(max-width:760px){.ds-spacing-row{grid-template-columns:80px 1fr 60px}.ds-spacing-row__token{display:none}}.ds-spacing-row__label{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-body-sm);color:var(--brand-color-text)}.ds-spacing-row__bar{display:inline-block;height:16px;background:var(--brand-color-accent);border-radius:var(--brand-radius-sm)}.ds-spacing-row__value{font-family:var(--brand-font-body);font-size:var(--brand-text-body-sm);color:var(--brand-color-text-muted);text-align:right}.ds-spacing-row__token{font-family:ui-monospace,Cascadia Code,monospace;font-size:var(--brand-text-caption);color:var(--brand-color-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-design-system-showcase.css.map */