.blp-levels__clip{display:grid;grid-template-columns:minmax(0,var(--blp-clip-w, 340px)) minmax(0,1fr);gap:22px;align-items:end;margin:0 0 30px}.blp-levels__clip--center{grid-template-columns:minmax(0,var(--blp-clip-w, 340px));justify-content:center;text-align:center}.blp-levels__clip-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:2px solid #fff;box-shadow:10px 10px 0 var(--blp-accent);background:#111}.blp-section--paper .blp-levels__clip-media,.blp-section--white .blp-levels__clip-media{border-color:#000}.blp .blp-levels__still,.blp-levels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blp-levels__clip--contain .blp-levels__still,.blp-levels__clip--contain .blp-levels__video{object-fit:contain}.blp-levels__video{opacity:0;transition:opacity .3s}.blp-levels__clip-media.is-playing .blp-levels__video{opacity:1}.blp .blp-levels__clip figcaption{margin:0 0 6px;font-size:13px}.blp .blp-levels__clip--center figcaption{margin:12px 0 0}.blp-levels__xp{display:flex;align-items:center;gap:10px;margin:0 0 30px;font:400 11px/1 var(--blp-font-pixel);color:var(--blp-accent)}.blp-levels__xp i{flex:1;height:14px;border:2px solid currentColor;border-color:#fff;background:linear-gradient(90deg,var(--blp-accent) 0 66%,transparent 66%)}.blp-section--paper .blp-levels__xp i,.blp-section--white .blp-levels__xp i{border-color:#000}.blp-levels__list{list-style:none;margin:0 0 56px;padding:0}.blp-levels__level{display:grid;grid-template-columns:120px 110px minmax(0,1fr);gap:24px;align-items:center;padding:24px 0;border-top:4px dotted var(--blp-line-dark)}.blp-levels__lvl{justify-self:start;padding:10px 12px;background:var(--blp-accent);color:#000;box-shadow:4px 4px #fff;font:400 13px/1.5 var(--blp-font-pixel);text-transform:uppercase}.blp-section--paper .blp-levels__lvl,.blp-section--white .blp-levels__lvl{box-shadow:4px 4px #000}.blp .blp-levels__sprite{width:100px;height:auto}.blp-levels__level>div:only-child,.blp-levels__level>.blp-levels__lvl+div{grid-column:2 / -1}.blp .blp-levels__title{margin:0 0 8px;font:400 15px/1.5 var(--blp-font-pixel);text-transform:uppercase}.blp-levels__text p{margin:0}.blp-section--ink .blp-levels__text strong{color:#fff}.blp .blp-levels__label{margin:0 0 26px}.blp-levels__powerups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 36px;padding:0;list-style:none}.blp-levels__powerup{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px;background:#0e0f10;color:#fff;border:2px solid #fff;box-shadow:6px 6px 0 var(--blp-accent)}.blp-levels__plus{display:grid;place-items:center;width:44px;height:44px;background:var(--blp-accent);color:#000;font:400 20px/1 var(--blp-font-pixel)}.blp .blp-levels__powerup-title{margin:0 0 6px;font:400 12px/1.5 var(--blp-font-pixel);text-transform:uppercase;color:#fff}.blp .blp-levels__powerup p{margin:0;font-size:15px;color:var(--blp-muted-dark)}.blp-levels__kits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 36px}.blp-levels__kit{display:flex;flex-direction:column;padding:14px 14px 18px;background:#fff;color:#000;border:2px solid #000;box-shadow:8px 8px 0 var(--blp-accent)}.blp-levels__kit-img{aspect-ratio:1 / 1;margin:0 0 14px;overflow:hidden;background:var(--blp-paper)}.blp .blp-levels__kit-img img,.blp-levels__kit-img svg{width:100%;height:100%;object-fit:cover}.blp .blp-levels__kit-title{margin:0 0 8px;font:700 18px/1.2 var(--blp-font-body);text-transform:uppercase;color:#000}.blp .blp-levels__kit p{margin:0 0 16px;font-size:15px;color:var(--blp-body)}.blp-levels__kit .blp-btn{margin-top:auto}.blp-levels__cta{text-align:center;margin:8px 0 0}@media screen and (max-width:989px){.blp-levels__powerups,.blp-levels__kits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:600px){.blp-levels__clip{grid-template-columns:minmax(0,1fr);gap:16px}.blp .blp-levels__clip figcaption{margin:4px 0 0}.blp-levels__level{grid-template-columns:80px minmax(0,1fr);gap:16px}.blp-levels__lvl{grid-column:1 / -1}.blp .blp-levels__sprite{width:76px}.blp-levels__level>.blp-levels__lvl+div{grid-column:1 / -1}.blp-levels__powerups,.blp-levels__kits{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.blp-levels__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/builder-levels.css.map */