.user-comments{padding:4rem 2rem}.user-comments__container{padding-left:20rem}.user-comments__content{display:flex;gap:8rem}.user-comments__left{width:320px;flex-shrink:0;padding-top:1rem}.user-comments__stars{display:flex;gap:.25rem;margin-bottom:1rem}.user-comments__star{width:2rem;height:2rem;fill:#facc15}.user-comments__title{font-size:3rem;font-weight:700;color:rgb(var(--color-foreground));margin:0 0 1.5rem;line-height:1.2}.user-comments__description{color:rgb(var(--color-foreground));line-height:1.6;margin:0 0 4rem}.user-comments__nav{display:flex;gap:1rem}.user-comments__nav-btn{width:var(--pagination-button-size);height:var(--pagination-button-size);background:var(--pagination-button-background);border:none;border-radius:var(--pagination-button-border-radius);cursor:pointer;color:var(--pagination-button-color);transition:var(--pagination-button-transition);padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--pagination-button-shadow)}.user-comments__nav-btn:hover:not(:disabled){background:var(--pagination-button-background-hover);box-shadow:var(--pagination-button-shadow-hover);transform:translateY(-2px)}.user-comments__nav-btn:disabled{cursor:not-allowed;opacity:.3;transform:none;box-shadow:none}.user-comments__scroll-wrapper{flex:1;overflow:hidden}.user-comments__scroll-container{overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;position:relative;width:100%}.user-comments__items{display:flex;transition:transform .5s linear}.user-comments__item{display:flex;gap:1rem;flex-shrink:0;padding-right:15px}.user-comments__item:last-child{padding-right:0}.user-comments__scroll-container.is-dragging{cursor:grabbing}.user-comments__post-card{width:350px;flex-shrink:0}.user-comments__post-image-wrapper{border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.user-comments__post-image{width:100%;height:180px;object-fit:cover;display:block}.user-comments__tags{display:flex;gap:.75rem;margin-bottom:.75rem}.user-comments__tag{padding:2px 8px;line-height:1.5;border-radius:var(--button-border-radius, 4px);background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.user-comments__post-title{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .75rem;line-height:1.4}.user-comments__post-description{font-size:1.5rem;color:rgb(var(--color-foreground));line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.user-comments__username{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));margin:0}.user-comments__video-card{width:350px;flex-shrink:0;position:relative;border-radius:.5rem;overflow:hidden;background-color:#000}.user-comments__video{width:100%;height:450px;object-fit:cover;display:block}.user-comments__video-placeholder{width:100%;height:450px;display:flex;align-items:center;justify-content:center;background-color:#1f2937}.user-comments__video-placeholder .placeholder-svg{width:50%;height:auto;opacity:.5}.user-comments__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}.user-comments__video-overlay.is-hidden{opacity:0;pointer-events:none}.user-comments__play-btn-wrapper{width:4rem;height:4rem;border-radius:50%;border:2px solid #1f2937;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-comments__play-btn-inner{width:3rem;height:3rem;border-radius:50%;border:2px solid #1f2937;display:flex;align-items:center;justify-content:center}.user-comments__play-icon{color:#1f2937;margin-left:2px}.user-comments__video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:.75rem}.user-comments__controls-inner{display:flex;align-items:center;gap:.75rem}.user-comments__control-btn{background:transparent;border:none;padding:0;cursor:pointer;color:#fff;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.user-comments__control-btn:hover{color:#e5e7eb}.user-comments__time{font-size:.875rem;color:#fff}.user-comments__controls-spacer{flex:1}@media screen and (max-width:1024px){.user-comments__content{flex-direction:column}.user-comments__left{width:100%;padding-top:0}.user-comments__description,.user-comments__nav{margin-bottom:2rem}}@media screen and (max-width:768px){.user-comments{padding:2rem 1rem}.user-comments__container{padding-left:0}.user-comments__content{flex-direction:column;gap:2rem}.user-comments__left{width:100%;padding-top:0}.user-comments__description,.user-comments__nav{margin-bottom:2rem}.user-comments__title{font-size:1.75rem}.user-comments__item{flex-direction:row;gap:.5rem}.user-comments__post-card,.user-comments__video-card{width:50vw}.user-comments__item:only-child .user-comments__post-card{width:100%}.user-comments__post-title{font-size:1.2rem}.user-comments__post-description{font-size:1rem;-webkit-line-clamp:3}.user-comments__username{font-size:1rem}.user-comments__tag{font-size:.75rem;padding:1px 6px}.user-comments__video{height:300px}.user-comments__post-image{height:140px}.user-comments__items{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transform:none!important;transition:none!important}.user-comments__item{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/user-comments.css.map */