.oddit-section-ugc-carousel,.oddit-section-ugc-carousel *,.oddit-section-ugc-carousel *:before,.oddit-section-ugc-carousel *:after{box-sizing:border-box}.oddit-section-ugc-carousel{position:relative;overflow-x:clip;overflow-y:visible;display:flex;flex-direction:column;align-items:center;gap:30px;padding:0 0 40px;background:linear-gradient(to bottom,#fdae50,#fa7544);-webkit-tap-highlight-color:transparent;--oddit-ugc-gutter: max(20px, calc((100vw - 314px)/2) )}@media(min-width:750px){.oddit-section-ugc-carousel{--oddit-ugc-gutter: 32px}}@media(min-width:990px){.oddit-section-ugc-carousel{--oddit-ugc-gutter: max(28px, calc((100vw - 1330px)/2) )}}:where(.oddit-section-ugc-carousel a),:where(.oddit-section-ugc-carousel button){text-decoration:none}.oddit-section-ugc-carousel__divider{width:100%;height:56px;pointer-events:none;line-height:0}@media(min-width:990px){.oddit-section-ugc-carousel__divider{height:100px}}.oddit-section-ugc-carousel__divider-image{display:block;width:100%;height:100%}.oddit-section-ugc-carousel__container{position:relative;width:100%;max-width:1300px;padding-inline:12px;display:flex;justify-content:center}@media(min-width:750px){.oddit-section-ugc-carousel__container{padding-inline:var(--oddit-ugc-gutter)}}.oddit-section-ugc-carousel__heading{margin:0;font-family:helvetica-rounded,sans-serif;font-weight:700;font-size:32px;line-height:35px;color:#2a0f3f;text-align:center;max-width:100%}@media(min-width:990px){.oddit-section-ugc-carousel__heading{font-size:48px;line-height:55px;max-width:624px}}.oddit-section-ugc-carousel__track{display:flex;gap:10px;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:var(--oddit-ugc-gutter);padding-block:40px;margin-block:-40px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;cursor:grab}.oddit-section-ugc-carousel__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none}@media(min-width:990px){.oddit-section-ugc-carousel__track{gap:15px}}.oddit-section-ugc-carousel__track::-webkit-scrollbar{display:none}.oddit-section-ugc-carousel__card{flex:0 0 auto;width:314px;display:flex;flex-direction:column;border:2px solid #2a0f3f;border-radius:20px;overflow:hidden;background:#fff4f1;scroll-snap-align:center;color:#2a0f3f}.oddit-section-ugc-carousel__card-image{position:relative;width:100%;height:382px;overflow:hidden;background:#2a0f3f}.oddit-section-ugc-carousel__card-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-ugc-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.oddit-section-ugc-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#2a0f3f;opacity:0;z-index:2;transition:opacity .2s ease}.oddit-section-ugc-carousel__card--video[data-ugc-state=preview] .oddit-section-ugc-carousel__video,.oddit-section-ugc-carousel__card--video[data-ugc-state=playing] .oddit-section-ugc-carousel__video{opacity:1}.oddit-section-ugc-carousel__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .2s ease}.oddit-section-ugc-carousel__card--video[data-ugc-state=preview] .oddit-section-ugc-carousel__play-icon,.oddit-section-ugc-carousel__card--video[data-ugc-state=playing] .oddit-section-ugc-carousel__play-icon{display:none}.oddit-section-ugc-carousel__card--video[data-ugc-state=playing] .oddit-section-ugc-carousel__play{pointer-events:none}.oddit-section-ugc-carousel__play-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding-left:4px;border:2px solid #2a0f3f;border-radius:50%;background:#fff4f1;color:#2a0f3f;transition:transform .2s ease,background-color .2s ease}.oddit-section-ugc-carousel__card--video:hover .oddit-section-ugc-carousel__play-icon{transform:scale(1.06);background:#fdae50}.oddit-section-ugc-carousel__card-info{display:flex;align-items:center;padding:20px;border-block-start:2px solid #2a0f3f;background:#fff4f1;width:100%}.oddit-section-ugc-carousel__username{display:inline-block;font-family:sofia-pro,sans-serif;font-weight:700;font-size:16px;line-height:normal;color:#2a0f3f;white-space:nowrap}.oddit-section-ugc-carousel__nav{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-inline:var(--oddit-ugc-gutter)}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot{display:block;width:8px;height:8px;padding:0;margin:0;border:1px solid #2a0f3f;border-radius:10px;background:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease;font-size:0;line-height:0}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot:hover{background:#fff4f1}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot--active,.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot--active:hover{background:#2a0f3f}.oddit-section-ugc-carousel__dot>span{display:inline-block;width:0;height:0;overflow:hidden}.oddit-section-ugc-carousel__fruit-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:1}.oddit-section-ugc-carousel__fruit{position:absolute;display:block;height:auto;pointer-events:none;object-fit:contain}.oddit-section-ugc-carousel__fruit--pear{top:-36px;right:0;width:76px}.oddit-section-ugc-carousel__fruit--blueberries{top:-10px;right:58px;width:92px}@media(min-width:750px){.oddit-section-ugc-carousel__fruit--pear{top:4px;right:0;width:104px}.oddit-section-ugc-carousel__fruit--blueberries{top:-7px;right:98px;width:118px}}@media(min-width:990px){.oddit-section-ugc-carousel__fruit--pear{top:-70px;right:0;width:132px}.oddit-section-ugc-carousel__fruit--blueberries{top:0;right:105px;width:145px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/oddit-section-ugc-carousel.css.map */