.thoughtsContainer *{color:var(--textColorDark)}.thoughtsContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;flex-shrink:0;width:100%}.thoughtsContent{width:100%;position:relative;min-height:300px;overflow:hidden}.carouselView{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;animation:fadeInSlide .6s ease-out}.gridView{animation:fadeInUp .6s ease-out}.thoughtsControls{width:20px;height:20px;background-color:var(--textColorDark);border-radius:25px;cursor:pointer;opacity:.3}.thoughtsControls:hover{opacity:1}.thoughtsControls:active{opacity:.3}.thoughtsListContainer{width:90vw;display:flex;overflow:hidden}.thought{width:28vw;flex-shrink:0;padding:10px;border-radius:20px 5px;border:2px dashed var(--textColorDark);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 10px;opacity:.3;transition:all .5s ease-in-out;cursor:pointer}.thought:hover{opacity:.8}.thought:active{opacity:.3}.thought.active{opacity:1}.thought p{font-size:13px;font-weight:600;line-height:20px;width:90%;font-family:Merriweather,serif}.thought h4{font-size:20px;font-weight:600}.thoughtsGridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px;padding:20px;justify-items:center;margin:0 auto}.thoughtGrid{padding:20px;border-radius:20px 5px;border:2px dashed var(--textColorDark);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:all .3s ease-in-out;background-color:#ffffff0d;width:100%;max-width:350px}.thoughtGrid:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.thoughtGrid p{font-size:14px;font-weight:600;line-height:22px;width:90%;font-family:Merriweather,serif;margin-bottom:15px}.thoughtGrid h4{font-size:18px;font-weight:600;margin-top:10px}.thoughtsContainer button{color:#fff}.buttonContainer{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.thought{width:60vw;padding:0}.thoughtsListContainer{width:70vw}.thoughtsGridContainer{grid-template-columns:1fr;gap:15px;padding:15px;justify-items:center}.thoughtGrid{padding:15px;max-width:100%}.thoughtGrid p{font-size:13px;line-height:20px}.thoughtGrid h4{font-size:16px}.thoughtsContent{min-height:250px}}