.reels{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin-inline:-16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.reels::-webkit-scrollbar{display:none}@media (width>=900px){.reels{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:4px 0 8px;display:grid;overflow:visible}}.reel{aspect-ratio:9/16;scroll-snap-align:start;text-align:start;color:#fff;background:conic-gradient(from 210deg, var(--color-gold), var(--color-sky-2), var(--color-gold-2), var(--color-sky), var(--color-gold));border-radius:20px;flex:0 0 min(42vw,190px);position:relative;box-shadow:0 24px 40px -28px #0b1c26b3}@media (width>=900px){.reel{flex:none;width:auto}}.reel-media{background:var(--color-night);border-radius:17.5px;position:absolute;inset:2.5px;overflow:hidden}.reel-media>*{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease), opacity .4s;position:absolute;inset:0}.reel-media video{opacity:0}.reel.playing .reel-media video{opacity:1}.reel:hover .reel-media>*{transform:scale(1.06)}.reel-media:after{content:"";background:linear-gradient(#0b1c2673 0%,#0000 40%,#0b1c2640 55%,#0b1c26e6 100%);position:absolute;inset:0}.reel-bars{z-index:1;inset-inline:12px;gap:4px;display:flex;position:absolute;top:12px}.reel-bars i{background:#ffffff73;border-radius:2px;flex:1;height:2.5px}.reel-bars i:first-child{background:#fff}.reel-play{z-index:1;color:#fff;backdrop-filter:blur(10px);width:50px;height:50px;transition:transform .4s var(--ease), opacity .3s;background:#fff3;border-radius:999px;place-items:center;margin:-25px 0 0 -25px;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #ffffff73}.reel-play svg{width:20px;height:20px;margin-inline-start:3px}.reel-play:after{content:"";border-radius:inherit;animation:reel-pulse 2.4s var(--ease) infinite;border:1.5px solid #ffffff8c;position:absolute;inset:-6px}.reel:hover .reel-play{transform:scale(1.1)}.reel.playing .reel-play{opacity:0}@keyframes reel-pulse{0%{opacity:1;transform:scale(.85)}80%,to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.reel-play:after{animation:none}}.reel-text{z-index:1;inset-inline:12px;position:absolute;bottom:12px}.story{background:#000;border:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0}.story::backdrop{background:#040c12eb}.story-frame{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100dvh;margin:auto;position:relative;overflow:hidden}@media (width>=700px){.story{background:0 0}.story-frame{border-radius:22px;width:min(440px,56.25dvh);height:min(96dvh,860px);margin-top:2dvh}}.story-media>*{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story[open] .story-frame{animation:story-in .45s var(--ease)}@keyframes story-in{0%{opacity:0;transform:scale(.92)}}.story-bar{background:#ffffff59;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-bar i{background:#fff;width:0;height:100%;display:block}html[dir=rtl] .story-bar i{margin-inline-start:auto}.faq summary::-webkit-details-marker{display:none}@layer components{.finder-f{background:var(--color-mist);border-radius:16px;flex-direction:column;justify-content:center;min-height:58px;padding:6px 16px;display:flex}.finder-f>span{letter-spacing:.12em;text-transform:uppercase;color:var(--color-stone);font-size:11px;font-weight:700}.finder-f select{appearance:none;font:inherit;color:var(--color-night);text-overflow:ellipsis;text-transform:capitalize;cursor:pointer;background:0 0;border:0;width:100%;padding:2px 0 0;font-size:16px;font-weight:700}.finder-f select:focus{outline:none}.finder-f .dd-btn{width:100%;min-height:44px;color:var(--color-night);text-transform:capitalize;text-align:start;margin-top:-12px;padding:14px 0 0;font-size:16px;font-weight:700;display:flex}.finder-f .dd-btn:focus-visible{outline:none}.finder-f:focus-within{box-shadow:inset 0 0 0 2px var(--color-sky)}@media (width>=768px){.finder-f{background:0 0;border-radius:0}.finder-f+.finder-f{border-inline-start:1px solid var(--color-line)}.finder .kbtn{border-radius:16px;min-height:58px}}html[dir=rtl] .finder-f>span,html[lang=hi] .finder-f>span,html[lang=zh] .finder-f>span{letter-spacing:0;font-size:12px}}[data-bottombar]{transition:transform .5s var(--ease);transform:translateY(110%)}[data-bottombar].on{transform:none}