.oddit-section-ugc-gallery{position:relative;width:100%;background-color:#a33428;padding:32px 0;overflow:hidden}.oddit-section-ugc-gallery__container{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box}.oddit-section-ugc-gallery__header{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.oddit-section-ugc-gallery__handle{margin:0;font-family:Sofia Sans,sans-serif;font-size:16px;font-weight:900;line-height:24px;letter-spacing:.02em;color:#fff;text-align:center;text-transform:uppercase}.oddit-section-ugc-gallery__heading{margin:16px 0 0;font-family:Sofia Sans Condensed,Sofia Sans,sans-serif;font-size:44px;font-weight:800;line-height:1;letter-spacing:0;color:#fff;text-align:center;text-transform:uppercase}.oddit-section-ugc-gallery__description{margin:8px 0 0;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;color:#fffc;text-align:center;max-width:262px}.oddit-section-ugc-gallery__gallery{width:100%;display:flex;flex-direction:column;gap:32px}.oddit-section-ugc-gallery__viewport{width:calc(100% + 40px);margin-left:-20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;-ms-overflow-style:none}.oddit-section-ugc-gallery__viewport::-webkit-scrollbar{display:none}.oddit-section-ugc-gallery__track{display:flex;flex-wrap:nowrap;gap:8px;padding:0 20px;align-items:stretch;width:max-content;min-width:100%;box-sizing:content-box}.oddit-section-ugc-gallery__card{position:relative;flex:0 0 auto;width:316px;aspect-ratio:316 / 500;scroll-snap-align:start;overflow:hidden;background:#dfdfdf;border-radius:0}.oddit-section-ugc-gallery__card-media{position:relative;width:100%;height:100%;overflow:hidden;background:#dfdfdf;border-radius:0}.oddit-section-ugc-gallery__card-image,.oddit-section-ugc-gallery__card-video{width:100%;height:100%;object-fit:cover;display:block}.oddit-section-ugc-gallery__tag{position:absolute;bottom:0;left:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-family:Sofia Sans,sans-serif;font-size:12px;font-weight:800;line-height:normal;color:#fff;background-color:#222;border-radius:0;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;white-space:nowrap}.oddit-section-ugc-gallery__scrollbar{position:relative;width:100%;height:2px;background-color:#ffffff4d;overflow:hidden}.oddit-section-ugc-gallery__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;width:25%;background-color:#fff;transform:translate(0);will-change:transform,width}.oddit-section-ugc-gallery__nav{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%}.oddit-section-ugc-gallery__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:53px;height:52px;padding:0;border:none;border-radius:0;background:#222;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.oddit-section-ugc-gallery__nav-btn:hover{background-color:#333}.oddit-section-ugc-gallery__nav-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.oddit-section-ugc-gallery__nav-btn:disabled{opacity:.4;cursor:not-allowed}.oddit-section-ugc-gallery__nav-btn svg{display:block}@media(min-width:990px){.oddit-section-ugc-gallery{padding:88px 0}.oddit-section-ugc-gallery__container{gap:48px;padding:0 64px}.oddit-section-ugc-gallery__handle{font-size:20px;line-height:24px;letter-spacing:.02em}.oddit-section-ugc-gallery__heading{margin-top:24px;font-size:58px;line-height:1}.oddit-section-ugc-gallery__description{margin-top:12px;font-size:18px;max-width:none}.oddit-section-ugc-gallery__gallery{gap:0}.oddit-section-ugc-gallery__viewport{width:100%;margin-left:0;overflow:visible}.oddit-section-ugc-gallery__track{display:flex;gap:16px;width:100%;padding:0}.oddit-section-ugc-gallery__card{flex:1 0 0;width:auto;min-width:0;max-width:none;aspect-ratio:316 / 500;scroll-snap-align:unset}.oddit-section-ugc-gallery__scrollbar,.oddit-section-ugc-gallery__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/oddit-section-ugc-gallery.css.map */