.ccb-video-showcase{position:relative;overflow:hidden;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);color:#fff;background:radial-gradient(circle at 10% 18%,rgba(200,16,46,.28),transparent 26%),radial-gradient(circle at 86% 12%,rgba(255,255,255,.08),transparent 20%),linear-gradient(180deg,#111216,#09090c)}.ccb-video-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 100%),linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 100%);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);opacity:.4;pointer-events:none}.ccb-video-showcase .container{position:relative;z-index:1;width:100%;max-width:100%!important;padding:0 clamp(2rem,5vw,8rem)!important}.ccb-video-showcase__intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.4rem;align-items:end;padding-top:2.4rem;margin-bottom:4.8rem;border-top:1px solid rgba(255,255,255,.14)}.ccb-video-showcase__intro:before{content:"";position:absolute;top:-1px;left:0;width:4.8rem;height:.2rem;background:#c8102e}.ccb-video-showcase__intro-copy{max-width:72rem}.ccb-video-showcase__label,.ccb-video-showcase__stage-label{margin:0 0 .6rem;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e}.ccb-video-showcase__title{margin:0;font-family:"Syne",var(--font-heading-family),sans-serif;font-size:clamp(3.4rem,4.2vw,6.2rem);font-weight:700;line-height:.96;letter-spacing:-.05em;color:#fff;text-wrap:balance}.ccb-video-showcase__text{margin-top:1.8rem;max-width:68rem;color:#ffffffb8;font-size:clamp(1.6rem,1.12vw,1.8rem);line-height:1.65}.ccb-video-showcase__text p{margin:0}.ccb-video-showcase__intro-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem}.ccb-video-showcase__meta-pill,.ccb-video-showcase__link,.ccb-video-showcase__control,.ccb-video-showcase__badge{display:inline-flex;align-items:center;justify-content:center;min-height:4rem;padding:.9rem 1.4rem;font-size:11px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase}.ccb-video-showcase__meta-pill{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd1}.ccb-video-showcase__link{gap:.8rem;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);transition:background-color .25s ease,border-color .25s ease,color .25s ease}.ccb-video-showcase__link:hover{background:#fff;border-color:#fff;color:#101115}.ccb-video-showcase__link .angle{transition:transform .25s ease}.ccb-video-showcase__link:hover .angle{transform:translate(.2rem)}.ccb-video-showcase__stage{position:relative;padding:clamp(2.4rem,3.5vw,4.2rem);border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff05),linear-gradient(135deg,#c8102e1f,#ffffff03);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.ccb-video-showcase__stage:before,.ccb-video-showcase__stage:after{content:"";position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none;z-index:0}.ccb-video-showcase__stage:before{top:-8rem;left:10%;width:24rem;height:24rem;background:#c8102e29}.ccb-video-showcase__stage:after{right:4%;bottom:-10rem;width:20rem;height:20rem;background:#ffffff14}.ccb-video-showcase__stage-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:1.6rem;margin-bottom:1.8rem}.ccb-video-showcase__stage-copy{max-width:54rem}.ccb-video-showcase__stage-text{margin:0;color:#ffffffbd;font-size:clamp(1.4rem,1.05vw,1.5rem);line-height:1.65}.ccb-video-showcase__controls{display:flex;align-items:center;gap:1rem}.ccb-video-showcase__control{width:4.8rem;min-width:4.8rem;padding:0;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#fff;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.ccb-video-showcase__control:hover{transform:translateY(-1px);background:#fff;border-color:#fff;color:#101115}.ccb-video-showcase__control:focus-visible,.ccb-video-showcase__viewport:focus-visible,.ccb-video-showcase__card:focus-visible{outline:2px solid #c8102e;outline-offset:4px}.ccb-video-showcase__viewport{position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;mask-image:none;-webkit-mask-image:none}.ccb-video-showcase__viewport::-webkit-scrollbar{display:none}.ccb-video-showcase__track{display:flex;align-items:flex-end;gap:clamp(1.6rem,2.5vw,2.8rem);padding:1.2rem 1rem 6rem}.ccb-video-showcase__card{--card-offset: 0px;position:relative;flex:0 0 clamp(220px,18vw,290px);width:clamp(220px,18vw,290px);border:0;padding:0;background:transparent;cursor:pointer;scroll-snap-align:center;transform:translateY(var(--card-offset)) scale(.94);transform-origin:center bottom;opacity:.9;filter:saturate(.96);transition:transform .45s ease,opacity .35s ease,filter .35s ease}.ccb-video-showcase__card:nth-child(4n+2){--card-offset: 1.2rem}.ccb-video-showcase__card:nth-child(4n+3){--card-offset: 2.2rem}.ccb-video-showcase__card:nth-child(4n+4){--card-offset: .8rem}.ccb-video-showcase__card.is-active,.ccb-video-showcase__card:hover,.ccb-video-showcase__card:focus-visible{transform:translateY(0) scale(1);opacity:1;filter:saturate(1);z-index:5}.ccb-video-showcase__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:3rem;background:linear-gradient(180deg,#18191eeb,#08080af5);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 48px #0000004d,inset 0 1px #ffffff14}.ccb-video-showcase__media:before{display:none}.ccb-video-showcase__media-glow{display:none}.ccb-video-showcase__card.is-active .ccb-video-showcase__media-glow,.ccb-video-showcase__card:hover .ccb-video-showcase__media-glow{opacity:1}.ccb-video-showcase__video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .35s ease}.ccb-video-showcase__play-toggle{position:absolute;inset:auto 50% 48%;z-index:3;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,50%);width:5.8rem;height:5.8rem;min-height:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:#08080c94;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.ccb-video-showcase__play-toggle:hover{background:#ffffff2e;transform:translate(-50%,50%) scale(1.02)}.ccb-video-showcase__play-icon{width:0;height:0;margin-left:.3rem;border-top:.95rem solid transparent;border-bottom:.95rem solid transparent;border-left:1.55rem solid currentColor}.ccb-video-showcase__card.is-playing .ccb-video-showcase__play-toggle{opacity:0;pointer-events:none}.ccb-video-showcase__card.is-active .ccb-video-showcase__video,.ccb-video-showcase__card:hover .ccb-video-showcase__video{transform:scale(1.045);filter:saturate(1.04)}.ccb-video-showcase__badge-row,.ccb-video-showcase__caption{position:absolute;inset-inline:0;z-index:2}.ccb-video-showcase__badge-row{top:1.2rem;display:flex;justify-content:space-between;gap:.8rem;padding-inline:1.2rem}.ccb-video-showcase__badge{min-height:3.2rem;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0a0a0e61;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.ccb-video-showcase__badge--ghost{color:#ffffffbd}.ccb-video-showcase__caption{bottom:0;padding:2rem 1.5rem 1.6rem}.ccb-video-showcase__caption-subtitle{margin:0 0 .6rem;color:#ffffffc7;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}.ccb-video-showcase__caption-title{margin:0;color:#fff;font-family:"Syne",var(--font-heading-family),sans-serif;font-size:clamp(1.8rem,1.4vw,2.4rem);font-weight:700;line-height:1.05;letter-spacing:-.03em}.ccb-video-showcase__empty{position:relative;z-index:1;display:grid;place-items:center;min-height:36rem;border:1px dashed rgba(255,255,255,.16);color:#ffffffb3;font-size:1.4rem;text-align:center}.ccb-video-showcase__empty p{margin:0}@media(max-width:989px){.ccb-video-showcase .container{padding:0 2rem!important}.ccb-video-showcase__intro,.ccb-video-showcase__stage-head{grid-template-columns:1fr;display:grid}.ccb-video-showcase__intro-meta,.ccb-video-showcase__controls{justify-content:flex-start}.ccb-video-showcase__viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ccb-video-showcase__card{flex-basis:clamp(200px,42vw,260px);width:clamp(200px,42vw,260px)}}@media(max-width:749px){.ccb-video-showcase{padding-bottom:max(var(--section-padding-bottom),5.6rem)}.ccb-video-showcase .container{padding:0 1.4rem!important}.ccb-video-showcase__intro{gap:1.6rem;margin-bottom:2rem}.ccb-video-showcase__title{font-size:clamp(3.2rem,10vw,4.6rem)}.ccb-video-showcase__text,.ccb-video-showcase__stage-text{font-size:1.35rem}.ccb-video-showcase__stage{padding:1.2rem}.ccb-video-showcase__stage-head{gap:1.2rem;margin-bottom:1.2rem}.ccb-video-showcase__controls{gap:.8rem}.ccb-video-showcase__control{width:4.2rem;min-width:4.2rem}.ccb-video-showcase__viewport{-webkit-mask-image:none;mask-image:none}.ccb-video-showcase__track{gap:1.6rem;padding-bottom:2.4rem}.ccb-video-showcase__card,.ccb-video-showcase__card:nth-child(4n+2),.ccb-video-showcase__card:nth-child(4n+3),.ccb-video-showcase__card:nth-child(4n+4){--card-offset: 0px;flex-basis:min(72vw,260px);width:min(72vw,260px)}.ccb-video-showcase__media{border-radius:2.4rem}.ccb-video-showcase__badge-row{padding-inline:1rem}.ccb-video-showcase__caption{padding:1.6rem 1.2rem 1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-ccb-brake-kits-video-showcase.css.map */