.sm-video-item{--sm-video-bg: #ffffff;--sm-video-border: #dbdbdb;--sm-video-text: #262626;--sm-video-text-secondary: #8e8e8e;--sm-video-link: #00376b;--sm-video-verified: #0095f6;--sm-video-engagement: #262626;--sm-video-engagement-hover: #8e8e8e;background-color:var(--sm-video-bg);border:1px solid var(--color-border);border-radius:var(--radius-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--sm-video-text);width:100%;overflow:hidden;container-type:inline-size;container-name:sm-video-item}.sm-video-item__header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px}.sm-video-item__author{display:flex;align-items:center;gap:8px;min-width:0}.sm-video-item__avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden}.sm-video-item__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sm-video-item__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sm-video-text-secondary);background-color:var(--sm-video-bg);border-radius:50%;border:2px solid var(--sm-video-bg)}.sm-video-item__author-info{display:flex;flex-direction:column;min-width:0}.sm-video-item__name-row{display:flex;align-items:center;gap:4px}.sm-video-item__username{font-weight:500;font-size:clamp(.75rem,calc(.706rem + .1878vw),.875rem);line-height:1.25rem;color:var(--sm-video-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-video-item__verified{display:inline-flex;align-items:center;flex-shrink:0}.sm-video-item__verified svg{display:block;height:12px;width:12px}.sm-video-item__external-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--sm-video-text);transition:opacity .2s ease}.sm-video-item__external-link:hover{opacity:.6}.sm-video-item__external-link svg{width:24px;height:24px}.sm-video-item__media{position:relative;width:100%;background-color:#000}.sm-video-item__media[data-media-aspect-ratio=square]{aspect-ratio:1 / 1}.sm-video-item__media[data-media-aspect-ratio=portrait]{aspect-ratio:4 / 5}.sm-video-item__media[data-media-aspect-ratio=reels]{aspect-ratio:9 / 16}.sm-video-item__media[data-media-aspect-ratio=landscape]{aspect-ratio:1.91 / 1}.sm-video-item__media[data-media-aspect-ratio=auto]{aspect-ratio:auto}.sm-video-item__image{width:100%;height:100%}.sm-video-item__image img{display:block;width:100%;height:100%;object-fit:cover}.sm-video-item__media[data-media-aspect-ratio=auto] .sm-video-item__image img{height:auto;max-height:600px}.sm-video-item__video-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.sm-video-item__media[data-media-aspect-ratio=auto] .sm-video-item__video-trigger{aspect-ratio:1 / 1}.sm-video-item__video-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.sm-video-item__video-placeholder{width:100%;height:100%;min-height:300px;background-color:#1a1a1a}.sm-video-item__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .2s ease,opacity .2s ease;opacity:.9}.sm-video-item__video-trigger:hover .sm-video-item__play-button,.sm-video-item__video-poster:hover .sm-video-item__play-button{transform:translate(-50%,-50%) scale(1.05);opacity:1}.sm-video-item__video-inline{position:relative;width:100%;height:100%}.sm-video-item__media[data-media-aspect-ratio=auto] .sm-video-item__video-inline{aspect-ratio:1 / 1}.sm-video-item__video-poster{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.sm-video-item__video-inline.video-playing .sm-video-item__video-poster{display:none}.sm-video-item__video-player-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.sm-video-item__video-inline.video-playing .sm-video-item__video-player-container{display:block}.sm-video-item__video-player-container iframe,.sm-video-item__video-player-container video,.sm-video-item__video-player-container .vimeo-player{width:100%;height:100%;border:none}.sm-video-item__content{padding-top:.5rem;padding:.75rem;display:flex;flex-direction:column}.sm-video-item__engagement{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sm-video-item__engagement-left{display:flex;align-items:center;gap:.75rem}.sm-video-item__engagement-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--sm-video-engagement)}.sm-video-item__engagement-btn svg{width:2rem;height:2rem}.sm-video-item__liked-by{display:flex;align-items:center;gap:6px}.sm-video-item__liked-by-avatars{display:flex;align-items:center}.sm-video-item__liked-by-avatar{width:1.75rem;height:1.75rem;border-radius:50%;overflow:hidden;border:2px solid var(--sm-video-bg);flex-shrink:0}.sm-video-item__liked-by-avatar:not(:first-child){margin-left:-8px}.sm-video-item__liked-by-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sm-video-item__liked-by-text{font-size:clamp(.75rem,calc(.706rem + .1878vw),.875rem);line-height:1.5 color: var(--sm-video-text)}.sm-video-item__liked-by-text strong{font-weight:500}.sm-video-item__caption{font-size:clamp(.75rem,calc(.706rem + .1878vw),.875rem);line-height:1.5;color:var(--sm-video-text);word-wrap:break-word;overflow-wrap:break-word}.sm-video-item__caption-username{font-weight:600;margin-right:4px}.sm-video-item__caption-text{font-weight:400}.sm-video-item__caption-text p{display:inline;margin:0}.sm-video-item__caption-text a{color:var(--sm-video-link);text-decoration:none}.sm-video-item__caption-text a:hover{text-decoration:underline}.sm-video-item__caption-text.rte p{display:inline;margin:0}.sm-video-item__caption-text.rte p+p:before{content:" "}@media(prefers-color-scheme:dark){.sm-video-item[data-theme=auto]{--sm-video-bg: #000000;--sm-video-border: #262626;--sm-video-text: #fafafa;--sm-video-text-secondary: #a8a8a8;--sm-video-link: #e0f1ff}}.sm-video-item--dark{--sm-video-bg: #000000;--sm-video-border: #262626;--sm-video-text: #fafafa;--sm-video-text-secondary: #a8a8a8;--sm-video-link: #e0f1ff;--sm-video-engagement: #fafafa}@container sm-video-item (max-width: 200px){.sm-video-item__caption,.sm-video-item__engagement{display:none}}
/*# sourceMappingURL=/cdn/shop/t/341/assets/component-sm-video-item.css.map */