.oddit-section-ugc-carousel{--oddit-ugc-color-primary: #591520;--oddit-ugc-color-bg: #f0f1ea;--oddit-ugc-gutter: 20px;position:relative;background-color:var(--oddit-ugc-color-bg);border-bottom:1px solid var(--oddit-ugc-color-primary);padding-block:20px;display:flex;flex-direction:column;gap:20px;overflow-x:clip;-webkit-tap-highlight-color:transparent}.oddit-section-ugc-carousel :where(*,*:before,*:after){box-sizing:border-box}.oddit-section-ugc-carousel :where(a,button){-webkit-tap-highlight-color:transparent}.oddit-section-ugc-carousel__container{width:100%;padding-inline:var(--oddit-ugc-gutter)}.oddit-section-ugc-carousel__header{display:flex;flex-direction:column;gap:24px;align-items:flex-end;width:100%}.oddit-section-ugc-carousel__header-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.oddit-section-ugc-carousel__header-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:24px}.oddit-section-ugc-carousel__handle{font-family:Figtree,sans-serif;font-size:13px;font-weight:700;line-height:14px;letter-spacing:.26px;text-transform:uppercase;color:var(--oddit-ugc-color-primary);margin:0}.oddit-section-ugc-carousel__heading{font-family:FFF Acid Grotesk Variable TRIAL,Figtree,sans-serif;font-weight:100;font-size:40px;line-height:1.1;color:var(--oddit-ugc-color-primary);margin:0;word-break:break-word;width:100%;flex:1 1 auto;min-width:0}.oddit-section-ugc-carousel__nav{display:flex;align-items:center;gap:7px;flex-shrink:0}.oddit-section-ugc-carousel__nav--desktop{display:none}.oddit-section-ugc-carousel__nav--mobile{display:flex}.oddit-section-ugc-carousel__nav-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--oddit-ugc-color-primary);cursor:pointer;padding:0;flex-shrink:0;overflow:hidden;transition:background-color .2s ease,opacity .2s ease}.oddit-section-ugc-carousel__nav-btn:hover{background-color:var(--oddit-ugc-color-primary)}.oddit-section-ugc-carousel__nav-btn:hover svg path{stroke:var(--oddit-ugc-color-bg)}.oddit-section-ugc-carousel__nav-btn svg{width:24px;height:24px;flex-shrink:0}.oddit-section-ugc-carousel__nav-btn svg path{transition:stroke .2s ease}.oddit-section-ugc-carousel__nav-btn:disabled{opacity:.4;cursor:not-allowed}.oddit-section-ugc-carousel__nav-btn:disabled:hover{background-color:transparent}.oddit-section-ugc-carousel__nav-btn:disabled:hover svg path{stroke:var(--oddit-ugc-color-primary)}.oddit-section-ugc-carousel__nav-btn:focus-visible{outline:2px solid var(--oddit-ugc-color-primary);outline-offset:2px}.oddit-section-ugc-carousel__track-wrapper{width:100%}.oddit-section-ugc-carousel__track{display:flex;gap:8px;width:100%;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;scroll-behavior:smooth}.oddit-section-ugc-carousel__track::-webkit-scrollbar{display:none}.oddit-section-ugc-carousel__slide{flex:0 0 auto;width:230px;scroll-snap-align:start;text-decoration:none;color:inherit;display:block}.oddit-section-ugc-carousel__slide:focus-visible{outline:2px solid var(--oddit-ugc-color-primary);outline-offset:2px}.oddit-section-ugc-carousel__slide-media{position:relative;overflow:hidden;width:100%;aspect-ratio:230 / 335;background-color:#d9d9d9}.oddit-section-ugc-carousel__slide-img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-ugc-carousel__slide-video{display:block;width:100%;height:100%;object-fit:cover;background-color:#d9d9d9}button.oddit-section-ugc-carousel__slide{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;text-align:inherit;cursor:pointer}@media(min-width:750px){.oddit-section-ugc-carousel{--oddit-ugc-gutter: 32px;gap:32px;padding-block:40px}.oddit-section-ugc-carousel__heading{font-size:44px}.oddit-section-ugc-carousel__slide{width:280px}.oddit-section-ugc-carousel__slide-media{aspect-ratio:280 / 408}}@media(min-width:990px){.oddit-section-ugc-carousel{--oddit-ugc-gutter: 48px;gap:40px;padding-block:64px}.oddit-section-ugc-carousel__handle{font-size:16px;letter-spacing:.32px}.oddit-section-ugc-carousel__heading{font-size:48px;white-space:nowrap;width:auto;flex:0 0 auto}.oddit-section-ugc-carousel__nav--desktop{display:flex}.oddit-section-ugc-carousel__nav--mobile,.oddit-section-ugc-carousel__container--mobile-only{display:none}.oddit-section-ugc-carousel__slide{width:330px}.oddit-section-ugc-carousel__slide-media{aspect-ratio:330 / 480}}@media(min-width:1440px){.oddit-section-ugc-carousel{--oddit-ugc-gutter: 48px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/oddit-section-ugc-carousel.css.map */