.fuer-wen-personas{--fwp-accent: var(--color-base-accent, 255, 139, 51);--fwp-navy: var(--color-base-heading, 12, 40, 61);--fwp-text: var(--color-base-text, 12, 40, 61);--fwp-surface: var(--color-base-background, 255, 255, 255);--fwp-muted: rgba(var(--color-base-text, 12, 40, 61), .66);--fwp-line: rgba(var(--color-base-text, 12, 40, 61), .12);--fwp-cloud: rgba(var(--color-base-text, 12, 40, 61), .04);--fwp-pill-bg: rgba(var(--color-base-accent, 255, 139, 51), .12);--fwp-powder: rgba(var(--color-icon, 214, 233, 247), 1);--fwp-icon-rest: rgba(var(--color-base-text, 12, 40, 61), .55);--fwp-r-lg: var(--card-radius, 28px);--fwp-r-pill: 999px;--fwp-shadow: 0 14px 40px -18px rgba(var(--color-base-text, 12, 40, 61), .28);--fwp-shadow-sm: 0 2px 8px rgba(var(--color-base-text, 12, 40, 61), .06);--fwp-ease: cubic-bezier(.22, .61, .36, 1)}.fuer-wen-personas__heading{margin:0 0 .8rem;text-align:center;color:rgb(var(--fwp-navy))}.fuer-wen-personas__sub{max-width:50ch;margin:0 auto 3.4rem;text-align:center;color:var(--fwp-muted)}.persona-explorer{display:grid;grid-template-columns:33rem 1fr;gap:3rem;background:rgb(var(--fwp-surface));border:1px solid var(--fwp-line);border-radius:var(--fwp-r-lg);box-shadow:var(--fwp-shadow);overflow:hidden}.persona-explorer__tabs{background:var(--fwp-cloud);border-right:1px solid var(--fwp-line);padding:1.6rem}.persona-explorer__tab{display:flex;gap:1.4rem;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-radius:1.4rem;padding:1.6rem;cursor:pointer;color:rgb(var(--fwp-navy));font-family:var(--font-heading-family);transition:background .2s,transform .2s}.persona-explorer__pico{width:4.6rem;height:4.6rem;border-radius:1.2rem;flex:none;display:grid;place-items:center;background:rgb(var(--fwp-surface));border:1px solid var(--fwp-line);transition:.25s}.persona-explorer__pico svg{width:2.4rem;height:2.4rem;stroke:var(--fwp-icon-rest);fill:none;stroke-width:1.7}.persona-explorer__tab-title{display:block;font-weight:700;font-size:1.5rem;line-height:1.25}.persona-explorer__tab-sub{display:block;margin-top:.2rem;font-weight:500;font-size:1.4rem;color:var(--fwp-muted);font-family:var(--font-body-family)}.persona-explorer__tab:hover{background:rgb(var(--fwp-surface))}.persona-explorer__tab.is-active{background:rgb(var(--fwp-surface));box-shadow:var(--fwp-shadow-sm)}.persona-explorer__tab.is-active .persona-explorer__pico{background:rgb(var(--fwp-accent));border-color:rgb(var(--fwp-accent))}.persona-explorer__tab.is-active .persona-explorer__pico svg{stroke:#fff}.persona-explorer__tab:focus-visible{outline:2px solid rgb(var(--fwp-accent));outline-offset:2px}.persona-explorer__panel{padding:clamp(2.8rem,3.4vw,4.6rem);position:relative;min-height:36rem}.persona-explorer__pane{display:none}.persona-explorer__pane.is-active{display:block}.persona-explorer__pane--anim{animation:fuerWenFadeUp .5s var(--fwp-ease)}@keyframes fuerWenFadeUp{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}.persona-explorer__pill{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.6rem;padding:.8rem 1.5rem;background:var(--fwp-pill-bg);color:rgb(var(--fwp-accent));font-family:var(--font-heading-family);font-weight:700;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--fwp-r-pill)}.persona-explorer__pane-heading{margin:0 0 1.4rem;max-width:18ch;color:rgb(var(--fwp-navy))}.persona-explorer__pane-body{color:var(--fwp-muted)}.persona-explorer__chips{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}.persona-explorer__chip{padding:.9rem 1.6rem;background:var(--fwp-cloud);border:1px solid var(--fwp-line);color:rgb(var(--fwp-navy));font-family:var(--font-heading-family);font-weight:600;font-size:1.4rem;border-radius:var(--fwp-r-pill);transition:.25s}.persona-explorer__chip:hover{background:rgb(var(--fwp-navy));color:#fff;transform:translateY(-2px)}@media screen and (max-width:749px){.persona-explorer{grid-template-columns:1fr}.persona-explorer__tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--fwp-line);gap:.8rem}.persona-explorer__tab{flex:none;width:auto}.persona-explorer__tab-sub,.persona-explorer__big-n{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-fuer-wen-personas.css.map */