body:has(.reels-container){background-color:#1f1f1f!important}#wrap-video-page:has(.reels-container){height:100%;width:100%!important;height:100dvh!important}.reels-container{width:100%;height:100dvh;display:block;position:relative;overflow:hidden}.reels-loading{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reels-loading-spinner{border:6px solid #333;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite reels-spin}@keyframes reels-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reels{width:100%;height:100%;position:relative;overflow-y:scroll;scroll-snap-type:y mandatory!important}.reels-top-icons{pointer-events:auto;display:flex}.reels-top-icons-vertical{flex-direction:column;gap:6px}.reels-top-icons-responsive{z-index:15;position:absolute;top:15px;left:-45px}.reels-delete-icons-responsive{z-index:15;position:absolute;top:15px;right:-45px}.reels-delete-icons-responsive svg path{stroke:coral!important}@media (max-width:600px){.reels-top-icons-responsive{position:absolute;top:12px;left:12px}.reels-delete-icons-responsive{position:absolute;top:12px;right:12px}}.reels-icon-btn{cursor:pointer;background:#656565b7;border:none;border-radius:5px;justify-content:center;align-items:center;margin:0;padding:5px;transition:background .2s;display:flex;box-shadow:0 2px 8px #00000012}.reels-icon-btn svg{width:22px;height:22px}.reels-icon-btn:hover{background:#00000014}.reels::-webkit-scrollbar{background:0 0;width:0}body:has(.reels-container)::-webkit-scrollbar{background:0 0;width:0}.reel-item{aspect-ratio:27/49;height:calc(100% - 20px);margin:10px auto;display:block;position:relative;overflow:visible;scroll-snap-align:start!important;scroll-snap-stop:always!important}.reel-video-wrapper{border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.reel-caption-group{z-index:15;pointer-events:auto;flex-direction:column;align-items:flex-start;width:90%;display:flex;position:absolute;bottom:45px;left:10px}.reel-view-info{color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:2px;margin-bottom:2px;font-size:.82rem;display:flex}.reel-view-icon{vertical-align:middle;margin-right:4px;display:inline-block;fill:#fff!important}.reel-view-text{vertical-align:middle;color:#fff;font-size:.82rem;font-weight:500;display:inline-block}.reel-caption{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;border-radius:8px;width:100%;padding:5px 0;font-size:.9rem;line-height:1.4;transition:background .15s;overflow:hidden;background:0 0!important}.reel-caption:hover{background:#000000a6}.reel-caption.show{white-space:normal;text-overflow:unset;max-height:300px;overflow:visible}.reel-video-wrapper video{width:100%;height:100%;position:relative}@media (max-width:600px){.reel-item{width:100%!important;height:100%!important;aspect-ratio:unset!important;margin:0!important}.reel-video-wrapper{border-radius:0!important}}#reel-loading{z-index:7;justify-content:center;align-items:center;display:flex;position:absolute;background-color:#000!important;width:100%!important;height:100%!important}.reel-actions{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:15px;display:flex;position:absolute;top:50%;right:-60px;transform:translateY(-50%)}.reel-action-btn{color:#333;cursor:pointer;pointer-events:auto;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s;display:flex;box-shadow:0 2px 8px #0000001f}.reel-action-btn.rotate{transform:rotate(90deg)}.reel-action-btn:hover{background:#e0e0e0}.reel-action-choose-svg{stroke:#111}@media (max-width:600px){.reel-action-choose-svg{stroke:#fff}.reel-actions{z-index:10;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.reel-action-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;display:flex;box-shadow:0 2px 8px #0003}}.reels .my-player-container{z-index:7;justify-content:center;align-items:center;display:flex;position:absolute;background-color:#000!important;width:100%!important;height:100%!important}