@charset "UTF-8";
.story-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.9);z-index:999}.story-bg:not(.show){display:none}.stories-container{margin-bottom:var(--gap);position:relative}@media (max-width:768px){.stories-container{padding-top:var(--gap)}}.stories-container[v-cloak]{height:490px}.stories-container[v-cloak] .arrow_left,.stories-container[v-cloak] .arrow_right{display:none}.stories-container .arrow_left,.stories-container .arrow_right{cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;width:30px}.stories-container .arrow_left svg,.stories-container .arrow_right svg{width:30px;height:30px}.stories-container .arrow_left{left:0;background:linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%)}.stories-container .arrow_right{right:0;background:linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%)}.stories-list{display:flex;overflow-x:auto;gap:16px;overflow-x:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stories-list .story-item{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.stories-list .story-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden}.stories-list .story-avatar .pic{background:#eee center center no-repeat;background-size:cover;width:100%;height:100%;border:3px solid #fff;border-radius:50%}.stories-list .story-border{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stories-list .story-username{font-size:12px;color:#262626;white-space:nowrap}.fade-enter-active,.fade-leave-active{transition:opacity 0.5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pop-up-enter-active,.pop-up-leave-active{transition:all 0.3s ease}.pop-up-enter-from,.pop-up-leave-to{transform:translateY(-20%) scale(0);opacity:0}.story-content{background-color:#000}.story-viewer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999999;display:flex;justify-content:center;align-items:center;direction:rtl;margin:auto}@media (min-width:768px){.story-viewer{height:90vh;aspect-ratio:0.5625}}@media (max-width:767px){.story-viewer{height:100svh}}.story-viewer .story_con{overflow:hidden;width:100%;height:100%}@media (min-width:768px){.story-viewer .story_con{border-radius:16px}}.story-viewer .arrow_left,.story-viewer .arrow_right{transition:0.3s all ease;opacity:0.5;position:absolute;top:50%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;height:50px;width:50px}.story-viewer .arrow_left:hover,.story-viewer .arrow_right:hover{opacity:1}.story-viewer .arrow_left svg,.story-viewer .arrow_right svg{width:30px;height:30px}.story-viewer .arrow_left{left:-20px;transform:translateX(-100%)}.story-viewer .arrow_right{right:-20px;transform:translateX(100%)}.stories-wrapper{display:flex;width:100%;height:100%;will-change:transform}.story-content{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0 auto}.story-content .story-video,.story-content .story-image{width:100%;object-fit:cover}@media (min-width:768px){.story-content .story-video,.story-content .story-image{aspect-ratio:0.5625}}@media (max-width:767px){.story-content .story-video,.story-content .story-image{height:100%}}.progress-bar{position:absolute;top:0;left:0;right:0;display:flex;padding:8px;gap:4px;z-index:10;direction:rtl}.progress-item{flex:1;height:3px;background-color:rgba(184, 184, 184, 0.6);border-radius:2px;overflow:hidden;box-shadow:0 0 30px rgba(0, 0, 0, 0.3)}.progress-fill{height:100%;background-color:#ffffff;transform-origin:right}.story-header{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:10}.story-username{color:#ffffff;font-weight:bold;font-size:14px}.story-texts{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:rgba(0, 0, 0, 0.5);color:#ffffff;z-index:10;display:flex;flex-direction:column;gap:8px;pointer-events:none;background:linear-gradient(0deg, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%)}.story-texts .story-text h3{font-size:44px;line-height:1;font-family:var(--font)}.story-texts .story-link{text-align:left}.story-texts .story-link *{pointer-events:all}.click-areas{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;z-index:5}.click-area-left,.click-area-right{flex:1;height:100%;cursor:pointer}.close-button{position:absolute;top:16px;left:16px;background:none;border:none;color:#ffffff;font-size:24px;cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(0, 0, 0, 0.5);border-radius:50%;transition:background-color 0.3s}.close-button:hover{background-color:rgba(0, 0, 0, 0.7)}.icon-close::before{content:"×"}.is-dragging *{cursor:grabbing !important}.is-dragging .progress-fill{transition:none !important}