.story-videos-wrapper{width:100%;margin:1rem 0}.story-videos-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.story-videos-grid{display:flex;gap:.75rem;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem}.story-video-item{flex:0 0 auto;width:calc((100% - 2.25rem)/4);max-width:120px;position:relative;aspect-ratio:9 / 16;border-radius:0;overflow:hidden;background:#0000000f}@media screen and (min-width: 750px){.story-video-item{max-width:140px}}.story-video-item__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.story-video-item__poster:focus-visible{outline:2px solid rgba(27,35,34,.5);outline-offset:2px}.story-video-item__thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.story-video-item__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.story-video-item__play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:.35rem;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:auto;box-shadow:0 0 0 1px #0003}.story-video-item__play-button .icon-play{width:1.125rem;height:auto;margin-left:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.story-video-item__caption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:.5rem .4rem;background:#00000080;color:#fff;font-size:.75rem;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-videos-modal .story-videos-modal__content{display:flex;flex-direction:row;height:100%;padding:0;cursor:auto}.story-videos-modal__inner{display:flex;flex-direction:row;flex:1;min-width:0;height:100%;cursor:auto}.story-videos-modal .modal-video__toggle{display:none}.story-videos-modal__sidebar{width:88px;min-width:88px;background:#2d2d2d;display:flex;flex-direction:column;align-items:center;padding-top:1rem;padding-bottom:1rem}.story-videos-modal__close{width:2.5rem;height:2.5rem;margin-bottom:1rem;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.story-videos-modal__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.story-videos-modal__close .icon{width:2.5rem;height:2.5rem}.story-videos-modal__close:hover svg{opacity:.75;transition:opacity .2s ease-in-out}.story-videos-modal__thumbnails-wrap{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}.story-videos-modal__nav{width:2rem;height:2rem;margin:.25rem 0;padding:0;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.story-videos-modal__nav:hover{background:#ffffff40}.story-videos-modal__nav .icon,.story-videos-modal__nav svg{width:1rem;height:1rem}.story-videos-modal__thumbnails{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .5rem;-webkit-overflow-scrolling:touch}.story-videos-modal__thumb{flex:0 0 auto;width:56px;height:98px;min-height:98px;padding:0;border:2px solid transparent;border-radius:6px;background:#1a1a1a;cursor:pointer;overflow:hidden;display:block}.story-videos-modal__thumb:hover{border-color:#ffffff4d}.story-videos-modal__thumb.is-active{border-color:#fff;box-shadow:0 0 0 1px #fff}.story-videos-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}.story-videos-modal__main.story-videos-modal__video-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100vh;background:#000;cursor:auto}.story-videos-modal__video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.story-videos-modal .story-videos-modal__video{width:100%;height:100%;object-fit:contain;display:block;cursor:auto}.story-videos-modal__iframe-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;cursor:auto}.story-videos-modal__iframe-wrap iframe{width:100%;height:100%;border:0;display:block}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-story-videos.css.map */