.influencer-videos{--influencer-videos-columns: var(--influencer-videos-columns-mobile, 2)}.influencer-videos__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--influencer-videos-gap, 0px) * (var(--influencer-videos-columns) - 1))) / var(--influencer-videos-columns));gap:var(--influencer-videos-gap, 0px);overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;cursor:grab;touch-action:auto;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.influencer-videos__track::-webkit-scrollbar{display:none}.influencer-videos__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.influencer-videos__card{position:relative;min-width:0;scroll-snap-align:start}.influencer-videos__media{position:relative;overflow:hidden;border-radius:var(--influencer-videos-radius, 1rem);background:rgb(var(--color-foreground-rgb) / .06);aspect-ratio:var(--influencer-video-aspect-ratio, 9 / 16)}.influencer-videos__poster,.influencer-videos__poster--placeholder,.influencer-videos__video,.influencer-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.influencer-videos__poster,.influencer-videos__poster--placeholder,.influencer-videos__video{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.influencer-videos__audio-toggle{position:absolute;top:.85rem;right:.85rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#ffffffc7;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 .15rem .45rem #00000029;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.influencer-videos__audio-toggle:before{content:"";position:absolute;top:.12rem;right:.12rem;bottom:.12rem;left:.12rem;border-radius:inherit;background:#0003}.influencer-videos__audio-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.influencer-videos__audio-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem}.influencer-videos__play-toggle{position:absolute;inset:50% auto auto 50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:1.25rem;color:#fff;background:transparent;box-shadow:none;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease,transform .2s ease}.influencer-videos__play-toggle:hover{background:transparent;box-shadow:none}.influencer-videos__play-toggle.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92)}.influencer-videos__play-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.influencer-videos__play-icon{display:inline-flex;width:6rem;height:6rem;margin-left:.24rem}.influencer-videos__play-icon svg{width:100%;height:100%}.influencer-videos__audio-icon svg,.influencer-videos__audio-image{display:block;width:100%;height:100%;object-fit:contain}.influencer-videos__poster,.influencer-videos__poster--placeholder{transition:opacity .3s ease}.influencer-videos__card[data-video-loaded=true] .influencer-videos__poster,.influencer-videos__card[data-video-loaded=true] .influencer-videos__poster--placeholder{opacity:0}.influencer-videos__video{display:block;background:#000}.influencer-videos__card:not([data-playing=true]) .influencer-videos__audio-toggle{opacity:0;pointer-events:none;transform:translateY(-.2rem)}.influencer-videos__placeholder{background:radial-gradient(circle at 20% 20%,rgb(255 255 255 / .18),transparent 34%),linear-gradient(180deg,#d7d0c6,#b8ad9f)}.influencer-videos__controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.influencer-videos__progress{flex:1 1 auto}.influencer-videos__progress-track{position:relative;width:100%;height:2px;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .12)}.influencer-videos__progress-fill{position:absolute;top:0;bottom:0;left:var(--influencer-progress-offset, 0%);width:var(--influencer-progress-width, 0%);background:var(--color-foreground-heading)}.influencer-videos__nav{display:inline-flex;align-items:center;gap:.75rem;flex-shrink:0}.influencer-videos__nav-button{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:50%;background:rgb(var(--color-background-rgb) / .94);color:var(--color-foreground-heading);transition:opacity .2s ease,border-color .2s ease,background-color .2s ease}.influencer-videos__nav-button:disabled{opacity:.35;cursor:not-allowed}.influencer-videos__nav-button svg{width:1rem;height:1rem}.influencer-videos__nav-button:focus-visible{outline:2px solid var(--color-foreground-heading);outline-offset:2px}.influencer-videos--empty{padding:1rem 1.25rem;border-radius:1rem;background:rgb(var(--color-foreground-rgb) / .04)}@media screen and (min-width:750px){.influencer-videos{--influencer-videos-columns: var(--influencer-videos-columns-desktop, 4)}}@media screen and (max-width:749px){.influencer-videos__track{width:calc(100% + (var(--page-margin) * 2));margin-inline:calc(var(--page-margin) * -1);padding-inline-start:var(--page-margin);scroll-padding-inline-start:var(--page-margin)}.influencer-videos[data-has-overflow=true] .influencer-videos__track{grid-auto-columns:calc((100% - var(--page-margin) - (var(--influencer-videos-gap, 0px) * (var(--influencer-videos-columns) - 1)) - var(--influencer-videos-mobile-peek, 0px)) / var(--influencer-videos-columns));padding-right:var(--influencer-videos-mobile-peek, 0px)}.influencer-videos__controls{gap:.75rem}.influencer-videos__nav{gap:.5rem}.influencer-videos__nav-button{width:2.5rem;height:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/0ebrecode-influencer-videos.css.map */