@import url("https://fonts.googleapis.com/css2?family=Cairo+Play:wght@200..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lateef:wght@200;300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rakkas&display=swap");.frined-stories{display:flex;align-items:center;overflow-x:auto;width:calc(100% - 1px);margin:10px auto 0;padding-bottom:15px}.story-box .story-circle{height:68px;width:68px;padding:3px;background:linear-gradient(45deg,rgb(18,249,241),rgb(19,255,145),rgb(255,242,0));display:flex;align-items:center;justify-content:center;border-radius:60px;margin:0 4px;position:relative}.story-box .story-circle.seen{background:#464646!important}.story-box .story-circle .add-story{display:none}.story-box.add .story-circle .add-story,.story-box.my .story-circle .add-story{display:flex}.frined-stories>div img{border-radius:100px;border:4px solid var(--background);margin:auto}.story-box{display:grid;justify-items:center;position:relative;width:90px}.story-box.seen{background:#3e3e3e!important}.story-box.add .story-circle{background:rgba(69,69,69,0)!important}.story-username{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:16px;white-space:nowrap;font-weight:400;margin:5px 0}.story-username.add{color:#ffffffd4}.add-story{position:absolute;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50px;border:3px solid var(--background);background-color:rgb(255,255,255);bottom:30px;right:5px}.add-story svg{width:23px;height:23px;color:var(--background)}.input-upload input{display:none}.input-upload{cursor:pointer;width:130px;text-align:center;padding:5px;background-color:var(--min-color);border-radius:4px}.box-upload-story{position:fixed;background-color:var(--background);display:none;align-items:center;justify-content:center;height:100%;width:100%;left:0;top:0;z-index:99}.box-upload-story.show{display:flex}.close-upload-story{position:absolute;right:15px;top:15px}.review-story{height:100dvh;width:100dvw;display:grid;justify-items:center;align-content:center}.review-story video{left:calc(50% - 200px);margin:auto;display:block;top:0}.review-story .review-photo,.review-story video{height:100dvh;width:400px;object-fit:contain;position:absolute}.review-story .review-photo{left:calc(50% - 205px)}.close-review{position:fixed;display:flex;justify-content:center;width:70px;background-color:rgb(254,52,52);align-items:center;padding:5px;border-radius:4px;top:15px;right:15px;z-index:99}.close-review div{margin:0 4px;cursor:pointer}.upper-canvas{position:absolute;width:100%!important;height:100%;border-color:red;top:0}.add-text,.upload-btn{position:absolute;font-size:16px;background-color:rgb(255,255,255);font-weight:500;color:#1c1c1c;height:32px;width:90px;border-radius:4px;padding:2px;border:none;outline:none;z-index:99;top:16px;left:120px}.text-options{position:absolute;top:60px;left:0;width:100%;height:40px;z-index:99}.text-option-fonts,.text-options .text-option-colors{display:flex;align-items:center;justify-content:center;overflow:scroll;max-width:100%}.text-option-fonts{margin-top:8px}.text-option-fonts select{background-color:var(--background-alpha-600);width:170px;color:#fff;text-align:center;padding:5px;outline:none;border:1px solid #ffffff33;border-radius:5px;font-size:16px}.text-options .text-option-colors>div{width:20px;height:20px;border-radius:7px;position:relative;border:2px solid transparent;background-color:#fff;margin:0 3px;cursor:pointer}.text-options.show{animation:showOp .4s ease-in-out}.text-options.p-hide{transition:.2s ease-in-out;left:-100%}@keyframes showOp{0%{opacity:0;left:-100%}}.t-op-time.c-red{background-color:red!important;border-color:#ffffff!important}.t-op-time.c-green{background-color:rgb(44,255,7)!important;border-color:#ffffff!important}.t-op-time.c-blue{background-color:rgb(37,146,255)!important;border-color:#ffffff!important}.t-op-time.c-purple{background-color:rgb(94,58,255)!important;border-color:#ffffff!important}.t-op-time.c-gold{background-color:rgb(255,196,2)!important;border-color:#ffffff!important}.t-op-time.c-brawon{background-color:rgb(171,107,5)!important;border-color:#ffffff!important}.t-op-time.c-orange{background-color:rgb(255,114,27)!important;border-color:#ffffff!important}.t-op-time.c-yellow{background-color:rgb(255,239,62)!important;border-color:#ffffff!important}.t-op-time.c-black{background-color:rgb(0,0,0)!important;border-color:#ffffff!important}.t-op-time.c-white{background-color:rgb(255,255,255)!important;border-color:#000000!important}.play-review-video{position:fixed;top:40%;left:45%;background-color:#fff;color:#000;border-radius:50px;z-index:999}.click-to-play{position:fixed;width:100%;text-align:center;padding:5px;left:0;top:calc(50% - 15px);font-size:16px;opacity:.7;z-index:99}.upload-btn{background-color:var(--min-color);color:#fff;left:20px}.errors,.select-can-view-story{position:absolute;margin-top:150px;font-size:15px;color:rgb(255,66,66);opacity:0;transition:.2s}.errors.show{opacity:1}.select-can-view-story{color:#fff;opacity:1;margin-top:90px;display:flex;justify-content:center;align-items:center;background-color:#00000080;padding:3px 10px;border-radius:3px;font-size:15px}.select-can-view-story select{padding:5px 5px 5px 20px;background-color:#00000000;border:none;outline:none;color:#ffffff;margin:0 5px;cursor:pointer;position:relative;background-image:url('data:image/svg+xml;utf8,<svg fill="gray" height="10" viewBox="0 0 24 24" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 42px center;background-size:25px;font-size:15px}.select-can-view-story div{color:#a8a8a8}.vertical-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:150px;height:5px;transform:rotate(90deg);background:#ddd;outline:none;position:absolute;z-index:99;left:calc(50% - 250px);top:calc(50% - 20px);background:linear-gradient(90deg,#f7f7f7 0,#6d6d6dcc 50%,#00000000)}.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#ffffff;cursor:pointer;border-radius:50%}.vertical-slider.hover:after{content:"اكبر";color:#ffffffb6;font-size:21px;left:-30px;top:-35px}.vertical-slider.hover:after,.vertical-slider.hover:before{position:absolute;transform:rotate(-90deg);width:60px;height:20px;animation:showT .4s ease-in-out}.vertical-slider.hover:before{content:"اصغر";color:#ffffffb7;font-size:13px;right:-20px;bottom:20px}@keyframes showT{0%{opacity:0;transform:rotate(-90deg) scale(0)}50%{transform:rotate(-90deg) scale(1.4)}}.vertical-slider::-moz-range-thumb{width:16px;height:16px;background:#4caf50;cursor:pointer;border-radius:50%}