.Questions-section-visible{display:flex;flex-direction:column;height:100%;background:var(--Section-color);border-right:1px solid var(--Glass-stroke);align-items:center;>h2{width:290px;text-align:center}>p{padding:24px 0}>.Q-cards-section{display:flex;flex-direction:column;padding:16px 0;border-top:1px solid var(--Glass-stroke);gap:8px;overflow-y:auto;>.Info-line{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px 8px;>span{display:flex;align-items:center;justify-content:center;color:white;width:15px;height:15px;background:var(--My-black);border-radius:100%;font-size:14px}>p{margin:0;padding:0}}>.Clickable-questions{display:flex;flex-direction:column;gap:8px;>.Question-card{display:block;margin:0 16px;width:240px;padding:16px 8px;background-color:rgba(255,255,255,.3);border:1px solid var(--Glass-stroke);border-radius:8px;text-align:center;transition:all .3s ease;font-family:Lora,serif;animation:questionFadeIn .4s cubic-bezier(.3,0,.7,1)}>.Question-card:hover{cursor:pointer;background-color:rgba(255,255,255,.5);box-shadow:var(--White-light-cast)}>.Question-card:active{background-color:rgba(255,255,255,.7);box-shadow:0 0 12px 0 white}>.Question-card.disabled{background-color:var(--Dissabled-gray);border:1px solid var(--Dissabled-gray);pointer-events:none}>.Divider-to-generate-more-card{margin:8px 16px;width:auto}>.Question-skeleton-card{position:relative;overflow:hidden;display:block;margin:0 16px;height:95.5px;border:1px solid var(--Glass-stroke);border-radius:8px;background:var(--Glass-gradient)}>.Question-skeleton-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(270deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.7) 55%,rgba(255,255,255,0) 95%);animation:question-card-skeleton-sweep 2s ease-in-out infinite}>.Question-card.Generate-more-card{border-style:dashed;display:flex;align-items:center;justify-content:center;font-weight:600;transition:background .12s ease-in-out,opacity .2s ease,transform .2s ease;height:95.5px;padding-top:0;padding-bottom:0;font-family:Arial,Helvetica,sans-serif}>.Question-card.Generate-more-card.fade-in{animation:q-fade-in .2s ease-out both}>.Question-card.Generate-more-card.fade-out{animation:q-fade-out .2s ease-in both}}}}@keyframes questionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes q-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes q-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes question-card-skeleton-sweep{0%{left:-100%}60%{left:100%}to{left:100%}}.Questions-section-hidden{display:none}@media (hover:none){.Questions-section-visible>.Q-cards-section>.Clickable-questions>.Question-card:hover{box-shadow:none}}@media (max-width:743px){.Questions-section-visible{border-bottom:1px solid var(--Glass-stroke);border-right:none;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:flex-start;>h2{display:none}>.Q-cards-section{border:none;padding:8px;align-items:flex-start;width:calc(100% - 16px);>.Info-line{padding:0 8px;position:absolute}>.Clickable-questions{flex-direction:row;height:auto;width:auto;padding:0 8px;>.Question-card{display:flex;width:260px;height:104px;margin:0;padding:8px;align-items:center}>.Question-skeleton-card{width:260px;height:120px;margin:0}>.Divider-to-generate-more-card{margin:0 4px;width:auto;height:120px;border:.5px solid white}>.Question-card.Generate-more-card{justify-content:center;text-align:center;width:260px;height:104px;margin:0;padding:8px}}}}}@media (max-width:380px){.Questions-section-visible>.Q-cards-section{>.Info-line{padding:0}>.Clickable-questions{padding:28px 0 0}}}