.ugc_sec{position:relative}.ugc_header{text-align:center;margin-bottom:var(--ugc-header-gap, 40px)}.ugc_head{margin:0;line-height:1;font-size:var(--ugc-head, 88px)}.ugc_sub{margin:12px 0 0}.ugc_rail{display:flex;gap:var(--ugc-gap, 24px);width:100vw;margin-left:calc(50% - 50vw);padding:0 var(--ugc-inset, 3%) var(--ugc-bar-space, 24px);overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--ugc-bar-thumb, #ff3d00) var(--ugc-bar-track, #e7e2d4)}.ugc_rail::-webkit-scrollbar{height:10px}.ugc_rail::-webkit-scrollbar-track{background:var(--ugc-bar-track, #e7e2d4);border-radius:10px}.ugc_rail::-webkit-scrollbar-thumb{background:var(--ugc-bar-thumb, #ff3d00);border-radius:10px}.ugc_rail.hide_bar{scrollbar-width:none}.ugc_rail.hide_bar::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.ugc_rail{scroll-behavior:auto}}.ugc_item{position:relative;flex:0 0 var(--ugc-card-w-mob, 60%);scroll-snap-align:start;border-radius:var(--ugc-radius, 16px);overflow:hidden;line-height:0;background:var(--ugc-placeholder, #e7e2d4)}@media screen and (min-width:1025px){.ugc_item{flex-basis:var(--ugc-card-w, 16%)}}.ugc_media,.ugc_media img,.ugc_media video{display:block;width:100%;height:100%;aspect-ratio:var(--ugc-ratio, 9 / 16);object-fit:cover}.ugc_video{cursor:pointer}.ugc_play{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none}.ugc_item.is_paused .ugc_play{display:flex}.ugc_play span{display:block;width:54px;height:54px;border-radius:50%;background:#00000073;position:relative}.ugc_play span:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #ffffff}.ugc_link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media screen and (max-width:1400px){.ugc_head{font-size:calc(var(--ugc-head, 88px) * .8)}}@media screen and (max-width:1024px){.ugc_head{font-size:calc(var(--ugc-head, 88px) * .6)}}@media screen and (max-width:640px){.ugc_head{font-size:var(--ugc-head-mob, 44px)}.ugc_header{margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-ugc-rail.css.map */