.bo-ugc-videos-wrapper{background-color:var(--ugc-bg, #ffffff);padding:var(--ugc-pad-top, 40px) 16px var(--ugc-pad-bottom, 40px);box-sizing:border-box;width:100%;display:block}.bo-ugc-videos-wrapper *,.bo-ugc-videos-wrapper *:before,.bo-ugc-videos-wrapper *:after{box-sizing:border-box}.bo-ugc-videos-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.bo-ugc-videos-headline{margin:0;color:var(--ugc-headline-color, #1a1a1a);font-size:var(--ugc-headline-size, 18px);line-height:1.3;text-align:var(--ugc-headline-align, center);font-weight:600}.bo-ugc-videos-headline p{margin:0}.bo-ugc-videos-headline p+p{margin-top:6px}.bo-ugc-videos-track-wrap{position:relative}.bo-ugc-videos-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,0,0,.08);color:#1a1a1a;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #00000026;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease}.bo-ugc-videos-arrow:hover{box-shadow:0 4px 12px #00000038}.bo-ugc-videos-arrow:active{transform:translateY(-50%) scale(.94)}.bo-ugc-videos-arrow:disabled{opacity:.35;cursor:default;box-shadow:0 1px 4px #0000001a}.bo-ugc-videos-arrow svg{width:20px;height:20px;display:block}.bo-ugc-videos-arrow-prev{left:-22px}.bo-ugc-videos-arrow-next{right:-22px}.bo-ugc-videos-track{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.bo-ugc-videos-track::-webkit-scrollbar{display:none}.bo-ugc-videos-item{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;min-width:0}.bo-ugc-videos-media{position:relative;width:100%;aspect-ratio:var(--ugc-ratio, 9 / 16);background-color:#f0f0f0;border-radius:8px;overflow:hidden}.bo-ugc-videos-media-empty{display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;text-align:center;padding:16px;border:1px dashed #d4d4d4;background-color:#fbf6ec}.bo-ugc-videos-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background-color:#000}.bo-ugc-videos-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;pointer-events:none}.bo-ugc-videos-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--ugc-play-size, 56px);height:var(--ugc-play-size, 56px);border-radius:50%;background-color:var(--ugc-play-bg, #c87a3c);color:var(--ugc-play-color, #ffffff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;box-shadow:0 2px 10px #00000040;transition:transform .15s ease,box-shadow .2s ease}.bo-ugc-videos-play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 4px 14px #0000004d}.bo-ugc-videos-play:active{transform:translate(-50%,-50%) scale(.96)}.bo-ugc-videos-play svg{width:42%;height:42%;display:block;margin-left:6%}.bo-ugc-videos-media-empty-text{text-align:center;line-height:1.4}.bo-ugc-videos-name{margin:0;color:var(--ugc-name-color, #1a1a1a);font-size:var(--ugc-name-size, 14px);font-weight:600;line-height:1.3;text-align:var(--ugc-name-align, left)}.bo-ugc-videos-name p{margin:0}.bo-ugc-videos-description{margin:2px 0 0;color:var(--ugc-desc-color, #666666);font-size:var(--ugc-desc-size, 13px);line-height:1.4;text-align:var(--ugc-desc-align, left)}.bo-ugc-videos-description p{margin:0}.bo-ugc-videos-description p+p{margin-top:4px}@media screen and (max-width:749px){.bo-ugc-videos-wrapper{padding-left:12px;padding-right:12px}.bo-ugc-videos-arrow{display:none}.bo-ugc-videos-track{gap:12px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.bo-ugc-videos-item{flex:0 0 calc((100% - 12px)/2)}.bo-ugc-videos-play{width:calc(var(--ugc-play-size, 56px) * .85);height:calc(var(--ugc-play-size, 56px) * .85)}}@media screen and (max-width:419px){.bo-ugc-videos-item{flex:0 0 calc((100% - 12px)/2)}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/bo-ugc-videos.css.map */