
.c-ugc{background-color:#0d0d0d;padding:5rem 1rem}.c-ugc__header{text-align:center}.c-ugc__title{font-size:2.67rem;line-height:3rem;letter-spacing:.0432rem;text-transform:uppercase;font-weight:700}.c-ugc__title .ellipsis{color:#e94a34;padding:0 .2em;letter-spacing:-.4em}.c-ugc .o-html5-video{position:relative}.c-ugc .o-html5-video__action-play{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.c-ugc .o-html5-video__action.is-hidden-svg .o-html5-video__action-play svg{display:none}.c-ugc .o-html5-video__action.is-hidden-svg .o-html5-video__action-sound svg{display:block}.c-ugc .o-html5-video__action.is-hidden-svg .o-html5-video__action-sound svg.sound-off.is-hidden,.c-ugc .o-html5-video__action.is-hidden-svg .o-html5-video__action-sound svg.sound-on.is-hidden{display:none}.c-ugc .o-html5-video__action .o-html5-video__action-sound{position:absolute;top:0;right:0;z-index:2;cursor:pointer;padding:1rem}.c-ugc .o-html5-video__action .o-html5-video__action-sound svg{display:none}.c-ugc .o-html5-video__action-play svg{width:3.75rem;height:3.75rem}.c-ugc__video-items{cursor:pointer}.c-ugc__video-items svg .svg-color{transition:all .2s ease-in}.c-ugc__video-items:hover svg .svg-color{fill-opacity:.5}.c-ugc__video-banner .o-html5-video{margin-bottom:2.5rem}.c-ugc__video-banner .o-html5-video__video{border-radius:.5rem}.c-ugc__video-banner .o-html5-video__video-container{padding-bottom:56%}.c-ugc__video-container{margin-top:2.5rem;text-align:center}.c-ugc__video-title{font-size:2.67rem;font-weight:700;line-height:3rem;letter-spacing:.0432rem;text-transform:uppercase;margin-bottom:1rem}.c-ugc__video-badge{display:inline-block;border-radius:1rem;background-color:#e94a34;font-family:roboto-mono,monospace;text-transform:uppercase;padding:.25rem 1rem}.c-ugc__video-badge,.c-ugc__video-text{font-size:.875rem;font-weight:500;line-height:1.5rem;letter-spacing:.0142rem;margin-bottom:1rem}.c-ugc__video-content{text-align:center}.c-ugc__video-button.is-desktop{display:none}.c-ugc__video-button.is-mobile{display:inline-block}.c-ugc__video-carousel-container{position:relative;padding:0}.c-ugc__video-carousel__next-btn,.c-ugc__video-carousel__prev-btn{position:absolute;top:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;z-index:1;transition:all .2s cubic-bezier(.7,0,.84,0)}.c-ugc__video-carousel__next-btn:hover svg path,.c-ugc__video-carousel__prev-btn:hover svg path{fill:#fff}.c-ugc__video-carousel__next-btn{right:-1.125rem}.c-ugc__video-carousel__prev-btn{left:1.125rem}.c-ugc__video-carousel-arrow{display:none}.c-ugc__video-carousel-dots{display:flex;justify-content:center;align-items:center;margin:2.5rem 0}.c-ugc__video-carousel-dots.is-hidden{display:none}.c-ugc__video-carousel-dot{width:calc(100%/var(--video-dots));height:.125rem;background-color:#434347}.c-ugc__video-carousel-dot.is-active{background-color:#fff}.c-ugc__video-carousel .o-html5-video__video{border-radius:.5rem}.c-ugc__video-carousel .o-html5-video__video-container{padding-bottom:175%}.c-ugc__video-items{position:relative}.c-ugc__video-items .c-ugc__video-badge{position:absolute;top:1.5rem;left:1.25rem;z-index:1;max-width:10.625rem}@media only screen and (min-width:1350px){.c-ugc{padding:5rem 0}.c-ugc__title,.c-ugc__video-title{font-size:4.2361rem;line-height:4.5rem;letter-spacing:-.0686rem;margin-bottom:1.1875rem}.c-ugc__title{margin-bottom:2.375rem}.c-ugc__header{max-width:57.5rem;margin:0 auto}.c-ugc__video-banner{display:flex;align-items:center;justify-content:center;gap:7.3125rem}.c-ugc__video-banner .o-html5-video{margin-bottom:0}.c-ugc__video-badge,.c-ugc__video-text{margin-bottom:1.1875rem}.c-ugc__video-content{width:32%}.c-ugc__video-container{width:53.63%;margin-top:0;margin-bottom:0}.c-ugc__video-button.is-desktop{display:inline-block}.c-ugc__video-button.is-mobile{display:none}.c-ugc__video-carousel-container{max-width:117.625rem;padding:0 3.5rem;margin:2.625rem auto}.c-ugc__video-carousel-dots{display:none}.c-ugc__video-carousel-arrow{display:block}.c-ugc__video-carousel .o-html5-video__video-container{padding-bottom:177.858%}}@media only screen and (min-width:2000px){.c-ugc{padding:7.5rem 0}.c-ugc__video-content{width:28%}.c-ugc__video-carousel-container{padding:0 5rem}.c-ugc__title{font-size:6.8543rem;line-height:7rem;letter-spacing:-.1109rem}}
