.rider-clips{--rc-ink: 14, 18, 20;--rc-accent-text: 44, 201, 189;--rc-radius: 14px;--rc-ease-out: cubic-bezier(.23, 1, .32, 1);display:block;padding-block:clamp(4.8rem,5vw,7.2rem);background:#111719;color:#fff}.rider-clips__head{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:clamp(2.4rem,3vw,3.6rem);text-align:center}.rider-clips__title{margin:0;color:#fff}.rider-clips__text{margin:0;color:#ffffffa8}.rider-clips__track{list-style:none;margin:0 auto;padding:0 var(--px-mobile, 1.5rem);display:grid;grid-auto-flow:column;grid-auto-columns:58%;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--px-mobile, 1.5rem);scrollbar-width:none}.rider-clips__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.rider-clips__track{grid-auto-columns:30%;gap:1.2rem}}@media screen and (min-width:990px){.rider-clips__track{max-width:var(--page-width);padding-inline:5rem;grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}}.clip{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--rc-radius);background:#1c2428;scroll-snap-align:start;isolation:isolate;transition:transform .2s var(--rc-ease-out)}.clip__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.clip__media video,.clip__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.92);transition:filter .2s ease}.clip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,rgba(var(--rc-ink),.45),rgba(var(--rc-ink),0) 20%),linear-gradient(0deg,rgba(var(--rc-ink),.9),rgba(var(--rc-ink),.4) 30%,rgba(var(--rc-ink),0) 52%);pointer-events:none}.clip__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.clip__link:focus-visible{outline:2px solid rgb(var(--rc-accent-text));outline-offset:-3px;border-radius:var(--rc-radius)}.clip__platform{position:absolute;top:1rem;left:1rem;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;border-radius:999px;background:rgba(var(--rc-ink),.55);color:#fff;pointer-events:none}.clip__platform .icon{width:1.6rem;height:1.6rem}.clip__sound{position:absolute;top:1rem;right:1rem;z-index:3;display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:999px;background:rgba(var(--rc-ink),.55);color:#fff;cursor:pointer;transition:background-color .18s ease,transform .16s var(--rc-ease-out)}.clip__sound .icon{width:1.6rem;height:1.6rem}.clip__sound:after{content:"";position:absolute;width:2rem;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg);transition:opacity .16s ease}.clip__sound[aria-pressed=true]:after{opacity:0}.clip__sound:active{transform:scale(.94)}.clip__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.8rem;padding:1rem;pointer-events:none}.clip__caption{margin:0 .2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.35rem;font-weight:600;line-height:1.3;color:#fff}.clip__product{display:grid;grid-template-columns:3.6rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.5rem;border-radius:10px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;text-decoration:none;pointer-events:auto;transition:background-color .18s ease,transform .16s var(--rc-ease-out)}.clip__product:active{transform:scale(.98)}.clip__product:focus-visible{outline:2px solid #fff;outline-offset:2px}.clip__product-img{width:3.6rem;height:3.6rem;overflow:hidden;border-radius:6px;background:#fff}.clip__product-img img{width:100%;height:100%;object-fit:cover}.clip__product-info{display:flex;flex-direction:column;min-width:0}.clip__product-title{overflow:hidden;font-size:1.2rem;font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.clip__product-price{font-size:1.25rem;font-weight:700;color:rgb(var(--rc-accent-text))}@media(hover:hover)and (pointer:fine){.clip:hover{transform:translateY(-4px)}.clip:hover .clip__media video,.clip:hover .clip__media img{filter:brightness(1)}.clip__product:hover{background:#ffffff3d}.clip__sound:hover{background:rgba(var(--rc-ink),.8)}}@media(prefers-reduced-motion:reduce){.clip,.clip:hover{transform:none;transition:none}}.clip__platform,.clip__sound{--color-icon: 255, 255, 255;--color-foreground: 255, 255, 255}.clip__platform .icon,.clip__platform .icon path,.clip__sound .icon,.clip__sound .icon path{color:#fff;fill:currentColor}.clip__platform .icon .fill-none,.clip__sound .icon .fill-none,.clip__sound .icon .stroke-width-standard{fill:none;stroke:#fff}.rider-clips{--rc-accent: 5, 150, 141;--rc-accent-text: 44, 201, 189;overflow:hidden;background:#0f1416}@media screen and (min-width:990px){.rider-clips__track{align-items:start;padding-bottom:4.8rem}.clip:nth-child(2n){margin-top:4.8rem}.clip:nth-child(2n):hover{transform:translateY(-4px)}}.clip{transition:transform .26s var(--rc-ease-out),opacity .26s ease,filter .26s ease}@media(hover:hover)and (pointer:fine){.rider-clips__track:has(.clip:hover) .clip:not(:hover){opacity:.55;filter:saturate(.6)}.clip:hover{transform:translateY(-6px)}.clip:hover .clip__media img{transform:scale(1.06)}}.clip__media img{transition:filter .2s ease,transform .9s var(--rc-ease-out)}.clip__progress{position:absolute;top:.6rem;left:.8rem;right:.8rem;z-index:3;height:2px;overflow:hidden;border-radius:2px;background:#ffffff47;pointer-events:none}.clip__progress-fill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.clip:not(.clip--video) .clip__progress{display:none}.clip__platform,.clip__sound{top:1.4rem}.clip__product{display:flex;align-items:center;gap:.6rem;padding:.5rem;background:#0f14169e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff24}.clip__product-main{display:grid;grid-template-columns:3.6rem minmax(0,1fr);align-items:center;gap:.8rem;flex:1 1 auto;min-width:0;color:#fff;text-decoration:none}.clip__add{position:relative;flex:0 0 auto;display:grid;place-items:center;width:3.4rem;height:3.4rem;padding:0;border:0;border-radius:8px;background:rgb(var(--rc-accent));color:#fff;cursor:pointer;text-decoration:none;transition:background-color .18s ease,transform .16s var(--rc-ease-out);--color-icon: 255, 255, 255}.clip__add .icon{width:1.4rem;height:1.4rem;color:#fff}.clip__add-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .18s ease,transform .22s var(--rc-ease-out),filter .18s ease}.clip__add-label--done{opacity:0;transform:scale(.6);filter:blur(2px)}.clip__add.is-added{background:#1f8a4c}.clip__add.is-added .clip__add-label--idle{opacity:0;transform:scale(.6);filter:blur(2px)}.clip__add.is-added .clip__add-label--done{opacity:1;transform:none;filter:none}.clip__add.is-loading{opacity:.7;pointer-events:none}.clip__add:active{transform:scale(.92)}.clip__add:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover)and (pointer:fine){.clip__add:hover{background:#07aca2}.clip__add.is-added:hover{background:#1f8a4c}.clip__product:hover{background:#0f1416cc}}@media(prefers-reduced-transparency:reduce){.clip__product{background:#0f1416;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.clip,.clip__media img,.clip__add-label{transition:opacity .12s ease;transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-rider-clips.css.map */