.bp{margin:-2rem -2rem 0;font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;color:#1a0f0a}@media(max-width:768px){.bp{margin:-1rem -1rem 0}}.bp-inner{max-width:1280px;margin:0 auto;padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}.bp-header{background:#1a0f0a;padding:clamp(3rem,7vw,5rem) 0}.bp-header__back{display:block;font-size:.875rem;color:hsla(34,64%,98%,.45);text-decoration:none;margin-bottom:2rem;transition:color .12s ease}.bp-header__back:hover{color:#c8563a}.bp-header__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;max-width:860px}.bp-header__badge{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:3px;white-space:nowrap}.bp-header__badge--utilities{background:#f3e8ff;color:#6b21a8}.bp-header__date,.bp-header__readtime{font-size:.75rem;color:hsla(34,64%,98%,.35)}.bp-header__headline{font-family:var(--font-display),Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#fdfaf6;margin:0 0 1rem;max-width:860px}.bp-header__sub{font-size:1.333rem;font-weight:300;line-height:1.65;color:hsla(34,64%,98%,.6);max-width:700px;margin:0}.bp-body{background:#fff;padding:clamp(3rem,6vw,5rem) 0}.bp-content{max-width:920px}.bp-content h2{font-size:2.369rem;font-weight:600;color:#1a0f0a;margin:2.75rem 0 .75rem;letter-spacing:-.02em}.bp-content h2:first-child{margin-top:0}.bp-content h3{font-size:1.333rem;font-weight:600;color:#1a0f0a;margin:0 0 .5rem}.bp-content ol,.bp-content p,.bp-content ul{font-size:1rem;font-weight:300;color:#5c3d2e;line-height:1.8;margin:0 0 1.1rem}.bp-content ol,.bp-content ul{padding-left:1.5rem}.bp-content ol li,.bp-content ul li{margin-bottom:.4rem}.bp-content a{color:#c8563a;text-decoration:underline;text-underline-offset:2px}.bp-content a:hover{color:#1a0f0a}.bp-content pre{background:#f4ece0;border:1px solid #e2d4c4;border-radius:6px;padding:1.25rem;overflow-x:auto;margin:0}.bp-content code{font-family:Courier New,monospace;font-size:.875rem;color:#1a0f0a;background:#f4ece0;padding:.1em .35em;border-radius:3px}.bp-content pre code{background:none;padding:0}.bp-content strong{font-weight:600;color:#1a0f0a}.webpack-lede{font-size:1.333rem!important;color:#1a0f0a!important}.webpack-compare,.webpack-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:1.5rem 0 2rem}.webpack-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin:1.5rem 0 2rem}.webpack-card{background:#fdfaf6;border:1px solid #e2d4c4;border-radius:8px;padding:1.1rem}.webpack-card p,.webpack-card ul{margin-bottom:0}.webpack-table{overflow-x:auto;margin:1.25rem 0}.webpack-table table{width:100%;border-collapse:collapse;border:1px solid #e2d4c4;font-size:.875rem}.webpack-table td,.webpack-table th{text-align:left;border-bottom:1px solid #e2d4c4;padding:.85rem;color:#5c3d2e;vertical-align:top}.webpack-table th{color:#1a0f0a;background:#f4ece0;font-weight:600}.code-example{margin:1.25rem 0}.code-example__label{font-size:.75rem!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:#9c7b6c!important;margin:0 0 .45rem!important}.bp-cta{max-width:920px;background:#f4ece0;border:1px solid #e2d4c4;border-radius:8px;padding:2rem;margin:2.5rem 0 0;text-align:center}.bp-cta__title{font-size:1.333rem;font-weight:600;color:#1a0f0a;margin:0 0 .5rem}.bp-cta__desc{font-size:.875rem;font-weight:300;color:#5c3d2e;margin:0 0 1.25rem}.bp-cta__link{display:inline-block;background:#c8563a;color:#fff;font-size:.875rem;font-weight:600;padding:.65rem 1.5rem;border-radius:4px;text-decoration:none;transition:opacity .12s ease}.bp-cta__link:hover{opacity:.88}.bp-footer{background:#fff;padding:1.5rem 0 3rem;border-top:1px solid #e2d4c4}.bp-footer__back{font-size:.875rem;color:#9c7b6c;text-decoration:none;transition:color .12s ease}.bp-footer__back:hover{color:#c8563a}.bp-footer__related{margin-top:1rem;font-size:.875rem;color:#9c7b6c}.bp-footer__related a{color:#c8563a;text-decoration:underline;text-underline-offset:2px}.bp-footer__related a:hover{color:#1a0f0a}@media(max-width:960px){.webpack-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.webpack-compare,.webpack-pipeline,.webpack-summary{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.bp-header{animation:bp-up .5s ease-out both}.bp-body{animation:bp-up .5s ease-out .06s both}}@keyframes bp-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}