.video-review-item{display:flex;flex-direction:column;width:100%;border-radius:var(--radius-primary, .75rem);overflow:hidden;background-color:var(--color-background)}.video-review-item__video{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-primary, .75rem) var(--radius-primary, .75rem) 0 0;overflow:hidden}.video-review-item[data-aspect-ratio=portrait] .video-review-item__video{aspect-ratio:9 / 16}.video-review-item[data-aspect-ratio=square] .video-review-item__video{aspect-ratio:1 / 1}.video-review-item[data-aspect-ratio=landscape] .video-review-item__video{aspect-ratio:16 / 9}.video-review-item[data-aspect-ratio=auto] .video-review-item__video{aspect-ratio:9 / 16}.video-review-item__video:focus{outline:none}.video-review-item__video:focus-visible{outline:2px solid var(--color-focus, #000);outline-offset:2px}.video-review-item__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .3s ease}.video-review-item__thumbnail-img{width:100%;height:100%;object-fit:cover}[data-video-review-activator]:not(.video-thumbnail-loaded) .video-review-item__thumbnail{background-color:#2a2a2a}[data-video-review-activator]:not(.video-thumbnail-loaded) .video-review-item__thumbnail:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:video-review-spin .8s linear infinite}@keyframes video-review-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.video-review-item__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.video-review-item__play-btn svg{width:40px;height:40px;color:#fff}.video-review-item__video:hover .video-review-item__play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-review-item__video.video-playing .video-review-item__play-btn{opacity:0;pointer-events:none}.video-review-item__player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-review-item__video.video-playing .video-review-item__player-container{opacity:1;pointer-events:auto}.video-review-item__player-container iframe,.video-review-item__player-container video,.video-review-item__player-container .vimeo-player{width:100%;height:100%;border:none}.video-review-item__player-container .vimeo-player__controls{padding:8px 10px;gap:4px}.video-review-item__player-container .vimeo-player__btn{width:28px;height:28px}.video-review-item__player-container .vimeo-player__btn svg{width:16px;height:16px}.video-review-item__player-container .vimeo-player__time{font-size:10px;min-width:60px}.video-review-item__player-container .vimeo-player__progress{height:28px}.video-review-item__player-container .vimeo-player__btn--cc{display:none}.video-review-item__author{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:var(--color-background)}.video-review-item__author-name{font-weight:700;font-size:.875rem;color:var(--color-foreground)}.video-review-item__author-title{font-size:.75rem;color:var(--color-text-subtle, #666)}@media screen and (max-width:576px){.video-review-item__play-btn svg{width:48px;height:48px}.video-review-item__player-container .vimeo-player__controls{padding:6px 8px;gap:3px}.video-review-item__player-container .vimeo-player__btn{width:24px;height:24px}.video-review-item__player-container .vimeo-player__btn svg{width:14px;height:14px}.video-review-item__player-container .vimeo-player__time{font-size:9px;min-width:50px}.video-review-item__player-container .vimeo-player__progress{height:24px}.video-review-item__author{padding:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/341/assets/component-video-review-item.css.map */