.tutorial-box{position:fixed;z-index:1000;top:-200px;left:1.5%;width:500px;min-width:30%;height:fit-content;padding:20px;background-color:var(--secondary-color);color:var(--text-color);text-align:center;transition:top .5s ease-in-out;border-radius:8px;border:3px;border-style:solid;display:flex;align-items:center;cursor:pointer}.case-file:hover{z-index:999}.solve-button:hover{z-index:999}.tutorial-image{margin-left:20px;max-width:80px;max-height:80px}.tutorial-content{text-align:left;margin-left:15px;margin-right:15px}.tutorial-title{font-weight:700;font-size:var(--font-size-l);margin-bottom:8px}.tutorial-title::after{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:16px 16px 0 16px;border-color:var(--text-color) transparent transparent transparent;margin-top:4px;margin-left:10px;position:absolute;right:20px}.tutorial-description{margin:0;font-size:var(--font-size-m);line-height:1.2}@keyframes spin{0%{transform:translateX(0)}100%{transform:translateX(100px)}}.tutorial-highlight{border:2px solid!important;border-image:linear-gradient(to right,brown,var(--red))!important;border-image-slice:1!important;border-collapse:collapse}.tutorial-highlight p{z-index:20!important;color:var(--red)}@media screen and (max-width:790px){.chatbot{height:82%}.case-file{height:82%}}@media screen and (max-width:680px){.tutorial-box{left:0;width:100%;transform:translateY(-5px)}.index .flex-col{padding-top:60px}.index .messages-left{bottom:8px}}@media screen and (max-height:800px){.tutorial-box p{font-size:var(--font-size-s)}}