.video-feed{--vf-width: 560px;--vf-radius: 12px}.video-feed__inner{max-width:var(--vf-width);margin:0 auto;padding:0 1.5rem}.video-feed__title{text-align:center;margin:0 0 3rem}.video-feed__post{margin:0 auto 4rem}.video-feed__post:last-child{margin-bottom:0}.video-feed__post-title{display:block;font-size:1.6rem;font-weight:600;line-height:1.3;margin:0 0 1rem;color:rgb(var(--color-foreground));text-decoration:none}.video-feed__post-title:hover{text-decoration:underline}.video-feed__content p{margin:0 0 1.2rem;line-height:1.55}.video-feed__content p:last-child{margin-bottom:0}.video-feed__media{position:relative;width:100%;margin:.4rem 0 1.4rem;background:#000;border-radius:var(--vf-radius);overflow:hidden;line-height:0;cursor:pointer}.video-feed__media video{width:100%!important;max-width:100%!important;height:auto!important;max-height:85vh;margin:0!important;border-radius:0!important;display:block!important;object-fit:contain;background:#000}.video-feed__mute{position:absolute;bottom:12px;right:12px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:grid;place-items:center;z-index:3;transition:background .2s ease,opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-feed__mute:hover{background:#000000bf}.video-feed__mute svg{width:20px;height:20px;fill:currentColor}.video-feed__mute .video-feed__icon--on{display:none}.video-feed__mute .video-feed__icon--off{display:block}.video-feed__mute:not(.is-muted) .video-feed__icon--on{display:block}.video-feed__mute:not(.is-muted) .video-feed__icon--off{display:none}.video-feed__playicon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:2}.video-feed__media.is-paused .video-feed__playicon{opacity:1}.video-feed__playicon span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#00000080}.video-feed__playicon svg{width:26px;height:26px;fill:#fff;margin-left:3px}.video-feed__pagination{margin-top:2rem}@media screen and (max-width:749px){.video-feed__inner{padding:0 1rem}.video-feed__post{margin-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/video-feed.css.map */