.crb{--crb-ink: #11120f;--crb-sweep: .9s;--crb-h: 124px;--crb-ease: cubic-bezier(.7, 0, .2, 1);position:relative;display:grid;place-items:center;height:var(--crb-h);overflow:hidden;color:var(--crb-ink);background:#fff;isolation:isolate}.crb__title{position:relative;z-index:2;margin:0;padding:0 16px;font-family:CYRIL Display,Arial Narrow,Arial,sans-serif;font-size:36px;white-space:nowrap;font-style:italic;font-weight:800;letter-spacing:.01em;line-height:.9;text-align:center;text-transform:uppercase}.crb__title span{display:inline-block;padding-right:.08em}.crb__night{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.crb__strip{position:absolute;top:calc(var(--crb-h) * var(--y));left:0;width:100%;height:calc(var(--crb-h) * var(--hh) + 1px);overflow:hidden;background:#000}.crb__strip-in{position:absolute;top:calc(var(--crb-h) * var(--y) * -1);left:0;display:grid;place-items:center;width:100%;height:var(--crb-h);color:#fff}.crb__strip:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px 4px #ffffff80,0 0 40px 12px #ffffff2e;opacity:0}.crb__strip:nth-child(1){--y: 0;--hh: .16;--sd: .65s;--st: 90ms}.crb__strip:nth-child(2){--y: .16;--hh: .1;--sd: .46s;--st: 0ms}.crb__strip:nth-child(3){--y: .26;--hh: .2;--sd: .83s;--st: 40ms}.crb__strip:nth-child(4){--y: .46;--hh: .08;--sd: .4s;--st: .16s}.crb__strip:nth-child(5){--y: .54;--hh: .18;--sd: .71s;--st: .12s}.crb__strip:nth-child(6){--y: .72;--hh: .12;--sd: .52s;--st: 30ms}.crb__strip:nth-child(7){--y: .84;--hh: .16;--sd: .9s;--st: 0ms}.crb.is-revealed .crb__strip{animation:crb-strip var(--sd) var(--crb-ease) var(--st) forwards}.crb.is-revealed .crb__strip-in{animation:crb-strip-in var(--sd) var(--crb-ease) var(--st) forwards}.crb.is-revealed .crb__strip:after{animation:crb-edge var(--sd) linear var(--st) forwards}@keyframes crb-strip{to{transform:translate(-101%)}}@keyframes crb-strip-in{to{transform:translate(101%)}}@keyframes crb-edge{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}.crb__air{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.crb__air span{position:absolute;left:100%;width:var(--w, 22%);height:var(--hpx, 1px);background:linear-gradient(90deg,#11120f00,rgba(17,18,15,var(--a, .3)) 4%,#11120f00);opacity:0}.crb__air span:nth-child(1){top:24%;--w: 46%;--a: .24;--d: 1.5s;--t: 1.1s;--hpx: 1.5px;--hpx-hd: 1px}.crb__air span:nth-child(2){top:40%;--w: 54%;--a: .16;--d: 1.3s;--t: 1.7s;--hpx: 1.5px;--hpx-hd: 1px}.crb__air span:nth-child(3){top:62%;--w: 40%;--a: .26;--d: 1.45s;--t: 2.3s;--hpx: 1.5px;--hpx-hd: 1px}.crb__air span:nth-child(4){top:84%;--w: 50%;--a: .2;--d: 1.6s;--t: .9s;--hpx: 1.5px;--hpx-hd: 1px}.crb__air span:nth-child(5){top:14%;--w: 22%;--a: .15;--d: 2.1s;--t: .2s}.crb__air span:nth-child(6){top:33%;--w: 16%;--a: .13;--d: 2.4s;--t: .6s}.crb__air span:nth-child(7){top:55%;--w: 30%;--a: .18;--d: 2s;--t: 0s}.crb__air span:nth-child(8){top:69%;--w: 14%;--a: .14;--d: 2.2s;--t: 1s}.crb__air span:nth-child(9){top:76%;--w: 26%;--a: .15;--d: 2.3s;--t: 1.4s}.crb__air span:nth-child(10){top:90%;--w: 32%;--a: .12;--d: 2.5s;--t: 1.8s}.crb__air span:nth-child(11){top:8%;--w: 34%;--a: .11;--d: 2.6s;--t: .5s}.crb__air span:nth-child(12){top:47%;--w: 10%;--a: .16;--d: 1.9s;--t: .3s}.crb__air span:nth-child(13){top:20%;--w: 12%;--a: .08;--d: 3.2s;--t: 2.6s}.crb__air span:nth-child(14){top:52%;--w: 6%;--a: .1;--d: 3s;--t: 2s}.crb__air span:nth-child(15){top:29%;--w: 9%;--a: .07;--d: 3.4s;--t: 1.3s}.crb__air span:nth-child(16){top:44%;--w: 18%;--a: .07;--d: 3.1s;--t: 2.9s}.crb__air span:nth-child(17){top:59%;--w: 8%;--a: .08;--d: 3.6s;--t: .7s}.crb__air span:nth-child(18){top:72%;--w: 20%;--a: .06;--d: 3.3s;--t: 2.2s}.crb__air span:nth-child(19){top:80%;--w: 11%;--a: .08;--d: 3.5s;--t: 1.6s}.crb__air span:nth-child(20){top:95%;--w: 15%;--a: .06;--d: 3.2s;--t: .4s}@media(min-resolution:2dppx){.crb__air span{height:var(--hpx-hd, .5px)}}.crb.is-revealed .crb__air span{animation:crb-air var(--d) cubic-bezier(.4,0,.6,1) calc(var(--t) * -1 - .35s) infinite}@keyframes crb-air{0%{transform:translate(0);opacity:0}12%{opacity:1}80%{opacity:1}to{transform:translate(calc(-100vw - 100%));opacity:0}}.crb:not(.is-live) .crb__air span{animation-play-state:paused}@media(min-width:750px){.crb{--crb-h: clamp(150px, 11vw, 184px)}.crb__title{font-size:clamp(56px,5.4vw,84px)}}@media(prefers-reduced-motion:reduce){.crb .crb__night{display:none}.crb .crb__air span,.crb.is-revealed .crb__air span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cyril-ride-banner.css.map */