.sm-quote-item{--sm-quote-font-size: clamp(.75rem, calc(.706rem + .1878vw) , .875rem);--sm-quote-bg: #ffffff;--sm-quote-border: #C8D1D9;--sm-quote-text: #0f1419;--sm-quote-text-secondary: #536471;--sm-quote-link: #1d9bf0;--sm-quote-verified: #1d9bf0;--sm-quote-engagement: #536471;--sm-quote-engagement-hover: #1d9bf0;background-color:var(--sm-quote-bg);border:1px solid var(--color-border);border-radius:var(--radius-primary);padding:clamp(.75rem,calc(.662rem + .3756vw),1rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--sm-quote-text);max-width:550px;width:100%;display:flex;flex-direction:column;gap:16px;container-type:inline-size;container-name:sm-quote-item}.sm-quote-item__header{display:flex;align-items:flex-start;justify-content:space-between}.sm-quote-item__author{display:flex;align-items:center;gap:16px;min-width:0}.sm-quote-item__avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--sm-quote-border)}.sm-quote-item__avatar img{width:100%;height:100%;object-fit:cover}.sm-quote-item__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sm-quote-text-secondary)}.sm-quote-item__author-info{display:flex;flex-direction:column;min-width:0}.sm-quote-item__name-row{display:flex;align-items:center;gap:0;flex-wrap:wrap}.sm-quote-item__display-name{font-weight:700;font-size:var(--sm-quote-font-size);line-height:1;color:var(--sm-quote-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-quote-item__verified{display:inline-flex;align-items:center;flex-shrink:0;margin-left:.25rem}.sm-quote-item__verified svg{display:block;height:1rem;width:1rem}.sm-quote-item__username{font-size:12px;line-height:1;color:var(--sm-quote-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-quote-item__external-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--sm-quote-text-secondary);transition:background-color .2s ease,color .2s ease}.sm-quote-item__external-link:hover{background-color:#1d9bf01a;color:var(--sm-quote-link)}.sm-quote-item__external-link svg{width:12px;height:12px}.sm-quote-item__caption{font-size:clamp(.875rem,calc(.831rem + .1878vw),1rem);line-height:1.2;color:var(--sm-quote-text);word-wrap:break-word;overflow-wrap:break-word;letter-spacing:-.01em}.sm-quote-item__caption a{color:var(--sm-quote-link);text-decoration:none}.sm-quote-item__caption a:hover{text-decoration:underline}.sm-quote-item__caption.rte p{margin:0 0 .5em;font-size:clamp(.75rem,calc(.706rem + .1878vw),.875rem)}.sm-quote-item__caption.rte>*{font-size:inherit;line-height:1.5}.sm-quote-item__caption.rte p:last-child{margin-bottom:0}.sm-quote-item__media{border-radius:8px;overflow:hidden;background-color:#000}.sm-quote-item__media[data-media-aspect-ratio=square]{aspect-ratio:1 / 1}.sm-quote-item__media[data-media-aspect-ratio=portrait-4-5]{aspect-ratio:4 / 5}.sm-quote-item__media[data-media-aspect-ratio=portrait]{aspect-ratio:9 / 16}.sm-quote-item__media[data-media-aspect-ratio=landscape]{aspect-ratio:16 / 9}.sm-quote-item__media[data-media-aspect-ratio=auto]{aspect-ratio:auto}.sm-quote-item__image{width:100%;height:100%}.sm-quote-item__image img{display:block;width:100%;height:100%;object-fit:cover}.sm-quote-item__media[data-media-aspect-ratio=auto] .sm-quote-item__image img{height:auto;max-height:510px}.sm-quote-item__video-trigger{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.sm-quote-item__media[data-media-aspect-ratio=auto] .sm-quote-item__video-trigger{aspect-ratio:16 / 9}.sm-quote-item__video-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.sm-quote-item__video-placeholder{width:100%;height:100%;min-height:200px;background-color:#1a1a1a}.sm-quote-item__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .2s ease}.sm-quote-item__video-trigger:hover .sm-quote-item__play-button,.sm-quote-item__video-poster:hover .sm-quote-item__play-button{transform:translate(-50%,-50%) scale(1.1)}.sm-quote-item__video-inline{position:relative;width:100%;height:100%}.sm-quote-item__media[data-media-aspect-ratio=auto] .sm-quote-item__video-inline{aspect-ratio:16 / 9}.sm-quote-item__video-poster{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.sm-quote-item__video-inline.video-playing .sm-quote-item__video-poster{display:none}.sm-quote-item__video-player-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.sm-quote-item__video-inline.video-playing .sm-quote-item__video-player-container{display:block}.sm-quote-item__video-player-container iframe,.sm-quote-item__video-player-container video,.sm-quote-item__video-player-container .vimeo-player{width:100%;height:100%;border:none}.sm-quote-item__engagement{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--sm-quote-border)}.sm-quote-item__engagement-btn{display:flex;align-items:center;gap:4px;border:none;background:none;color:var(--sm-quote-engagement);cursor:default;transition:background-color .2s ease,color .2s ease;font-size:.75rem;line-height:1}.sm-quote-item__engagement-btn svg{flex-shrink:0;width:16px;height:16px}.sm-quote-item__engagement-count{font-size:var(--sm-quote-font-size);line-height:1;color:var(--sm-quote-engagement)}.sm-quote-item__date{font-size:var(--sm-quote-font-size);color:var(--sm-quote-text-secondary)}.sm-quote-item__date time{color:inherit}@media(prefers-color-scheme:dark){.sm-quote-item[data-theme=auto]{--sm-quote-bg: #15202b;--sm-quote-border: #38444d;--sm-quote-text: #ffffff;--sm-quote-text-secondary: #8899a6}}.sm-quote-item--dark{--sm-quote-bg: #15202b;--sm-quote-border: #38444d;--sm-quote-text: #ffffff;--sm-quote-text-secondary: #8899a6}@container sm-quote-item (max-width: 200px){.sm-quote-item__engagement-count{display:none}}
/*# sourceMappingURL=/cdn/shop/t/341/assets/component-sm-quote-item.css.map */