.storyvisualizer-page{position:absolute;top:0;left:0;background-color:rgb(0,0,0);padding-top:110px;width:100vw;height:auto;min-height:100vh}.storyvisualizer-title{margin:100 auto 0;width:80vw;color:var(--white);font-size:40px;text-align:center}.storyvisualizer-text{position:relative;opacity:0;z-index:0;margin:50 auto 0;width:75vw;color:var(--white);font-weight:200;font-size:30px;hyphens:manual;text-align:center;white-space:normal;overflow-wrap:break-word}.storyvisualizer-continue-btn{display:flex;position:relative;z-index:-1;transition:color .3s ease-out;margin:60px 0;border:1px solid var(--white);border-radius:25px;padding:10px 20px;width:auto;color:var(--white);font-size:18px;&:hover{background-color:var(--white);color:var(--texte-histoire)}}.storyvisualizer-close-btn{display:flex;position:fixed;bottom:0;left:50%;justify-content:center;transform:translateX(-50%);z-index:10000;transition:color .3s ease-out;margin:60px auto;border:1px solid var(--white);border-radius:100%;padding:15px;width:auto;height:auto;color:var(--white);font-size:18px;&:hover{background-color:var(--white);color:var(--texte-histoire)}}.theme-btn{position:absolute;top:200px;left:20px;transition:all .3s ease;cursor:pointer;border:1px solid var(--white);border-radius:25px;padding:10px 20px;color:var(--white);&:hover{background-color:var(--white);color:var(--texte-histoire)}}.storyvisualizer-choices-container{display:none;position:fixed;top:0;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);align-items:stretch;z-index:2;width:100vw;height:100vh;overflow:hidden;&.opened{display:grid;&.choice-3{grid-template-columns:repeat(3,1fr)}}}.storyvisualizer-choices-container.choice-3{.storyvisualizer-choices{justify-content:space-between}.storyvisualizer-choices:nth-child(2):after,.storyvisualizer-choices:nth-child(2):before{top:50%;align-self:center;background:var(--white);width:1px;height:80%;content:""}.storyvisualizer-choices:first-child,.storyvisualizer-choices:nth-child(3){justify-content:center}}.storyvisualizer-choices{display:flex;justify-content:space-around;align-items:center;align-self:stretch;z-index:10;transition:background .3s ease;margin:0 auto;width:100%;height:100%;color:var(--white);font-size:30px;text-align:center;&:hover{background-color:rgba(255,255,255,.15)}}.storyvisualizer-hr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;border:1px solid var(--white);height:calc(100% - 140px);height:50%;color:var(--white)}.storyvisualizer-btn-back{display:flex;position:absolute;top:210px;left:0;align-items:center;gap:10px;transition:all .3s ease;margin:0 40px 40px 4vw;border:1px solid var(--white);border-radius:25px;padding:8px 15px;color:var(--white);&:hover{background-color:var(--white);color:var(--primary-text-color)}}.storyvisualizer-flex-container{display:flex;position:relative;justify-content:center;gap:30px;z-index:1;width:100%;height:auto;&.close{z-index:10000}}.storyvisualizer-confirm-btn{position:relative;z-index:11}.clone{position:absolute;top:50%;left:50%;justify-content:center;transform:translate(-50%,-50%);z-index:1000;width:auto;font-size:40px}.backdrop-blur{position:fixed;top:0;left:0;z-index:2;backdrop-filter:none;transition:all .3s ease;width:100vw;height:100vh;pointer-events:none}.backdrop-blur.open{backdrop-filter:blur(10px) brightness(.65);transition:all .3s ease}.choice-confirmation-indication{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:2;margin-top:100px;width:100%;pointer-events:none;color:var(--white);font-size:18px;text-align:center}.storyvisualizer-node-img{margin:50px auto;outline:1px solid var(--white);outline-offset:9px;border-radius:35px;max-width:900px;max-height:700px}