.story-available-container{display:flex;gap:15px;flex-wrap:nowrap;overflow-x:auto;align-items:center;overflow-y:hidden;padding-bottom:5px;transform:rotateX(180deg)}@media screen and (max-width:768px){.story-available-container{-ms-overflow-style:none;scrollbar-width:none}.story-available-container::-webkit-scrollbar{display:none}}.story-available-container .story-button{--dimensions:85px;border-radius:50%;min-width:var(--dimensions);width:var(--dimensions);height:var(--dimensions);padding:0;outline:0;border:0;background:#fff0;position:relative;cursor:pointer;overflow:hidden;transform:rotateX(180deg)}.story-available-container .story-button:after{content:"";position:absolute;top:0;left:0;width:var(--dimensions);height:var(--dimensions);border-radius:50%;background:var(--e-global-color-primary,#B668A1);z-index:1;opacity:0;transition:opacity 0.1s ease-in-out}.story-available-container .story-button:hover:after{opacity:.5}.story-available-container .story-button .story-button-background{padding:3px;border-radius:50%;width:100%;height:100%;display:block;background:#E0E0E0;overflow:hidden}.story-available-container .story-button .story-button-background.story-new{background:linear-gradient(180deg,var(--primary-story-color) 0%,var(--secondary-story-color) 100%)}.story-available-container .story-button .story-button-background .story-logo{width:100%;height:100%;border-radius:50%;background:#fff;overflow:hidden;padding:3px;display:block}.story-available-container .story-button .story-button-background .story-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}.story-available-container .story-button.story-button-premium{--dimensions:95px}.story-available-container .story-button.story-button-premium:after{background:#d4af37}.story-available-container .story-button.story-button-premium .story-button-background{padding:5px;background-image:linear-gradient(to right,#f5ce62,#C5A028,#E3BE46,#f5ce62);box-shadow:0 4px 6px 0 rgb(212 175 55 / .55)}@media screen and (max-width:768px){.story-available-container .story-button.story-button-premium{--dimensions:80px}}.story-available-container .story-button[aria-busy=true] .story-new{animation:rotateLoad 1s linear infinite}.story-available-container .story-button[aria-busy=true] .story-new img{animation:rotateLoad 1s linear infinite reverse}@media screen and (max-width:768px){.story-available-container .story-button{--dimensions:75px}}.story-carousel{position:relative;isolation:isolate;border-radius:15px;overflow:hidden;aspect-ratio:9/16}.story-carousel:before{content:"";display:block;height:50px;width:100%;position:absolute;top:0;left:0;z-index:10;background-image:linear-gradient(180deg,rgb(0 0 0 / .8) 0%,#fff0 100%)}.story-carousel:after{content:"";display:block;height:100%;width:100%;background:rgb(0 0 0 / .5);pointer-events:none;position:absolute;top:0;left:0;z-index:2;transition:opacity 150ms ease-in-out;opacity:0}.story-carousel.sliding:after{opacity:1}.story-carousel .story-navigation{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;gap:5px;padding:10px;z-index:10;direction:ltr}.story-carousel .story-navigation .story-navigation-button{background:#9E9E9E;padding:0;border:0;cursor:pointer;z-index:10;flex:1;height:2px;transition:none;position:relative;overflow:hidden}.story-carousel .story-navigation .story-navigation-button.active:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background:#fff;transform:translateX(-100%);animation:progress var(--slide-speed) linear forwards}.story-carousel .story-navigation .story-navigation-button.visited{background:#fff}.story-carousel .story-navigation.paused .story-navigation-button.active:after{animation-play-state:paused}.story-carousel .story-header{position:absolute;top:20px;display:flex;left:0;padding:0 10px;width:100%;z-index:10;align-items:center;gap:10px;direction:ltr}.story-carousel .story-header .story-header-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff}.story-carousel .story-header .story-header-logo img{width:100%;height:100%;object-fit:cover}.story-carousel .story-header .story-header-title{flex:1;display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;text-align:left}.story-carousel .story-header .story-header-title h3{margin:0;font-size:1rem;color:#fff}.story-carousel .story-slides-container{position:relative;height:100%;display:flex;flex-wrap:nowrap;direction:ltr;transition:all ease-in-out 0.3s}.story-carousel .story-slides-container .story-slide{width:auto;aspect-ratio:9/16;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,var(--primary-story-color) 0%,var(--secondary-story-color) 100%);color:var(--text-story-color);animation:gradientUpDown 3s ease-in-out infinite alternate;background-size:100% 200%;position:relative}.story-carousel .story-slides-container .story-slide.no-stories h2{margin:0;font-size:1.5rem}.story-carousel .story-slides-container .story-slide img{width:100%;height:100%;object-fit:cover}.story-carousel .story-form{position:absolute;bottom:0;width:100%;left:0;z-index:6;display:flex;align-items:end;background:#000}.story-carousel .story-form .story-message-row{display:flex;gap:10px;width:100%;align-items:center;padding:10px}.story-carousel .story-form .story-message-row .story-message-field{flex:1}.story-carousel .story-form .story-message-row .story-message-field input{border-radius:999em;border:1px solid rgb(255 255 255 / .7);padding:10px 20px;color:#fff;width:100%}.story-carousel .story-form .story-message-row .story-message-field input::placeholder{color:#fff}.story-carousel .story-form .story-message-row .story-message-submit{width:30px;aspect-ratio:1/1;padding:0;background:none;border:none;color:#fff}.story-carousel .story-form .story-message-row .story-message-submit:hover{color:rgb(255 255 255 / .8)}.story-carousel .story-form .story-message-row .story-message-submit:active{outline:none}.story-carousel .story-form .story-message-row .story-message-submit .story-message-submit-icon{display:block;height:100%;width:100%}.story-carousel .story-form .story-message-row .story-message-submit .story-message-submit-icon svg{height:100%;width:100%;object-fit:contain}.story-carousel .story-button{z-index:5;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;direction:ltr}.story-carousel .story-controls{z-index:5;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;direction:ltr}.story-carousel .story-controls .story-control-button{flex:1;height:100%;padding:0;border-radius:0;border:0;position:relative;background:transparent!important}.story-carousel .story-controls .story-control-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(0 0 0 / .3) 0%,#fff0 100%);transition:opacity 0.1s ease-in-out;opacity:0}.story-carousel .story-controls .story-control-button:hover:after{opacity:1}.story-carousel .story-controls .story-control-button:focus{outline:0}.story-carousel .story-controls .story-control-button.story-next:after{background:linear-gradient(-90deg,rgb(0 0 0 / .3) 0%,#fff0 100%)}.story-carousel .story-controls .story-control-button.story-next i{left:unset;right:var(--space-from-edge)}.story-carousel .story-controls .story-control-button i{--space-from-edge:10px;position:absolute;pointer-events:none;top:50%;left:var(--space-from-edge);color:#fff!important;filter:drop-shadow(0 0 5px rgb(0 0 0 / .5));z-index:10}.story-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:none;align-items:center;justify-content:center;z-index:120}.story-popup .story-popup-content{height:80vh;aspect-ratio:9/16;position:relative}@media screen and (max-width:768px){.story-popup .story-popup-content{height:auto;width:100%}}.story-popup .story-carousel-container{opacity:0;scale:0;position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;visibility:hidden;pointer-events:none}.story-popup .story-carousel-container.active{visibility:visible}.story-popup .story-carousel-container.cube-exit-left .story-carousel{animation:cubeRotateExitLeft 0.8s ease-in-out forwards}.story-popup .story-carousel-container.cube-enter-left .story-carousel{animation:cubeRotateEntryLeft 0.8s ease-in-out forwards}.story-popup .story-carousel-container.cube-exit-right .story-carousel{animation:cubeRotateExitRight 0.8s ease-in-out forwards}.story-popup .story-carousel-container.cube-enter-right .story-carousel{animation:cubeRotateEntryRight 0.8s ease-in-out forwards}.story-popup .story-carousel-container.active{pointer-events:all}.story-popup[data-state=open]{display:flex}.story-popup[data-state=open] .story-carousel-container{animation:storyPopup 0.3s ease-in-out forwards}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes gradientUpDown{0%{background-position:0}100%{background-position:0 100%}}@keyframes storyPopup{0%{opacity:0;scale:0}100%{opacity:1;scale:1}}@keyframes rotateLoad{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes cubeRotateExitLeft{0%{transform:none;visibility:visible}10%{transform:perspective(6000px) rotateY(0deg) translateZ(calc(var(--content-width) / 2))}90%{transform:perspective(6000px) rotateY(-90deg) translateZ(calc(var(--content-width) / 2))}99.9%{transform:none}100%{visibility:hidden}}@keyframes cubeRotateEntryLeft{0%{transform:perspective(6000px) rotateY(90deg) translateZ(calc(var(--content-width) / 2));visibility:hidden}10%{transform:perspective(6000px) rotateY(90deg) translateZ(calc(var(--content-width) / 2));visibility:visible}90%{transform:perspective(6000px) rotateY(0deg) translateZ(calc(var(--content-width) / 2))}99.9%{transform:none}100%{transform:none}}@keyframes cubeRotateExitRight{0%{transform:perspective(6000px) rotateY(0deg) translateZ(calc(var(--content-width) / 2))}99.9%{transform:perspective(6000px) rotateY(90deg) translateZ(calc(var(--content-width) / 2))}100%{visibility:hidden;transform:none}}[dir=rtl] .story-form{direction:rtl}@keyframes cubeRotateEntryRight{0%{transform:perspective(6000px) rotateY(-90deg) translateZ(calc(var(--content-width) / 2))}99.9%{transform:perspective(6000px) rotateY(0deg) translateZ(calc(var(--content-width) / 2))}100%{transform:none}}