.clip-mini{content-visibility:auto;flex-shrink:0;width:100%}.clip-mini._hovering .clip-mini__sound,.clip-mini:hover .clip-mini__sound{opacity:1}@media screen and (min-width:550px){.clip-mini._large{width:278px}}@media screen and (min-width:1280px){.clip-mini._large{width:376px}}@media screen and (min-width:1920px){.clip-mini._large{width:500px}}.clip-mini__loader{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.clip-mini__pic{aspect-ratio:16/9;border-radius:12px;display:block;margin-bottom:8px;overflow:hidden;position:relative;transition:opacity .3s}.clip-mini__pic:hover{opacity:.8}.clip-mini__pic:hover .clip-mini__sound{opacity:1}.clip-mini__img{display:block;height:auto;width:100%}.clip-mini__views{background-color:#000000bf;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:600;left:8px;line-height:14px;opacity:1;padding:2px 4px;position:absolute;text-transform:lowercase}.clip-mini__bottom{display:flex;gap:8px;padding:0 12px}@media screen and (min-width:550px){.clip-mini__bottom{gap:12px}}@media screen and (min-width:768px){.clip-mini__bottom{padding:0}}.clip-mini__avatar{border-radius:50%;flex-shrink:0;height:32px;margin-top:4px;overflow:hidden;width:32px}.clip-mini__content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.clip-mini__title{color:#fff;font-size:14px;font-weight:800;line-height:22px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}@media screen and (min-width:550px){.clip-mini__title{font-size:15px}}.clip-mini__title:hover{color:var(--secondary-color)}.clip-mini__links{display:flex;gap:18px}.clip-mini__link{color:var(--secondary-color);cursor:pointer;font-size:13px;font-weight:500;line-height:16px;position:relative;text-decoration:none;transition:color .3s}.clip-mini__link:hover{color:var(--accent-color)}.clip-mini__link:first-child:before{background-color:#fff;border-radius:50%;content:"";height:2px;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:2px}.clip-mini__link:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-mini__video{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transition:opacity .3s;width:100%;z-index:3}.clip-mini__video._visible{opacity:1}.clip-mini__sound{align-items:center;background-color:#000c;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s;width:28px;z-index:4}.clip-mini__sound-icon{position:relative;z-index:5}.clip-mini__sound i{color:#fff}.clip-mini__sound:hover .clip-mini__sound-slider{opacity:1;visibility:visible}.clip-mini__sound-slider{align-items:center;background-color:#000c;border-radius:14px;cursor:pointer;display:flex;height:28px;margin-left:8px;opacity:0;padding:0 38px 0 10px;position:absolute;right:0;top:0;transition:all .3s;vertical-align:middle;visibility:hidden;width:100px;z-index:4}.clip-mini__sound-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#888;border-radius:2px;height:4px;outline:none;width:100%}.clip-mini__sound-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;margin-top:-4px;width:12px}.clip-mini__sound-slider-input::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.clip-mini__sound-slider-input::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff 0,#fff var(--volume,50%),#888 var(--volume,50%),#888 100%);border-radius:2px;height:4px}.clip-mini__sound-slider-input::-moz-range-track{background:#888;border-radius:2px;height:4px}