body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow-x:hidden}.home_page{display:flex;justify-content:center;margin-top:100px}p{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.story-wrapper{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:89vh;justify-content:space-between;padding:30px;position:relative;transition:all .4s;width:435px}.no-active{cursor:pointer;opacity:.4;transform:scale(.6)}.story-box{position:relative}.story-wrapper>img{border-radius:20px;min-height:500px;object-fit:cover;width:440px}.story-box>.round{left:50%;position:absolute;top:40%;transform:translateX(-50%);.storyCard{height:110px;width:110px;img{height:110px;width:110px;z-index:2}p{color:#fff;font-size:17px}}}.story_page_slider{display:flex;justify-content:space-between;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:570px;z-index:100}.story_page_slider svg{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;color:rgba(0,0,0,.705);cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.4;padding:4px;transition:all .3s;width:20px}.story_page_slider:hover>svg{opacity:1}.storys_container{display:flex;height:96vh;overflow:hidden;padding-left:20rem;padding-right:20rem;width:100%}.x{color:#fff;cursor:pointer;height:45px;position:absolute;right:70px;top:50px;width:45px;z-index:30000}.story-message-box>input{background-color:initial;border:1px solid rgba(240,248,255,.678);border-radius:30px;color:#fff;height:40px;margin-right:30px;padding-left:20px;padding-right:20px;width:300px}.story-message-box>input::placeholder{color:#fff;font-weight:400;letter-spacing:1px}.story-message-box{align-items:center;display:flex;justify-content:center;width:100%;svg{color:#fff;height:30px;padding-right:20px;width:30px}}.story-progres-bar-container{border-radius:20px;display:flex;gap:5px;height:2px;margin-bottom:5px}.progres-bar{background-color:#9696964d;border-radius:30px;flex:1 1;height:2px;overflow:hidden;position:relative}.progres-bar.active:before{animation:fillBar 3s linear forwards;width:0}.progres-bar.active:before,.progres-bar.filled:before{background-color:#fff;content:"";height:100%;position:absolute}.progres-bar.filled:before{width:100%}@keyframes fillBar{0%{width:0}to{width:100%}}.story_settings-box{display:grid;padding-bottom:5px;width:100%}.story_settings-box svg{color:#fff;cursor:pointer;height:40px;width:40px}.round_user_image{align-items:center;display:flex;gap:5px;width:100%}.round_user_image p{color:#fff}.round_user_image span{color:hsla(0,0%,100%,.507)}.round_user_image img{border-radius:50%;height:40px;width:40px}.story_settings{align-items:center;display:flex;justify-content:space-between;width:100%}.story_page{background-color:#1a1a1a;gap:40px;min-height:100vh;position:relative}.middleHomeSide,.story_page{align-items:center;display:flex;justify-content:center}.middleHomeSide{height:120px;width:100%}.storyBlock{display:flex;gap:5px;height:100%;max-width:645px;overflow-x:auto;position:relative;scroll-behavior:smooth}.storyBlock::-webkit-scrollbar{display:none}.storyCard{cursor:pointer;display:grid;flex-direction:column;justify-content:center;padding:4px 8px 8px;text-align:center;transition:.3s;width:72px}.storyCard:active{transform:scale(.98)}.img_box{background:linear-gradient(to right top,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}.img_box,.img_box_inWiew{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:3px}.img_box_inWiew{background:#80808080}.img_box>img,.img_box_inWiew>img{background-color:#fff;border-radius:50%;height:68px;object-fit:cover;padding:2px;width:68px}.profile_name p{color:#1f1e1e;font-size:12px;font-weight:500;margin-top:5px}.story_container{position:relative}.slide_left,.slide_right{cursor:pointer;display:flex;justify-content:center;position:absolute;top:32px;z-index:1}.slide_left svg,.slide_right svg{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;color:rgba(0,0,0,.705);display:flex;height:20px;justify-content:center;padding:4px;width:20px}.slide_right{right:10px}.slide_left{left:16px}
/*# sourceMappingURL=main.d354fd1f.css.map*/