.blp-extras--white{background:#fff;color:#000}.blp-extras--white .blp-extras__eyebrow,.blp-extras--paper .blp-extras__eyebrow{color:#0c0c0d}.blp .blp-extras__heading{margin:0 0 24px;font:700 clamp(30px,3.6vw,48px)/1 var(--blp-font-body);text-transform:uppercase;color:inherit}.blp-extras__intro{max-width:720px;margin:0 0 32px;font-size:clamp(17px,1.4vw,19px)}.blp-extras--white .blp-extras__intro p,.blp-extras--paper .blp-extras__intro p{color:var(--blp-body)}.blp-extras__grid{display:grid;grid-template-columns:repeat(var(--blp-extras-cols, 3),minmax(0,1fr));gap:22px;margin-top:8px}.blp-extras__card{display:grid;grid-template-rows:auto 1fr;border:2px solid currentColor;background:#7f7f7f0d}.blp-extras__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-bottom:2px solid currentColor}.blp .blp-extras__still,.blp .blp-extras__clip{display:block;width:100%;height:100%;object-fit:contain}.blp .blp-extras__clip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#fff;transition:opacity .35s ease}.blp-extras__media.is-playing .blp-extras__clip{opacity:1}.blp-extras__body{display:grid;align-content:start;gap:12px;padding:18px 20px 22px}.blp-extras__body>*,.blp-extras__text p{margin:0}.blp-extras__text p+p{margin-top:.6em}.blp-extras--white .blp-extras__text p,.blp-extras--paper .blp-extras__text p{color:var(--blp-body)}.blp .blp-extras__title{font:700 22px/1.15 var(--blp-font-body);text-transform:uppercase;color:inherit}.blp-extras__quote{padding:2px 0 2px 12px;border-left:4px solid var(--blp-accent)}.blp .blp-extras__quote p{margin:0;font-size:16px;font-weight:600;color:inherit}.blp-extras__quote footer{margin-top:4px;font-size:13px;opacity:.75}.blp-extras__facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0}.blp-extras__facts li{padding:6px 8px;border:1px solid currentColor;font:600 12px/1 var(--blp-font-mono);letter-spacing:.05em;text-transform:uppercase}.blp-extras__btn{justify-self:start}.blp-extras--white .blp-extras__btn,.blp-extras--paper .blp-extras__btn{box-shadow:4px 4px #000}@media screen and (max-width:1099px){.blp-extras__grid{gap:16px}.blp-extras__body{padding:16px 16px 20px}.blp .blp-extras__title{font-size:19px}}@media screen and (max-width:899px){.blp-extras__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.blp .blp-extras__clip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/builder-extras.css.map */
