.oddit-section-ugc{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px;padding:1px 16px 40px;background-color:var(--oddit-ugc-bg, #fbf6f1);overflow:hidden;box-sizing:border-box}.oddit-section-ugc *,.oddit-section-ugc *:before,.oddit-section-ugc *:after{box-sizing:border-box}.oddit-section-ugc__divider{position:absolute;top:0;left:16px;right:16px;width:calc(100% - 32px);height:1px;display:block;background-color:var(--oddit-ugc-divider, rgba(45, 33, 32, .24));z-index:1}.oddit-section-ugc.oddit-section-ugc .oddit-section-ugc__band{display:block;position:absolute;bottom:-.5px;left:0;right:0;width:100%;height:317.5px;background-color:var(--oddit-ugc-band, #b6b280);z-index:0;pointer-events:none}.oddit-section-ugc.oddit-section-ugc .oddit-section-ugc__band>span{display:inline-block;width:0;height:0;overflow:hidden}.oddit-section-ugc__headline{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;margin-top:40px;text-align:center}.oddit-section-ugc__heading{margin:0;padding:0;font-family:Bradford,Times New Roman,serif;font-size:36px;font-weight:300;line-height:1.15;letter-spacing:-1.08px;color:#2d2120;text-align:center;text-box:trim-both cap alphabetic;width:100%}.oddit-section-ugc__heading em{font-style:italic;font-weight:300}.oddit-section-ugc__description{margin:0;padding:0;font-family:Jost,sans-serif;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-.16px;color:#2d2120;text-align:center;text-box:trim-both cap alphabetic;max-width:464px}.oddit-section-ugc__description strong{font-weight:500}.oddit-section-ugc__carousel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.oddit-section-ugc__nav{position:absolute;top:169px;z-index:3;display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;box-shadow:0 4px 8px #0000001f;cursor:pointer;transform:translateY(-50%);transition:transform .2s ease;-webkit-appearance:none;appearance:none}.oddit-section-ugc__nav:hover{transform:translateY(-50%) scale(1.05)}.oddit-section-ugc__nav:focus-visible{outline:2px solid #2d2120;outline-offset:2px}.oddit-section-ugc__nav svg{display:block;width:36px;height:36px}.oddit-section-ugc__nav--prev{left:calc(50% - 50vw + 48px)}.oddit-section-ugc__nav--next{right:calc(50% - 50vw + 48px)}.oddit-section-ugc__viewport{position:relative;z-index:2;width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;padding-block:48px;margin-block:-48px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.oddit-section-ugc__viewport--dragging{cursor:grabbing}.oddit-section-ugc__track{display:flex;align-items:center;gap:10px;will-change:transform}.oddit-section-ugc__card{position:relative;flex:0 0 auto;width:280px;height:338px;text-decoration:none;color:inherit;overflow:hidden;backface-visibility:hidden;will-change:transform}.oddit-section-ugc__card-image{position:relative;width:100%;height:100%;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.oddit-section-ugc__image{display:block;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;will-change:transform;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.oddit-section-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease;pointer-events:none}.oddit-section-ugc__card[data-ugc-state=preview] .oddit-section-ugc__video,.oddit-section-ugc__card[data-ugc-state=playing] .oddit-section-ugc__video{opacity:1}.oddit-section-ugc__card[data-ugc-state=playing] .oddit-section-ugc__video{pointer-events:auto}.oddit-section-ugc__card[data-ugc-state=playing] .oddit-section-ugc__username{opacity:0;pointer-events:none}.oddit-section-ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:0;border-radius:50%;background-color:#fbf6f1e6;color:#2d2120;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.oddit-section-ugc .oddit-section-ugc__play:hover{background-color:#fbf6f1;color:#2d2120}.oddit-section-ugc__card[data-ugc-state=preview] .oddit-section-ugc__play,.oddit-section-ugc__card[data-ugc-state=playing] .oddit-section-ugc__play{opacity:0;pointer-events:none}.oddit-section-ugc__play-icon{display:flex;align-items:center;justify-content:center;width:22px;height:26px;margin-left:3px}.oddit-section-ugc__play-icon svg{display:block}.oddit-section-ugc__username{position:absolute;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding:7px 6px 8px;background-color:#fbf6f1;transition:opacity .2s ease}.oddit-section-ugc .oddit-section-ugc__username--link{cursor:pointer;text-decoration:none;color:#2d2120}.oddit-section-ugc .oddit-section-ugc__username--link>span{transition:color .2s ease}.oddit-section-ugc .oddit-section-ugc__username--link:hover>span{color:#1d1514}.oddit-section-ugc__username>span{display:inline-block;font-family:Jost,sans-serif;font-size:13px;font-weight:400;line-height:1.35;color:#2d2120;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-ugc__indicators{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;height:7px}.oddit-section-ugc__indicator{display:block;width:7px;height:7px;transform:scale(.8571);padding:0;border:0;border-radius:50%;background-color:#fbf6f1;opacity:.4;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;-webkit-appearance:none;appearance:none}.oddit-section-ugc .oddit-section-ugc__indicator:hover{opacity:.7;background-color:#fbf6f1}.oddit-section-ugc__indicator--active,.oddit-section-ugc__indicator[aria-selected=true]{transform:none;background-color:#2d2120;opacity:1}.oddit-section-ugc .oddit-section-ugc__indicator--active:hover,.oddit-section-ugc .oddit-section-ugc__indicator[aria-selected=true]:hover{background-color:#2d2120;opacity:1}@media(min-width:750px){.oddit-section-ugc{gap:60px;padding:1px 32px 60px}.oddit-section-ugc__divider{left:32px;right:32px;width:calc(100% - 64px)}.oddit-section-ugc__headline{gap:26px;margin-top:60px}.oddit-section-ugc__heading{font-size:40px;line-height:1.1;letter-spacing:-1.5px}.oddit-section-ugc__track{gap:14px}.oddit-section-ugc__nav{display:flex}}@media(min-width:990px){.oddit-section-ugc{gap:80px;padding:1px 48px 100px}.oddit-section-ugc__divider{left:48px;right:48px;width:calc(100% - 96px)}.oddit-section-ugc__headline{gap:26px;margin-top:80px}.oddit-section-ugc__heading{font-size:42px;line-height:1.1;letter-spacing:-1.68px}.oddit-section-ugc__track{gap:16px}.oddit-section-ugc__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/oddit-section-ugc.css.map */