.stories{margin-top:40px;margin-bottom:40px;display:block}.stories-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:6px}.story-bubble{position:relative;width:90px;cursor:pointer;text-align:center}.story-bubble img,.story-bubble video{width:90px;height:90px;object-fit:cover;border-radius:50%;padding:3px;background:linear-gradient(45deg,#7b9b89,#9bb5a8);background-size:100% 100%;border:3px solid white;transition:transform .3s ease;box-sizing:border-box}@media (max-width: 768px){.story-bubble{width:75px}.story-bubble img,.story-bubble video,.story-bubble__placeholder{width:75px;height:75px}.story-bubble span{font-size:1rem;margin-top:.5rem}}.story-bubble .play-icon{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:none}.story-bubble:first-child video{animation:fade-in .3s .3s ease-in-out both,pulseAnimation 2s 1.3s infinite ease-in-out both!important}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseAnimation{0%{box-shadow:0 0 #7b9b89b3}50%{box-shadow:0 0 0 10px #7b9b8900}to{box-shadow:0 0 #7b9b8900}}.story-bubble span{font-size:1.1rem;font-weight:500;margin-top:.7rem;display:block;line-height:1.3em;max-height:2.5em}.story-bubble__placeholder{width:90px;height:90px;border-radius:50%;background:linear-gradient(45deg,#7b9b89,#9bb5a8);border:3px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.story-modal{display:none;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000a!important;z-index:2147483647!important;align-items:center;justify-content:center;margin:0!important;padding:0!important}.story-modal.active{display:flex}.story-wrapper{background:#000;height:90vh;position:relative;border-radius:1rem;opacity:1;transform:scale(1);display:flex;align-items:center;justify-content:center}.story-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;padding:2rem 1rem 1rem;z-index:100!important}.story-header img{width:32px;height:32px;border-radius:50%!important;margin-right:.5rem}.story-title{font-size:1rem;font-weight:600;color:#fff}.story-close{position:absolute;top:1.6rem;right:1.4rem;font-size:2.5rem;background:transparent;color:#fff;border:none;z-index:200!important;cursor:pointer}.story-controls{position:absolute;top:1rem;left:0;right:0;display:flex;gap:4px;padding:0 1rem;z-index:10}.story-bar{flex:1;height:2px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-bar span{display:block;height:100%;background:#fff;width:0%;transition:width .3s}.video-controls{position:absolute;top:5.5rem;right:1rem;display:flex;flex-direction:column;gap:1.3rem;z-index:30}.video-controls button{background:#0000004d;color:#fff;font-size:15px;border:none;width:37px;height:37px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.story-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;width:50px;height:50px;background:#fff;color:#282828;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:20;cursor:pointer}.arrow-left{left:-60px}.arrow-right{right:-60px}@media (max-width: 900px){.story-arrow{z-index:25}.arrow-left{left:10px}.arrow-right{right:10px}.story-wrapper{max-width:460px;height:100%;width:100%;border-radius:0}}.story-content{width:100%;height:100%;border-radius:1rem;object-fit:contain;position:relative;z-index:1}video.story-content{background:#000}.bubble-preview-image{animation:imageLoop 3s infinite}@keyframes imageLoop{0%,to{opacity:1}50%{opacity:.8}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bubble-story-maxime.css.map */