.oddit-section-ugc-carousel,.oddit-section-ugc-carousel *,.oddit-section-ugc-carousel *:before,.oddit-section-ugc-carousel *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-ugc-carousel{--oddit-ugc-carousel-gutter: 16px;display:flex;flex-direction:column;align-items:center;gap:32px;padding-block:40px;padding-inline:var(--oddit-ugc-carousel-gutter);background-color:#fff;width:100%;max-width:1440px;margin-inline:auto}.oddit-section-ugc-carousel__header{display:flex;align-items:center;gap:40px;width:100%}.oddit-section-ugc-carousel__heading{flex:1 1 0%;min-width:0;font-family:Cormorant,serif;font-weight:600;font-size:32px;line-height:1.2;color:#050000;margin:0}.oddit-section-ugc-carousel__arrows--desktop{display:none}.oddit-section-ugc-carousel__arrow{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;width:34.583px;height:34px}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__arrow:hover,.oddit-section-ugc-carousel .oddit-section-ugc-carousel__arrow:active{opacity:.6}.oddit-section-ugc-carousel__arrow:focus-visible{outline:2px solid #050000;outline-offset:2px}.oddit-section-ugc-carousel__arrow svg{display:block;width:34.583px;height:34px}.oddit-section-ugc-carousel__track{display:flex;align-items:flex-start;gap:8px;align-self:stretch;margin-inline:calc(-1 * var(--oddit-ugc-carousel-gutter));padding-inline:var(--oddit-ugc-carousel-gutter);padding-block:24px;margin-block:-24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.oddit-section-ugc-carousel__track::-webkit-scrollbar{display:none}.oddit-section-ugc-carousel__slide{flex:0 0 310px;background-color:#f3eee4;scroll-snap-align:center;transition:box-shadow .25s ease,transform .25s ease}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__slide:hover{box-shadow:0 6px 18px #0500000f}.oddit-section-ugc-carousel__slide-link{display:block;color:inherit;text-decoration:none}.oddit-section-ugc-carousel__image-wrap{position:relative;width:100%;height:428px;overflow:hidden}.oddit-section-ugc-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-ugc-carousel__username-wrap{display:flex;align-items:center;padding:12px;width:100%}.oddit-section-ugc-carousel__username{font-family:Figtree,sans-serif;font-weight:300;font-size:14px;line-height:1.4;color:#050000;margin:0;white-space:nowrap}.oddit-section-ugc-carousel__mobile-nav{display:flex;align-items:center;justify-content:space-between;align-self:stretch;margin-inline:calc(-1 * var(--oddit-ugc-carousel-gutter));padding-inline:10px}.oddit-section-ugc-carousel__dots{display:flex;align-items:center;justify-content:center;gap:6.667px;flex:1 1 0%;min-width:0}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot{display:block;width:8px;height:8px;border-radius:50%;border:none;background:#d9d9d9;padding:0;cursor:pointer;flex-shrink:0;overflow:hidden;line-height:0;font-size:0}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot--active{background:#050000}.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot:hover,.oddit-section-ugc-carousel .oddit-section-ugc-carousel__dot:active{opacity:.6}.oddit-section-ugc-carousel__dot:focus-visible{outline:2px solid #050000;outline-offset:2px}@media(min-width:990px){.oddit-section-ugc-carousel{--oddit-ugc-carousel-gutter: 32px;gap:40px;padding-block:60px}.oddit-section-ugc-carousel__heading{font-size:40px}.oddit-section-ugc-carousel__arrows--desktop{display:flex;align-items:center;gap:32px;flex-shrink:0}.oddit-section-ugc-carousel__track{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.oddit-section-ugc-carousel__slide{flex:0 0 calc((100% - 24px)/4);scroll-snap-align:start}.oddit-section-ugc-carousel__mobile-nav{display:none}}@media(hover:hover)and (pointer:fine){.oddit-section-ugc-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}}
/*# sourceMappingURL=/cdn/shop/t/186/assets/oddit-section-ugc-carousel.css.map */