.reels-section{border-top:1px solid #303043;width:100%;padding-top:26px}.reels-section__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.reels-section h2{color:#f2f2f7;align-items:center;gap:12px;font-size:clamp(20px,2.4vw,26px);font-weight:700;display:flex}.reels-section h2:before{content:"";background:#8338ef;border-radius:8px;width:4px;height:23px}.reels-section__arrows{gap:7px;display:flex}.reels-section__arrows button{color:#c8bfdb;cursor:pointer;border:1px solid #303043;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.reels-section__arrows button:disabled{opacity:.25;cursor:default}.reels-track{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px;padding:2px 1px 6px;display:flex;overflow-x:auto}.reels-track::-webkit-scrollbar{display:none}.reel-card{isolation:isolate;aspect-ratio:9/16;scroll-snap-align:center;cursor:pointer;background:#1a1925;border:1px solid #7045a955;border-radius:15px;flex:0 0 44%;position:relative;overflow:hidden}.reel-card>img,.reel-card>video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reel-card>video{z-index:1;opacity:0}.reel-card>video.is-playing{opacity:1}.reel-card>video:not([src]){visibility:hidden}.reel-card__shade{z-index:2;pointer-events:none;background:linear-gradient(#0000 65%,#0009);position:absolute;inset:0}.reel-card__play{z-index:3;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12101980;border:1.5px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-card__duration,.reel-card__silent{z-index:3;color:#fff;font:12px/1.4 var(--font-sans);background:#111b;border:1px solid #fff3;border-radius:6px;padding:3px 6px;position:absolute;bottom:11px}.reel-card__duration{left:10px}.reel-card__silent{padding:5px;right:10px}.reels-dots{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px;display:flex}.reels-dots button{cursor:pointer;place-items:center;width:22px;height:24px;display:grid}.reels-dots button:before{content:"";background:#505266;border-radius:50%;width:7px;height:7px}.reels-dots button[aria-pressed=true]:before{background:#8538f3;width:9px;height:9px}.reel-card:focus-visible,.reels-dots button:focus-visible,.reels-section__arrows button:focus-visible,.reel-dialog button:focus-visible{outline-offset:3px;outline:2px solid #b491ff}.reel-dialog{color:#fff;background:#08080b;border:1px solid #fff2;border-radius:18px;width:min(96vw,960px);max-width:96vw;height:min(92dvh,960px);max-height:96dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.reel-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07060bea}.reel-dialog__frame{width:100%;height:100%;position:relative}.reel-dialog__frame>video{object-fit:contain;width:100%;height:100%}.reel-dialog__top{z-index:2;top:0;background:linear-gradient(#000b,#0000);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;inset-inline:0}.reel-dialog__top button{cursor:pointer;background:#17151fd9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.reel-dialog__quality select{color:#fff;cursor:pointer;background:#17151fd9;border:1px solid #fff2;border-radius:20px;max-width:190px;padding:9px 12px;font-size:12px}.reel-dialog__start,.reel-dialog__error{z-index:3;white-space:nowrap;background:#17151fe8;border:1px solid #fff4;border-radius:14px;align-items:center;gap:10px;padding:16px 20px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.reel-dialog__start{cursor:pointer}.reel-dialog__error{white-space:normal;text-align:center;flex-direction:column;width:min(90%,340px)}.reel-dialog__error button{cursor:pointer;background:#7c3aed;border-radius:8px;padding:9px 20px}@media (width>=640px){.reel-card{flex-basis:calc(33.3333% - 10.6667px)}.reels-track{gap:16px}}@media (width>=1024px){.reel-card{flex-basis:calc(20% - 12.8px)}}@media (width<=639px){.reel-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.reel-dialog__top{padding-top:max(12px,env(safe-area-inset-top))}}