.wd-wc-teaser{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);text-align:left;flex-direction:column;display:flex}.wd-wc-teaser-light{border:1px solid var(--color-primary-100);background:var(--color-primary-50);color:var(--color-text)}.wd-wc-teaser-dark{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.wd-wc-teaser-text{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}@media (min-width:640px){.wd-wc-teaser-text{flex-direction:row}}.wd-wc-teaser-icon{border-radius:var(--radius-full);background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark));width:48px;height:48px;color:var(--color-text-on-primary);flex-shrink:0;place-items:center;display:inline-grid}.wd-wc-teaser-dark .wd-wc-teaser-icon{background:var(--color-primary-200);color:var(--color-primary-darker)}.wd-wc-teaser-icon svg{width:24px;height:24px}.wd-wc-teaser-kicker{font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.wd-wc-teaser-dark .wd-wc-teaser-kicker{color:var(--color-primary-200)}.wd-wc-teaser-title{margin-top:var(--space-3xs);font-size:var(--fs-500);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.wd-wc-teaser-desc{margin-top:var(--space-2xs);max-width:52ch;color:var(--color-text-muted);font-size:var(--fs-300)}.wd-wc-teaser-dark .wd-wc-teaser-desc{color:#fffc}.wd-wc-teaser-form{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.wd-wc-teaser-field{align-items:center;gap:var(--space-2xs);padding:.375rem;padding-left:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:2px solid #0000;flex-wrap:wrap;display:flex}.wd-wc-teaser-light .wd-wc-teaser-field{border-color:var(--color-primary-100);box-shadow:var(--shadow-sm)}.wd-wc-teaser-field:focus-within{border-color:var(--color-primary-200);box-shadow:0 0 0 4px #b7e4cc59, var(--shadow-md)}.wd-wc-teaser-prefix{color:var(--color-primary);flex-shrink:0;display:inline-flex}.wd-wc-teaser-field input{min-width:0;color:var(--color-text);font:inherit;font-size:var(--fs-300);background:0 0;border:0;outline:none;flex:1 1 0;padding-block:.6rem}.wd-wc-teaser-field input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 70%, transparent)}.wd-wc-teaser-submit{border-radius:var(--radius-sm);background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-on-primary);font:inherit;font-size:var(--fs-300);font-weight:var(--fw-semibold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border:0;flex:1 0 100%;padding:.8rem 1.4rem}.wd-wc-teaser-submit:hover{box-shadow:var(--shadow-md)}.wd-wc-teaser-submit:active{transform:scale(.98)}.wd-wc-teaser-submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wd-wc-teaser-note{padding-left:var(--space-sm);color:var(--color-text-muted);font-size:var(--fs-100)}.wd-wc-teaser-dark .wd-wc-teaser-note{color:#ffffffb8}@media (min-width:480px){.wd-wc-teaser-field{border-radius:var(--radius-full);flex-wrap:nowrap}.wd-wc-teaser-submit{border-radius:var(--radius-full);flex:none}}@media (min-width:1024px){.wd-wc-teaser{justify-content:space-between;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);flex-direction:row}.wd-wc-teaser-form{flex:0 460px}}@media (prefers-reduced-motion:reduce){.wd-wc-teaser-field,.wd-wc-teaser-submit{transition:none}.wd-wc-teaser-submit:active{transform:none}}