.demo-heading.svelte-fk77zg{max-width:900px;padding:56px 0 40px}.demo-heading.svelte-fk77zg>p:where(.svelte-fk77zg):last-child{max-width:780px;margin-top:26px}.demo-workspace.svelte-fk77zg{border:1px solid var(--color-hairline-2);background:var(--color-surface);padding:40px}fieldset.svelte-fk77zg{border:0;margin:0;padding:0}legend.svelte-fk77zg{text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:12px}.profile-options.svelte-fk77zg{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-options.svelte-fk77zg button:where(.svelte-fk77zg){font:inherit;text-align:left;border:1px solid var(--color-hairline-2);background:var(--color-paper);color:var(--color-ink);cursor:pointer;flex-direction:column;gap:8px;padding:22px;display:flex}.profile-options.svelte-fk77zg button.selected:where(.svelte-fk77zg){border-color:var(--color-ink);outline:1px solid var(--color-ink)}.profile-options.svelte-fk77zg small:where(.svelte-fk77zg){color:var(--color-ink-2);font-size:12px}.profile-colors.svelte-fk77zg{padding-bottom:8px;display:flex}.profile-colors.svelte-fk77zg i:where(.svelte-fk77zg){border-radius:50%;width:28px;height:28px;margin-right:-4px}.demo-result.svelte-fk77zg{padding-top:44px}.palette-heading.svelte-fk77zg{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.palette-heading.svelte-fk77zg h2:where(.svelte-fk77zg){font-size:30px}.demo-palette.svelte-fk77zg{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px;display:grid}.demo-palette.svelte-fk77zg span:where(.svelte-fk77zg){height:110px;display:block}.demo-palette.svelte-fk77zg small:where(.svelte-fk77zg){color:var(--color-ink-2);margin-top:8px;font-size:11px;display:block}.b2b.svelte-fk77zg .catalogue-label:where(.svelte-fk77zg){margin:36px 0 20px}.demo-products.svelte-fk77zg{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-visual.svelte-fk77zg{background:var(--color-surface-2);justify-content:center;align-items:center;height:170px;display:flex}.compact.svelte-fk77zg{border:9px solid #242121;border-radius:50%;width:96px;height:96px;box-shadow:0 12px 18px -16px #000}.lipstick.svelte-fk77zg{border-radius:20px 4px 0 0;width:28px;height:70px;margin-bottom:35px;position:relative;box-shadow:inset -7px 0 9px #0002}.lipstick.svelte-fk77zg:after{content:"";background:#242121;border-top:9px solid #b09a7e;width:40px;height:55px;position:absolute;bottom:-45px;left:-6px}.sample-product.svelte-fk77zg h3:where(.svelte-fk77zg){font:500 18px var(--font-body);letter-spacing:0;margin-top:16px}.sample-product.svelte-fk77zg p:where(.svelte-fk77zg){margin-top:4px;font-size:13px}.b2b.svelte-fk77zg .demo-note:where(.svelte-fk77zg){max-width:900px;margin-top:32px;font-size:13px}.demo-cta.svelte-fk77zg{padding:32px 0 64px}@media (width<=700px){.demo-heading.svelte-fk77zg{padding-top:32px}.demo-workspace.svelte-fk77zg{padding:20px}.profile-options.svelte-fk77zg{grid-template-columns:1fr 1fr}.profile-options.svelte-fk77zg button:where(.svelte-fk77zg){padding:14px}.palette-heading.svelte-fk77zg{display:block}.demo-palette.svelte-fk77zg span:where(.svelte-fk77zg){height:76px}.demo-palette.svelte-fk77zg small:where(.svelte-fk77zg){font-size:9px}.demo-products.svelte-fk77zg{gap:10px}.product-visual.svelte-fk77zg{height:125px}.compact.svelte-fk77zg{border-width:7px;width:70px;height:70px}.sample-product.svelte-fk77zg h3:where(.svelte-fk77zg){font-size:15px}.sample-product.svelte-fk77zg p:where(.svelte-fk77zg){font-size:11px}.demo-result.svelte-fk77zg{padding-top:30px}}