@media screen and (min-width:750px){.video-section .stories-container.page-width--desktop{max-width:var(--page-width);margin:0 auto;padding:0 5rem}}@media screen and (min-width:990px){.video-section .stories-container.page-width--desktop #Slider-UGC-videos{margin-top:1rem;margin-bottom:1rem;width:100%}#Slider-UGC-videos li:first-child{margin-left:4rem}.video-section .stories-container.page-width--desktop .stories-tiles-container>slider-component:before,.video-section .stories-container.page-width--desktop .stories-tiles-container>slider-component:after{content:"";background:linear-gradient(to left,transparent,rgb(var(--color-background)));display:block;height:100%;width:6rem;position:absolute;top:0;bottom:0;left:-1px;z-index:1}.video-section .stories-container.page-width--desktop .stories-tiles-container>slider-component:after{background:linear-gradient(to right,transparent,rgb(var(--color-background)));left:auto;right:-1px}.video-section .stories-container .stories-tiles-container>slider-component .slider-button{position:absolute;top:calc(50% - 22px)}.video-section .stories-container .stories-tiles-container>slider-component .slider-button .svg-wrapper{width:100%;height:100%}.video-section .stories-container .stories-tiles-container>slider-component .slider-button.slider-button--prev{left:-4rem}.video-section .stories-container .stories-tiles-container>slider-component .slider-button.slider-button--next{right:-4rem}.video-section .stories-container .stories-tiles-container>slider-component .slider-button .icon{height:1rem}}@media screen and (min-width:750px)and (max-width:989px){.video-section .stories-container.page-width--desktop{padding-right:0}.video-section .stories-container .slider--tablet.grid--peek.grid--4-col-tablet .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing))}}@media screen and (max-width:749px){#Slider-UGC-videos{--grid-mobile-horizontal-spacing: 1.4rem;padding-right:2rem}.video-section .stories-container.full-width--mobile .grid--3-col .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2);min-width:0}.video-section .slider-buttons{display:none}}.video-section .stories-container .stories-tiles-container{display:flex;gap:10px}.video-section .stories-container .stories-tile{position:relative;cursor:pointer}.video-section .stories-container .stories-tile video{border-radius:19.375px;border:1px solid rgb(3,89,77);padding:3px 3px 2.8px;display:block;width:100%}.video-section .stories-container .stories-play-button-container{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);opacity:.65;background:transparent;border:0px solid #ffffff}.video-section .stories-container .stories-tile:hover .stories-play-button-container{opacity:1}.video-section .stories-container .play-button{background-color:rgba(var(--color-background),.65);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3.4rem;width:3.4rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1;transition:background .3s ease}.video-section .stories-container .stories-tile:hover .play-button{background-color:rgba(var(--color-background),1)}.ugc-video-modal{display:none;position:fixed;z-index:1;padding-top:50px;left:0;top:0;width:100%;height:100%;background-color:#000000b3}.ugc-video-modal .modal-container{width:80%;max-width:360px;position:absolute;bottom:7.5rem;right:2rem;border-radius:20px;overflow:hidden;aspect-ratio:9 / 16;background:#aaa}.ugc-video-modal .modal-container:before{content:"";background:linear-gradient(to top,#0000,#00000050);position:absolute;top:0;left:0;right:0;z-index:9;height:100px}.ugc-video-modal .modal-container:after{content:"";background:linear-gradient(to bottom,#0000,#00000050);position:absolute;bottom:0;left:0;right:0;z-index:9;height:30%}.ugc-video-modal .modal-container video{width:100%;height:auto;display:block}.ugc-video-modal .close{position:absolute;top:10px;right:14px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;line-height:1;z-index:10}.ugc-video-modal slider-component{position:absolute;bottom:0;left:0;right:0;z-index:10}.ugc-video-modal h3{margin:0 10px;font-size:large;color:#fff}ul#Slider-UGC-quickadd{gap:0;margin-top:0;margin-bottom:1rem;padding-right:1rem}@media screen and (min-width:750px){.ugc-video-modal h3{text-align:center}ul#Slider-UGC-quickadd+.slider-buttons .slider-button{position:absolute;top:-15px;z-index:4}ul#Slider-UGC-quickadd+.slider-buttons .slider-button .svg-wrapper{background:#fff;border-radius:50%}ul#Slider-UGC-quickadd+.slider-buttons .slider-button.slider-button--prev{left:0rem}ul#Slider-UGC-quickadd+.slider-buttons .slider-button.slider-button--next{right:0rem}}ul#Slider-UGC-quickadd li{display:none;padding:6px 0 0 10px;margin:0}ul#Slider-UGC-quickadd li.open{display:block}ul#Slider-UGC-quickadd .upsell-card{display:flex}ul#Slider-UGC-quickadd .upsell-card .info{display:flex;align-items:center;gap:1rem}ul#Slider-UGC-quickadd .upsell-card .info p{white-space:nowrap}ul#Slider-UGC-quickadd .cart-item__image{display:block;max-width:calc(7rem / var(--font-body-scale))}ul#Slider-UGC-quickadd .quick-add{margin:0;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}ul#Slider-UGC-quickadd li .price{font-size:1.2rem}ul#Slider-UGC-quickadd li .button{min-height:0;font-size:1.3rem;margin-top:3px;padding:.4rem .5rem;white-space:nowrap;min-width:0px;letter-spacing:.5px}ul#Slider-UGC-quickadd .quick-add__submit{height:100%}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-ugc_videos.css.map */