.pedrocchi-social-video-carousel{position:relative;overflow:hidden}.pedrocchi-social-video-carousel__inner{width:100%;padding-inline:2rem}.pedrocchi-social-video-carousel__inner--page-width{max-width:var(--page-width);margin:0 auto}.pedrocchi-social-video-carousel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.pedrocchi-social-video-carousel__heading{margin:0;color:rgb(var(--color-foreground))}.pedrocchi-social-video-carousel__controls{--pedrocchi-social-video-control-color: rgb(var(--color-button));display:none;align-items:center;gap:.8rem}.pedrocchi-social-video-carousel__controls[data-control-color=white]{--pedrocchi-social-video-control-color: #fff}.pedrocchi-social-video-carousel__controls[data-control-color=black]{--pedrocchi-social-video-control-color: #111}.pedrocchi-social-video-carousel__control.slider-button{width:4rem;height:4rem;min-width:4rem;border-radius:50%;color:var(--pedrocchi-social-video-control-color);background:color-mix(in srgb,var(--pedrocchi-social-video-control-color) 12%,transparent)}.pedrocchi-social-video-carousel__control.slider-button:hover{color:var(--pedrocchi-social-video-control-color);background:color-mix(in srgb,var(--pedrocchi-social-video-control-color) 20%,transparent)}.pedrocchi-social-video-carousel__track{--pedrocchi-social-video-visible-columns: var(--pedrocchi-social-video-columns-mobile);display:flex;gap:var(--pedrocchi-social-video-gap);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab}.pedrocchi-social-video-carousel__track::-webkit-scrollbar{display:none}.pedrocchi-social-video-carousel.is-dragging .pedrocchi-social-video-carousel__track{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.pedrocchi-social-video-carousel__item{flex:0 0 calc((100% - (var(--pedrocchi-social-video-visible-columns) - 1) * var(--pedrocchi-social-video-gap)) / var(--pedrocchi-social-video-visible-columns));min-width:0;scroll-snap-align:start}.pedrocchi-social-video-carousel__card{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:var(--media-radius);background:#0a0a0a;aspect-ratio:var(--pedrocchi-social-video-ratio);cursor:pointer}.pedrocchi-social-video-carousel__preview,.pedrocchi-social-video-carousel__preview video,.pedrocchi-social-video-carousel__placeholder{width:100%;height:100%}.pedrocchi-social-video-carousel__preview video,.pedrocchi-social-video-carousel__placeholder svg{display:block;width:100%;height:100%;object-fit:cover}.pedrocchi-social-video-carousel__placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06)}.pedrocchi-social-video-carousel__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;color:#fff;background:#00000057;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease,background-color .2s ease;pointer-events:none}.pedrocchi-social-video-carousel__play .svg-wrapper{width:1.6rem;height:1.6rem}.pedrocchi-social-video-carousel__card:hover .pedrocchi-social-video-carousel__play,.pedrocchi-social-video-carousel__card:focus-visible .pedrocchi-social-video-carousel__play{opacity:1}.pedrocchi-social-video-carousel__modal[hidden]{display:none}.pedrocchi-social-video-carousel__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.pedrocchi-social-video-carousel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#000000e6;cursor:pointer}.pedrocchi-social-video-carousel__dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(92vw,120rem);height:min(88vh,96rem)}.pedrocchi-social-video-carousel__modal-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pedrocchi-social-video-carousel__modal-video video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--media-radius);background:#000}.pedrocchi-social-video-carousel__modal-close,.pedrocchi-social-video-carousel__modal-nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:#ffffff1a;cursor:pointer}.pedrocchi-social-video-carousel__modal-close{top:0;right:0;font-size:2.4rem;line-height:1}.pedrocchi-social-video-carousel__modal-nav--prev{left:0;top:50%;transform:translateY(-50%)}.pedrocchi-social-video-carousel__modal-nav--next{right:0;top:50%;transform:translateY(-50%)}.pedrocchi-social-video-carousel__modal-nav .svg-wrapper{width:1.4rem;height:1.4rem}.pedrocchi-social-video-carousel__modal-nav--prev .icon-caret{transform:rotate(90deg)}.pedrocchi-social-video-carousel__modal-nav--next .icon-caret{transform:rotate(-90deg)}.pedrocchi-social-video-carousel__modal-counter{position:absolute;left:50%;bottom:0;transform:translate(-50%);color:#fff;font-size:1.2rem;line-height:1.2;opacity:.72}@media screen and (min-width:750px){.pedrocchi-social-video-carousel__inner{padding-inline:6.4rem}.pedrocchi-social-video-carousel__controls{display:flex}.pedrocchi-social-video-carousel__track{--pedrocchi-social-video-visible-columns: var(--pedrocchi-social-video-columns-tablet)}}@media screen and (min-width:990px){.pedrocchi-social-video-carousel__track{--pedrocchi-social-video-visible-columns: var(--pedrocchi-social-video-columns-desktop)}}@media screen and (max-width:749px){.pedrocchi-social-video-carousel__modal{padding:1.2rem}.pedrocchi-social-video-carousel__dialog{width:100%;height:88vh}.pedrocchi-social-video-carousel__modal-close{top:.8rem;right:.8rem}.pedrocchi-social-video-carousel__modal-nav--prev{left:.8rem}.pedrocchi-social-video-carousel__modal-nav--next{right:.8rem}.pedrocchi-social-video-carousel__modal-counter{bottom:.8rem}}@media(prefers-reduced-motion:reduce){.pedrocchi-social-video-carousel__track{scroll-behavior:auto}.pedrocchi-social-video-carousel__play,.pedrocchi-social-video-carousel__control.slider-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-social-videos.css.map */