@import url("https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap");.story{display:block;min-height:50px;min-width:50px}.story .close-story{display:none}.story.show .close-story{display:block;position:fixed;z-index:4;top:20px;right:20px}.story .story-avatar{border-radius:130px}.story-content{width:100dvw;height:100dvh;overflow-y:hidden}.box-center img,.box-center video{height:100dvh;width:100%;object-fit:contain;top:0}.box-center{height:calc(100dvh - 140px);margin:50px auto auto;border-radius:20px;overflow:hidden;max-height:780px;display:grid;align-content:center;position:relative}.box-center.tab{border:1px solid #fff;overflow:hidden!important}.box-center.tab-h{border:1px solid #fff;top:calc(20% - 80px)}.story-info{position:fixed;top:0;width:100%;height:60px}.story-info>div{display:flex;align-items:center;cursor:pointer}.story-content .d-flex{display:flex;flex-direction:row-reverse;width:calc(100% - 2px);margin-right:1px;height:10px}.story-line{width:100%;height:3px;background-color:#ffffff15;margin:0 2px;border-radius:4px;transition:.3s ease-in-out}.story-line.selected{background-color:rgb(255,255,255)}.story-text{display:flex;align-items:center;justify-content:center;cursor:pointer}.story-image,.story-text{height:100dvh;width:100dvw}.story-image{object-fit:contain}.info-user{display:flex;align-items:center}.info-user img{border-radius:50px;margin:5px 10px 5px 5px}.info-user>div{margin:0 5px}.user-names>div:nth-child(2){font-size:16px;color:rgba(255,255,255,.738)}.story-time{width:100%;padding:0 8px;text-align:end;color:rgba(255,255,255,.698)}.user-names>div:first-child{font-size:17px;color:rgb(255,255,255);font-weight:500}.story-footer{position:fixed;bottom:15px;width:100%;align-items:center;justify-content:space-between;z-index:999}.story-footer .story-activity-avatar{border-radius:50px;margin-left:-13px;border:3px solid var(--background)}.story-form{display:flex;width:calc(100% - 110px);align-items:center}.story-form>div{margin-right:20px;display:grid;justify-items:center;align-items:center;cursor:pointer}.story-form>div div{margin:3px 0}.my-story-footer,.story-form-footer{display:flex;align-items:center;width:100%}.story-form-footer{margin-bottom:5px}.story-form-footer>div{margin-right:20px;display:grid;justify-items:center;font-size:14px;align-content:center}.input-border{width:calc(100%);margin-right:10px;border:2px solid #ffffff2a;height:25px;padding:3px 8px;border-radius:55px;margin-left:15px;margin-top:8px}.story-form-footer input{outline:none;border:none;font-size:17px;background-color:transparent;color:#fff;width:100%;padding:0}.story-form-footer input::placeholder{color:#ffffff7c}.story-send-btn{padding:4px 8px;border:none;outline:none;background-color:var(--min-color);font-size:17px;border-radius:4px;color:#fff;margin-right:20px;position:relative;bottom:-5px}svg{transition:.2s}svg.liked{color:red;animation:liked .4s ease-in-out}@keyframes liked{30%{transform:scale3d(.4,.8,.4)}70%{transform:scale3d(1.1,1.2,1.1)}}.story-html-liear{position:fixed;display:flex;align-items:center;justify-content:center;height:100%;width:100%;max-height:620px;z-index:99}.story-html-liear>div{height:calc(100% - 10px)!important}.story-html-liear.tab{top:calc(20% - 80px)}.box-story-activitys{position:fixed;bottom:-450px;width:100%;height:400px;background-color:var(--background);border-top:1px solid #ffffff5c;z-index:999}.views-body{height:300px;max-height:300px;overflow:auto}.box-story-activitys.show{bottom:0;animation:showAc .3s ease-in-out}@keyframes showAc{0%{opacity:.5;bottom:-400px}}.story-activitys-header{padding:15px;font-size:17px}.view-user{height:40px;display:flex;align-items:center;margin:0 5px}.view-user img{border-radius:50px;margin:0 8px}.views-count{color:#ffffffb6;margin:6px 12px}.views-count svg{margin:0 5px;position:relative;bottom:-5px}.circle-story-name{text-decoration:none;position:absolute;font-size:18px;background-color:#0000002f;border-radius:200px;width:calc(100% - 4px);bottom:2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:calc(100% - 4px);display:flex;justify-content:center;align-items:center;transition:.4s;animation:anim .4s ease-in-out;font-family:Reem Kufi,sans-serif;z-index:99}.circle-story-name.anim{transform:scale(1.3);opacity:0;animation:anim .5s ease-in-out}@keyframes anim{0%{transform:scale(1.2);opacity:1}}.waitiing-stories{margin:0;position:absolute;height:calc(100dvh - 70px);width:100dvw;display:flex;align-items:center;justify-content:center}.no-public-stories{display:grid;align-content:center;justify-items:center;color:#ffffff8f}.no-public-stories svg{width:60px;height:60px}