@import url("https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap");.player-container{overscroll-behavior-y:contain!important;touch-action:none!important;height:100dvh!important;max-width:100dvw;overflow:hidden;position:relative;background-color:black}.player-container.load .actions,.player-container.load .info{display:none}.player-container .spinner-loading{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}.player-container .image,.video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain}.player-container.v-up{animation:videoUp .3s ease-out}.player-container.v-down .info,.player-container.v-up .info{animation:infoUp .4s ease-out}.player-container.v-down{animation:videoDown .3s ease-out}.player-container.v-down .actions,.player-container.v-up .actions{animation:actions .4s ease-out}@keyframes videoUp{0%{transform:translateY(110vh) scale3d(.5,.2,.5)}}@keyframes videoDown{0%{transform:translateY(-110vh) scale3d(.5,.2,.5)}}@keyframes infoUp{0%{margin-bottom:-400px}}@keyframes actions{0%{right:-220px}}.reels-header{position:fixed;top:15px;width:100%;height:25px;display:flex;align-items:center;justify-content:space-between;z-index:119}.logo-reels span{font-size:19px;font-family:Reem Kufi,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-right:10px;text-shadow:0 0 1px #111}.reels-header>div{margin:0 15px;color:#ffffff;display:flex;justify-content:center;align-items:center;font-size:17px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reels-header>div svg{margin-left:5px;cursor:pointer}.reels-header .add-reels{background-color:var(--background-alpha-600);width:28px;max-height:30px;padding:5px;border-radius:50px;text-align:center;animation:textShow .2s;display:flex;align-items:center;justify-content:center;transition:.6s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reels-header .add-reels svg{margin:0}.reels-header .add-reels.show svg{margin-right:5px}.reels-header .add-reels.show{width:110px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reels-header .add-reels span{width:0;height:0;overflow:hidden;position:relative;bottom:-3px}.reels-header .add-reels.show span{animation:textShow .8s ease-in-out;width:90px;height:auto}.reels-header .add-reels.show svg{animation:svgRot .6s ease-out}@keyframes textShow{0%{transform:translateX(-200px)}}@keyframes svgRot{0%{transform:scale3d(1.1,1.2,1.1)}}.actions{right:20px;bottom:120px;flex-direction:column;gap:28px;z-index:10}.actions,.views{position:absolute;display:flex;align-items:center}.views{bottom:10px;left:10px;color:#ffffffb7;text-shadow:.1px .1px 2px #000;font-size:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.views span{position:relative;bottom:-3px;margin:0 6px}.actions>div{background:rgba(255,255,255,0);height:50px;width:50px;display:grid;align-content:center;justify-content:center;border-radius:50%;color:white;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.actions>div>div{text-align:center;font-size:14px}.actions div svg{width:40px;height:40px;cursor:pointer}.info{position:absolute;display:flex;align-items:center;bottom:30px;right:20px;color:white;width:calc(100% - 40px);z-index:10}.info h3{font-weight:700;margin:0;cursor:pointer}.video-content{font-size:16px;margin-top:0;text-overflow:ellipsis;max-width:230px;overflow:hidden;max-height:35px;transition:.4s;z-index:111;border-radius:5px;padding:0;background-color:transparent;line-height:28px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-content.hover{top:0;width:250px;background-color:var(--background-alpha-800)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:normal;padding:10px;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.info div:nth-child(2){height:56px;position:relative;right:10px}.info img{border-radius:55px}.muted-is{min-width:290px;left:calc(50% - 145px);height:50px;position:absolute;bottom:30%;display:flex;justify-content:center;align-items:center;background-color:var(--background-alpha-800);border-radius:100px;cursor:pointer;animation:mute .6s;z-index:4;opacity:1}@keyframes mute{0%{opacity:0}}.muted-is span{top:-5px}.muted-is span,.muted-is svg{position:relative;cursor:pointer}.muted-is svg{bottom:-4px;width:30px;height:30px}.action-like.liked svg{color:red;animation:liked .6s}@keyframes liked{30%{transform:scale3d(.2,.6,.2)}70%{transform:scale3d(1.1,1.2,1.1)}}.play-and-puase{position:fixed;top:calc(50% - 20px);left:calc(50% - 20px);cursor:pointer;z-index:100;opacity:1}.play-and-puase.played{opacity:0;animation:played 1s}@keyframes played{0%{opacity:1}}