.spider-media__headline{display:flex;align-items:center;gap:6px;margin-bottom:12px}.spider-media__profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.spider-media__headline-text{margin:0;font-size:13px;line-height:1.4;color:rgb(var(--color-foreground));display:flex;align-items:center;flex-wrap:wrap;gap:3px}.spider-media__influencer-name{font-weight:700}.spider-media__headline-text .material-icon{font-size:15px;color:#1da1f2;line-height:1}.spider-media__headline-suffix{font-weight:400;color:rgba(var(--color-foreground),.7)}.spider-media__dot-separator{margin:0 1px;color:rgba(var(--color-foreground),.4)}.spider-media__scroll-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.spider-media__scroll-row::-webkit-scrollbar{display:none}.spider-media__thumb{display:block;flex:0 0 80px;width:80px;height:80px;padding:0;border:none;background:#f0f0f0;cursor:pointer;position:relative;overflow:hidden;border-radius:var(--spider-thumb-radius, 8px);scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.spider-media__thumb:hover{opacity:.85}.spider-media__thumb:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.spider-media__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.spider-media__thumb-video-wrap{position:relative;width:100%;height:100%}.spider-media__thumb-video-wrap .spider-media__thumb-img{position:absolute;top:0;right:0;bottom:0;left:0}.spider-media__play-icon{position:absolute;bottom:4px;left:4px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));pointer-events:none;display:flex;align-items:center;justify-content:center}.spider-media__play-icon .material-icon{font-size:16px}.spider-media__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;display:flex;align-items:center;justify-content:center}.spider-media__lightbox[data-open=true]{z-index:9999;opacity:1;visibility:visible}.spider-media__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb}.spider-media__lightbox-close{position:absolute;top:12px;right:12px;z-index:10;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;line-height:1;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.spider-media__lightbox-close:hover{opacity:.7}.spider-media__lightbox-close .material-icon{font-size:28px}.spider-media__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff1f;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;line-height:1;transition:background .2s;display:flex;align-items:center;justify-content:center}.spider-media__lightbox-nav:hover{background:#ffffff40}.spider-media__lightbox-nav .material-icon{font-size:28px}.spider-media__lightbox-nav--prev{left:12px}.spider-media__lightbox-nav--next{right:12px}.spider-media__lightbox-counter{position:absolute;top:16px;left:50%;transform:translate(-50%);color:#fff9;font-size:14px;z-index:10;pointer-events:none}.spider-media__lightbox-content{position:relative;z-index:5;width:90vw;max-width:800px;max-height:85vh;display:flex;align-items:center;justify-content:center}.spider-media__lightbox-slide{display:none;width:100%;max-height:85vh}.spider-media__lightbox-slide.is-active{display:flex;align-items:center;justify-content:center}.spider-media__lightbox-slide img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}.spider-media__lightbox-slide video{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}@media screen and (max-width:749px){.spider-media__thumb{flex:0 0 70px;width:70px;height:70px}.spider-media__scroll-row{gap:5px}.spider-media__lightbox-nav{display:none}.spider-media__lightbox-content{width:96vw}.spider-media__headline{gap:5px;margin-bottom:10px}.spider-media__profile-img{width:24px;height:24px}.spider-media__headline-text{font-size:12px}.spider-media__lightbox-close .material-icon{font-size:24px}}body.spider-media-lightbox-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/140/assets/product-spider-media.css.map */