.modal{background-color:#000;background-color:#0006;display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:99999}.modal.dialouge .modal-content{bottom:0;left:0;position:absolute;right:0}.modal.dialouge.open .modal-content{animation-direction:normal;animation-duration:.5s;animation-name:show-dialouge-popup}.modal.dialouge.open .modal-content>span{animation-direction:normal;animation-duration:.55s;animation-name:show-dialouge-content}.modal.dialouge.closing .modal-content{animation-direction:normal;animation-duration:.55s;animation-name:hide-dialouge-popup}.modal.dialouge.closing .modal-content>span{animation-direction:normal;animation-duration:.55s;animation-name:hide-dialouge-content}.modal.closing,.modal.open{display:block}@keyframes show-dialouge-popup{0%{bottom:-30%}to{bottom:0}}@keyframes hide-dialouge-popup{0%{bottom:0}to{bottom:-30%}}@keyframes show-dialouge-content{0%{opacity:0}to{opacity:0}}@keyframes hide-dialouge-content{0%{opacity:1}to{opacity:0}}.modal-content{background-color:#fff;border:12px solid #1e1e28;border-radius:25px;margin:40px;padding:var(--items-gap)}.modal-content h2{margin-bottom:var(--fields-gap)}#dialouge-speach-typewriter{padding-bottom:10px;padding-top:30px}.popup-interaction-area{height:100%;left:0;position:absolute;top:0;width:100%}.center-text{text-align:center}.items-area{display:flex;flex-wrap:wrap;justify-content:center}#playerChoiceArea{padding-bottom:10px;padding-top:30px}.playerDialougeChoice{background:#8ce1e1;border-radius:8px;cursor:pointer;margin-right:20px;padding:10px}.playerDialougeChoice:hover{opacity:.7}.playerDialougeChoice:active{opacity:.5}