.media video{cursor:pointer}.snd{z-index:4;top:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 9px;transition:background .25s,transform .25s cubic-bezier(.3,1.6,.5,1);display:inline-flex;position:absolute;inset-inline-end:10px}.snd svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none;flex:none;width:18px;height:18px}.snd .hint{font:600 11px var(--body);white-space:nowrap;opacity:0;max-width:0;transition:max-width .35s,opacity .3s;overflow:hidden}.snd.on{background:var(--lime);color:#0b0c10}.snd:not(.on){animation:2.4s ease-out infinite sndPing}@keyframes sndPing{0%{box-shadow:0 0 #ffffff59}70%,to{box-shadow:0 0 0 10px #fff0}}.reel:hover .snd .hint,.snd:focus-visible .hint{opacity:1;max-width:120px}.snd:active{transform:scale(.9)}.phone .snd{display:none}.snd .hint:after{content:"Tap for sound"}html[lang=ar] .snd .hint:after{content:"شغّل الصوت"}.reel{isolation:isolate}.reel:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#07080c59 0%,transparent 22%,transparent 50%,color-mix(in srgb,var(--lime) 30%,#07080ce0) 100%), radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -60px 80px -40px color-mix(in srgb,var(--lime) 35%,transparent);transition:opacity .5s;position:absolute;inset:0}.reel:before{content:attr(data-client);z-index:1;pointer-events:none;inset-inline-start:10px;white-space:nowrap;writing-mode:vertical-rl;font:800 min(40px,calc(var(--avail,270px) / (var(--len,8) * .74)))/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#ffffff12;-webkit-text-stroke:1px #ffffff61;transition:color .5s,-webkit-text-stroke-color .5s,translate .6s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:58px;transform:rotate(180deg)}html[dir=rtl] .reel:before{transform:none}.reel .cap b{letter-spacing:.01em}.reel .cap b:before{content:"";background:var(--lime);border-radius:2px;width:22px;height:2px;margin-bottom:8px;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}@media (hover:hover){.reel:hover:after{opacity:.35}.reel:hover:before{color:#0000;-webkit-text-stroke-color:#ffffff2e;translate:0 -8px}.reel:hover .cap b:before{width:44px}.reel:hover .views{opacity:0}}.reel .views{transition:opacity .3s}.reel:has(.snd.on):after{opacity:.25}.reel:has(.snd.on):before{opacity:.25}@media (max-width:640px){.reel{--avail:200px}.reel:before{bottom:52px}}.reels.auto{scroll-snap-type:none;scrollbar-width:none}.reels.auto::-webkit-scrollbar{display:none}html[dir=rtl] .reels.auto .reel{direction:rtl}.reels.auto{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.reels-bar{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:min(520px,100%);height:22px;margin:18px auto 0;display:block}.reels-bar::-webkit-slider-runnable-track{background:linear-gradient(90deg,color-mix(in srgb,var(--lime) 55%,transparent),#ffffff1f);border-radius:999px;height:4px}.reels-bar::-moz-range-track{background:#ffffff1f;border-radius:999px;height:4px}.reels-bar::-moz-range-progress{background:var(--lime);border-radius:999px;height:4px}.reels-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lime);width:44px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent),0 4px 14px #0006;border-radius:999px;margin-top:-5px;transition:transform .2s}.reels-bar::-moz-range-thumb{background:var(--lime);width:44px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent);border:0;border-radius:999px}.reels-bar:hover::-webkit-slider-thumb{transform:scale(1.15)}.reels-bar:active::-webkit-slider-thumb{transform:scale(1.15)}.reels-bar:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:999px}
