.oddit-section-ugc-carousel{--oddit-ugc-gutter: 16px;--oddit-ugc-card-width: min(300px, calc(100vw - 32px) );--oddit-ugc-card-gap: 15px;--oddit-ugc-arrow-size: 50px;position:relative;background-color:#ffeddb;padding:28px 0 0;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.oddit-section-ugc-carousel :where(a,button){-webkit-tap-highlight-color:transparent}.oddit-section-ugc-carousel__container{position:relative;max-width:1440px;margin-inline:auto;padding-inline:var(--oddit-ugc-gutter);display:flex;flex-direction:column;gap:24px}.oddit-section-ugc-carousel__heading-wrapper{display:flex;flex-direction:column;gap:24px;color:#432112}.oddit-section-ugc-carousel__heading{text-box:trim-both cap alphabetic;font-family:Oswald,sans-serif;font-weight:700;font-size:30px;line-height:1.3;letter-spacing:0;color:#432112;text-transform:uppercase;text-align:left;margin:0}.oddit-section-ugc-carousel__subheading,.oddit-section-ugc-carousel__subheading :where(p,ul,ol,li){text-box:trim-both cap alphabetic;font-family:Libre Franklin,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#432112}.oddit-section-ugc-carousel__subheading{margin:0}.oddit-section-ugc-carousel__subheading>:where(p,ul,ol):first-child{margin-top:0}.oddit-section-ugc-carousel__subheading>:where(p,ul,ol):last-child{margin-bottom:0}.oddit-section-ugc-carousel__subheading strong{font-weight:700}.oddit-section-ugc-carousel__mascot{display:block;object-fit:contain;pointer-events:none}.oddit-section-ugc-carousel__mascot--desktop{display:none}.oddit-section-ugc-carousel__mascot--mobile{width:127px;height:91px;margin:32px auto 0}.oddit-section-ugc-carousel__carousel{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:32px;width:100%}.oddit-section-ugc-carousel__track{display:flex;width:100%;gap:var(--oddit-ugc-card-gap);padding-inline:var(--oddit-ugc-gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--oddit-ugc-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.oddit-section-ugc-carousel__track::-webkit-scrollbar{display:none}.oddit-section-ugc-carousel__track--grabbing{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.oddit-section-ugc-carousel__track--grabbing *{cursor:grabbing}.oddit-section-ugc-carousel__card{flex:0 0 auto;width:var(--oddit-ugc-card-width);scroll-snap-align:start}.oddit-section-ugc-carousel__card-link{position:relative;display:block;width:100%;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}.oddit-section-ugc-carousel__card-media{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:300 / 450;width:100%;background-color:#e2e8f0}.oddit-section-ugc-carousel__card-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-ugc-carousel__play-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));pointer-events:none;z-index:2}.oddit-section-ugc-carousel__handle{position:absolute;left:10px;bottom:10px;box-sizing:border-box;height:26px;display:inline-flex;align-items:center;background-color:#432112;color:#ffeddb;font-family:Libre Franklin,sans-serif;font-weight:700;font-size:14px;line-height:1;padding:0 10px;border-radius:999px;white-space:nowrap;z-index:2}.oddit-section-ugc-carousel__handle--link{text-decoration:none}.oddit-section-ugc-carousel__video-wrap{cursor:pointer}.oddit-section-ugc-carousel__card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;background-color:#000;opacity:0;visibility:hidden;z-index:1}.oddit-section-ugc-carousel__video-wrap.is-previewing .oddit-section-ugc-carousel__card-video,.oddit-section-ugc-carousel__video-wrap.is-playing .oddit-section-ugc-carousel__card-video{opacity:1;visibility:visible}.oddit-section-ugc-carousel__video-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:3;-webkit-appearance:none;appearance:none}.oddit-section-ugc-carousel__video-toggle:focus-visible{outline:2px solid #432112;outline-offset:2px}.oddit-section-ugc-carousel__video-wrap.is-playing .oddit-section-ugc-carousel__video-toggle,.oddit-section-ugc-carousel__video-wrap.is-playing .oddit-section-ugc-carousel__play-icon{display:none}.oddit-section-ugc-carousel__video-wrap .oddit-section-ugc-carousel__handle{z-index:4}.oddit-section-ugc-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--oddit-ugc-arrow-size);height:var(--oddit-ugc-arrow-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;z-index:5;opacity:1;visibility:visible;transition:filter .2s ease,opacity .25s ease,visibility 0s}.oddit-section-ugc-carousel__arrow--prev{left:0}.oddit-section-ugc-carousel__arrow--prev svg{transform:scaleX(-1)}.oddit-section-ugc-carousel__arrow--next{right:0}.oddit-section-ugc-carousel__arrow[hidden]{display:inline-flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.oddit-section-ugc-carousel__arrow:hover{filter:brightness(1.1)}.oddit-section-ugc-carousel__arrow:focus-visible{outline:2px solid #432112;outline-offset:3px}.oddit-section-ugc-carousel__arrow svg{width:100%;height:100%;display:block}.oddit-section-ugc-carousel__dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.oddit-section-ugc-carousel__dot{display:block;width:10px;height:10px;border-radius:50%;background-color:transparent;border:1.5px solid #432112;cursor:pointer;padding:0;transition:background-color .2s ease,border-color .2s ease}.oddit-section-ugc-carousel__dot>span{display:block;width:1px;height:1px;opacity:0}.oddit-section-ugc-carousel__dot:hover{background-color:#43211259}.oddit-section-ugc-carousel__dot--active{background-color:#432112}.oddit-section-ugc-carousel__dot:focus-visible{outline:2px solid #432112;outline-offset:2px}@media(max-width:749.98px){.oddit-section-ugc-carousel__track{padding-inline:calc((100% - var(--oddit-ugc-card-width)) / 2);scroll-padding-left:0}.oddit-section-ugc-carousel__card{scroll-snap-align:center}}@media(min-width:750px){.oddit-section-ugc-carousel{--oddit-ugc-card-width: 280px;--oddit-ugc-card-gap: 20px;--oddit-ugc-arrow-size: 64px;--oddit-ugc-gutter: 32px;padding:60px 0 0}.oddit-section-ugc-carousel__container,.oddit-section-ugc-carousel__heading-wrapper{gap:28px}.oddit-section-ugc-carousel__heading{font-size:40px}.oddit-section-ugc-carousel__subheading,.oddit-section-ugc-carousel__subheading :where(p,ul,ol,li){font-size:18px;line-height:1.6}.oddit-section-ugc-carousel__mascot--mobile{width:140px;height:100px;margin-top:40px}.oddit-section-ugc-carousel__carousel{margin-top:40px}.oddit-section-ugc-carousel__dots{margin-top:32px}}@media(min-width:990px){.oddit-section-ugc-carousel{--oddit-ugc-card-width: 300px;--oddit-ugc-card-gap: 30px;--oddit-ugc-arrow-size: 80px;--oddit-ugc-gutter: 64px;padding:80px 0}.oddit-section-ugc-carousel__container{gap:28px}.oddit-section-ugc-carousel__heading-wrapper{gap:28px;max-width:calc(100% - 200px)}.oddit-section-ugc-carousel__heading{font-size:50px}.oddit-section-ugc-carousel__subheading,.oddit-section-ugc-carousel__subheading :where(p,ul,ol,li){font-size:20px;line-height:1.6}.oddit-section-ugc-carousel__mascot--mobile{display:none}.oddit-section-ugc-carousel__mascot--desktop{display:block;position:absolute;top:46px;right:calc(var(--oddit-ugc-gutter) + 40px);width:140px;height:100px;z-index:20}.oddit-section-ugc-carousel__carousel{margin-top:60px}.oddit-section-ugc-carousel__dots{margin-top:40px;gap:11px}.oddit-section-ugc-carousel__dot{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/oddit-section-ugc-carousel.css.map */