@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&display=swap";*{resize:none}.fasta-container{text-align:center;background:#30303080;box-shadow:5px 10px 15px #246d9b33;padding:20px;border-radius:10px;position:relative}.reset-button{cursor:pointer;background-color:#00e6e6;color:#121212;padding:10px 20px;border:none;border-radius:20px;font-size:16px;font-weight:700;position:absolute;top:10px;left:10px;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.reset-button:hover{background:#00bdbd;color:#fff;box-shadow:0 0 10px #00e6e6cc}.reset-button:focus,.reset-button:active{outline:none!important;box-shadow:none!important;background:#00bdbd!important;color:#fff!important}select{width:80%;padding:10px;margin-top:10px;background:#333;color:#fff;border:1px solid #555;border-radius:5px;resize:none;font-size:16px;height:50px}textarea{width:80%;padding:10px;margin-top:10px;background:#333;color:#fff;border:1px solid #555;border-radius:5px;resize:none;height:100px;font-size:16px}input{width:80%;padding:10px;margin-top:10px;margin-bottom:10px;background:#333;color:#fff;border:1px solid #555;border-radius:5px;resize:none;height:50px;font-size:16px}input::placeholder,textarea::placeholder{font-size:16px}button{background:#007bff;color:#fff;padding:10px 15px;border:none;margin-top:10px;cursor:pointer}button:hover{background:#0056b3}.fetch-button{background:#007bff;color:#fff;padding:10px 15px;border:none;margin-top:10px;margin-left:10px;cursor:pointer;border-radius:20px}.fetch-button:hover{background:#0056b3}.help-title{margin-top:120px;margin-bottom:10px}.analyze-button{cursor:pointer;background-color:#00e6e6;color:#121212;padding:10px 20px;border:none;border-radius:20px;font-size:16px;font-weight:700;flex:1;max-width:200px;text-align:center}.analyze-button:hover{background:#00bdbd;box-shadow:#2661a0 1px 3.5px 12.5px;color:#fff}.book-loader-container{display:"flex";justify-content:"center";position:"absolute";top:"50%";left:"50%";width:80%;height:80%}:root{--bg: #000000;--clr-1: #00c2ff;--clr-2: #33ff8c;--clr-3: #ffc640;--clr-4: #e54cff;--blur: 1rem;--fs: clamp(3rem, 8vw, 7rem);--ls: clamp(-1.75px, -.25vw, -3.5px)}.content{text-align:center;margin-top:1rem}.title{font-size:5rem;font-weight:400;letter-spacing:var(--ls);position:relative;overflow:hidden;padding:0}.aurora{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;mix-blend-mode:darken;pointer-events:none}.aurora__item{overflow:hidden;position:absolute;width:60vw;height:60vw;border-radius:37% 29% 27% 27%/28% 25% 41% 37%;filter:blur(var(--blur));mix-blend-mode:overlay}.aurora__item:nth-of-type(1){top:-50%;animation:aurora-border 6s ease-in-out infinite,aurora-1 12s ease-in-out infinite alternate}.aurora__item:nth-of-type(2){background-color:var(--clr-3);right:0;top:0;animation:aurora-border 6s ease-in-out infinite,aurora-2 12s ease-in-out infinite alternate}.aurora__item:nth-of-type(3){background-color:var(--clr-2);left:0;bottom:0;animation:aurora-border 6s ease-in-out infinite,aurora-3 8s ease-in-out infinite alternate}.aurora__item:nth-of-type(4){background-color:var(--clr-4);right:0;bottom:-50%;animation:aurora-border 6s ease-in-out infinite,aurora-4 24s ease-in-out infinite alternate}@keyframes aurora-1{0%{top:0;right:0}50%{top:100%;right:75%}75%{top:100%;right:25%}to{top:0;right:0}}@keyframes aurora-2{0%{top:-50%;left:0%}60%{top:100%;left:75%}85%{top:100%;left:25%}to{top:-50%;left:0%}}@keyframes aurora-3{0%{bottom:0;left:0}40%{bottom:100%;left:75%}65%{bottom:40%;left:50%}to{bottom:0;left:0}}@keyframes aurora-4{0%{bottom:-50%;right:0}50%{bottom:0%;right:40%}90%{bottom:50%;right:25%}to{bottom:-50%;right:0}}@keyframes aurora-border{0%{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}25%{border-radius:47% 29% 39% 49%/61% 19% 66% 26%}50%{border-radius:57% 23% 47% 72%/63% 17% 66% 33%}75%{border-radius:28% 49% 29% 100%/93% 20% 64% 25%}to{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}}.subtitle{font-size:2rem;font-weight:200;color:#fff;padding-top:0%;margin-top:0%}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b1b1b;color:#fff;font-family:Poppins,sans-serif;padding:2.5% 0% 0%;position:relative;width:100%;min-height:100vh;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px;max-width:100%}*{box-sizing:border-box}.home-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#00e6e6}.fasta-fetcher-container{width:100%;max-width:600px;background:#222;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00e6e64d}.home-wrapper{position:relative;width:100%;min-height:100vh;overflow:hidden}.header-container{display:flex;align-items:center;gap:0px}.navbar{display:flex;align-items:center;justify-content:center;background-color:#252e3380;padding:15px 20px;box-shadow:5px 10px 15px #246d9b33;width:50%;border-radius:25px;position:fixed;top:0;margin-top:2.5%;z-index:100;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.navbar.visible{transform:translateY(0);opacity:1}.navbar.hidden{transform:translateY(-150%);opacity:0;pointer-events:none}.nav-buttons{display:flex;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;max-width:500px;padding:10px}.nav-buttons::-webkit-scrollbar{display:none}.nav-button{background-color:#00e6e6;color:#121212;padding:10px 20px;margin:0 5px;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:700;transition:all .3s ease-in-out}.nav-button:hover{background-color:#00b3b3;color:#fff}.nav-arrow{background:none;border:none;color:#00e6e6;font-size:1.5rem;cursor:pointer;padding:5px;transition:color .3s ease-in-out;outline:none;-webkit-tap-highlight-color:transparent}.nav-arrow:hover{background:none;color:#00b3b3;outline:none}.nav-arrow:active{background:none;outline:none}.nav-arrow:active,.nav-arrow:focus{outline:none}.left{margin-right:10px}.right{margin-left:10px}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1b1b1b;color:#fff;font-family:Poppins,sans-serif;padding:17.5% 10% 10%;overflow:hidden;width:100%;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#00e6e6;margin-top:auto}p{font-size:large}.dev-container{display:flex}.dev-title{padding-top:3%;font-size:2.5rem;font-weight:700;color:#0ff}.dev{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-family:Poppins,sans-serif;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px}.feedback-page{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px}.feedback-container{background-color:#191b20;color:#f1f1f1;padding:2rem;border-radius:10px;width:50%;margin:5% auto;text-align:center;box-shadow:0 5px 12px #0ff3;opacity:.85;transition:opacity .3s ease-in-out}.feedback-container input:-webkit-autofill,.feedback-container textarea:-webkit-autofill{background-color:#25282e!important;-webkit-box-shadow:0 0 0 1000px #25282e inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}.feedback-container h2{color:#00e6e6;margin-bottom:10px}.feedback-container p{font-size:1rem;margin-bottom:20px}.feedback-container form{display:flex;flex-direction:column;gap:10px}.feedback-container input,.feedback-container textarea{width:100%;padding:10px;border:none;border-radius:5px;font-size:1rem;background:#25282e;color:#fff}.feedback-container textarea{height:100px;resize:none}.buttons{display:flex;justify-content:center;gap:20px;margin-top:15px}.back-button-feedback,.submit-button-feedback{cursor:pointer;background-color:#00e6e6;color:#121212;padding:15px 30px;border:none;border-radius:20px;font-size:16px;font-weight:700;box-shadow:#00e6e6 0 0 10px;width:40%;margin:0 auto;flex:1;max-width:150px;text-align:center;height:fit-content}.feedback-container button:hover{background-color:#00b3b3;color:#fff}.success-message{margin-top:10px;color:#fff;font-weight:700}.star-rating{display:flex;justify-content:center;margin-bottom:15px;position:relative}.star{font-size:2.5rem;cursor:pointer;color:#555;transition:color .3s;position:relative}.star:hover,.star.selected{color:#00e6e6}.tooltip-star{background:#262626cc;display:inline-block;position:absolute;bottom:5;left:50%;white-space:nowrap;padding:.4rem .6rem;border-radius:5px;font-size:.8rem;font-weight:600;color:#00e6e6;opacity:0;pointer-events:none;transform:translate(-50%,-90%);transition:all .2s ease;z-index:1}.tooltip-star:after{content:"";position:absolute;bottom:1px;left:50%;border:solid;border-width:10px 10px 0 10px;border-color:transparent;transform:translate(-50%,100%)}.star:hover .tooltip-star{opacity:1;transform:translate(-50%,-130%)}.star:hover .tooltip-star:after{border-top-color:#262626cc}.help-container{min-height:100vh;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;color:#fff;font-family:Poppins,sans-serif;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px;overflow-x:hidden;width:100%;box-sizing:border-box}.help-title{font-size:2.5rem;font-weight:700;color:#00e6e6}.video-placeholder{max-width:90vw;width:740px;height:460px;background-color:#111;display:flex;align-items:center;justify-content:center;margin:20px auto;border-radius:12px;border:2px solid #00e6e6;box-shadow:0 0 15px #00e6e6;padding:5px;box-sizing:border-box}.video-placeholder iframe{width:100%;height:100%;border-radius:8px}.step-guide{max-height:350px;overflow-y:auto;background:#ffffff0d;padding:20px;margin:20px auto;width:85%;border-radius:10px;box-shadow:0 3px 12px #0000004d;scrollbar-color:#00e6e6 transparent;scrollbar-width:thin}.step-guide::-webkit-scrollbar{width:6px}.step-guide::-webkit-scrollbar-thumb{background-color:#00e6e6;border-radius:10px}.step-title{color:#00e6e6;font-size:1.8rem;margin-bottom:15px;margin-top:0}.step-list{list-style:none;padding:0;color:#fff;font-size:1rem}.step-item{background:#00e6e60d;margin-bottom:10px;padding:12px 18px;border-left:4px solid #00e6e6;border-radius:6px;text-align:left;transition:background .3s}.step-item:hover{background:#00e6e626}.step-item a{color:#00e6e6;text-decoration:underline}.back-button{cursor:pointer;background-color:#00e6e6;color:#121212;padding:10px 20px;border:none;border-radius:20px;font-size:16px;font-weight:700;box-shadow:#00e6e6 0 0 10px;width:25%;margin-top:20px}.back-button:hover{background-color:#00b3b3;color:#fff;box-shadow:#00e6e6 0 0 15px}.total-page{display:flex;justify-content:center;align-items:center;z-index:-1;background:radial-gradient(circle farthest-side at 0% 50%,#282828 23.5%,#fa00 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,#2c3539 24%,#f0a61100 0) 19px 30px,linear-gradient(#282828 14%,#f0a61100 0,#f0a61100 85%,#282828 0) 0 0,linear-gradient(150deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(30deg,#282828 24%,#2c3539 0,#2c3539 26%,#f0a61100 0,#f0a61100 74%,#2c3539 0,#2c3539 76%,#282828 0) 0 0,linear-gradient(90deg,#2c3539 2%,#282828 0,#282828 98%,#2c3539 0%) 0 0 #282828;background-size:40px 60px;padding-top:100px}.ligand-analysis-container{max-width:800px;margin:0 auto 40px;padding:25px;background:#00000026;border-radius:10px;box-shadow:1px 7.5px 17.5px #0000001a;color:#000}.title-analysis{text-align:center;font-size:24px;font-weight:700;color:#fff}.subtitle-analysis{text-align:center;font-size:18px;color:#fff}.subtitle span{font-weight:700;color:#007bff}.analysis-section,.ligand-section{margin-top:20px;padding:15px;border-radius:8px;background:#e6e8eb;box-shadow:inset 0 3px 6px #00000014;mix-blend-mode:difference}.analysis-text{line-height:1.6;padding:10px;background:#e6e8eb;mix-blend-mode:multiply;border-radius:6px}.ligand-list{list-style:none;padding:0;margin:0}.ligand-list li{display:flex;justify-content:space-between;background:#a2a2a2;box-shadow:#e6e8eb 1px 3px 6px;margin:5px 0;padding:10px;border-radius:6px;font-size:14px}.ligand-id{font-weight:700;color:#000}.ligand-smiles{font-family:monospace;color:#000}.visualize-button-container{display:flex;justify-content:center;margin-top:20px}.visualize-button{cursor:pointer;background-color:#00e6e6;color:#121212;padding:10px 20px;border:none;border-radius:20px;font-size:16px;font-weight:700;flex:1;max-width:200px;text-align:center;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.visualize-button:hover{background:#00bdbd;box-shadow:#2661a0 1px 3.5px 12.5px;color:#fff}.header{display:flex;align-items:center;justify-content:flex-start;background-color:#252e3300;padding:15px 20px;width:100%;border-radius:25px;position:fixed;top:0;left:0;z-index:100;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header:hover{transform:translateY(0);opacity:1}.header-logo{display:flex;align-items:center}.header-logo-img{width:50px;height:auto}.header-logo-text{margin-left:10px;font-size:1.5rem;color:#00e6e6}:root{--primary-bg: #1b1b1b;--card-bg: rgba(7, 24, 46, .8);--text-color: #ffffff;--accent-color: #00d4ff;--shadow-color: rgba(0, 0, 0, .3);--gradient-start: #282828;--gradient-end: #2c3539;--button-bg: #00e6e6;--button-hover-bg: #00bdbd;--button-text-color: #121212;--button-hover-text-color: #ffffff}.visualize-ligands-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:radial-gradient(circle farthest-side at 0% 50%,var(--gradient-start) 23.5%,rgba(255,170,0,0) 0) 21px 30px,radial-gradient(circle farthest-side at 0% 50%,var(--gradient-end) 24%,rgba(240,166,17,0) 0) 19px 30px,linear-gradient(var(--gradient-start) 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,var(--gradient-start) 0) 0 0,linear-gradient(150deg,var(--gradient-start) 24%,var(--gradient-end) 0,var(--gradient-end) 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,var(--gradient-end) 0,var(--gradient-end) 76%,var(--gradient-start) 0) 0 0,linear-gradient(30deg,var(--gradient-start) 24%,var(--gradient-end) 0,var(--gradient-end) 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,var(--gradient-end) 0,var(--gradient-end) 76%,var(--gradient-start) 0) 0 0,linear-gradient(90deg,var(--gradient-end) 2%,var(--gradient-start) 0,var(--gradient-start) 98%,var(--gradient-end) 0%) 0 0 var(--gradient-start);background-size:40px 60px;color:var(--text-color);font-family:Poppins,sans-serif;padding:100px 10% 5%;width:100%;overflow:hidden;position:relative}.visualize-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,var(--accent-color),#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:50px;height:50px;border:5px solid var(--accent-color);border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{font-size:1.2rem;color:#f55}.retry-button{margin-top:10px;padding:8px 16px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.retry-button:hover{background-color:#0af}.back-to-report-button{position:absolute;top:20px;right:20px;padding:10px 20px;background-color:var(--button-bg);color:var(--button-text-color);border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;max-width:200px;text-align:center;z-index:10;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 15px #00ffff4d}.back-to-report-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text-color);box-shadow:#2661a0 1px 3.5px 12.5px}.carousel{position:relative;width:90%;max-width:1200px;height:600px;margin:auto;overflow:visible;border-radius:15px;box-shadow:0 5px 15px var(--shadow-color)}.carousel-container{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%;will-change:transform}.ligand-card{min-width:100%;height:100%;padding:20px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);border-radius:100px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,filter .3s ease,opacity .3s ease;opacity:0;overflow:hidden;box-shadow:#000 0 0 15px}.ligand-card.active{transform:scale(1);filter:none;opacity:1;z-index:2}.ligand-card.adjacent{transform:scale(.9);filter:blur(5px);opacity:.5;z-index:1;box-shadow:0 10px 20px #00000080}.ligand-card.hidden{opacity:0;transform:scale(.8);z-index:0}.ligand-card:hover{transform:scale(1.02)}.ligand-card h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0px 0px 15px #000000}.viewer-container{width:80%;height:50%;background-color:#eee;border-radius:100px;position:relative;box-shadow:#000 0 0 15px;overflow:hidden}.zoom-button{position:absolute;top:10px;right:10px;background-color:var(--accent-color);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.zoom-button:hover{background-color:#0af}.ligand-details{font-size:1rem;margin-top:1rem;color:#eee}.ligand-details p{margin:5px 0;text-shadow:0px 0px 15px #000000}.tooltip{position:relative;cursor:pointer}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:15px;cursor:pointer;border-radius:50%;font-size:1.5rem;transition:background-color .3s ease}.prev{left:20px}.next{right:20px}.prev:hover,.next:hover{background-color:#000c}.thumbnail-nav{display:flex;justify-content:center;gap:10px;margin-top:20px}.thumbnail{background-color:#ffffff1a;padding:10px 20px;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.thumbnail:hover{background-color:#fff3;text-shadow:0px 0px 15px #000000}.thumbnail.active{background-color:var(--accent-color)}@media (max-width: 768px){.carousel{height:500px}.viewer-container{width:90%;height:40%}.ligand-card h3{font-size:1.2rem}.ligand-details{font-size:.9rem}.prev,.next{padding:10px;font-size:1.2rem}.back-to-report-button{top:10px;right:10px;padding:8px 16px;font-size:.9rem}}.ligand-card:before{content:"";width:1500px;background-image:linear-gradient(180deg,#69cdf4,#ce43ce);height:1500px;animation:rotBGimg 3s linear infinite;transition:all .2s linear;z-index:-5;position:absolute;overflow:hidden}@keyframes rotBGimg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ligand-card h3{margin-bottom:3%}.download-button{scale:.01;z-index:-9999999999999}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}@tailwind base;@tailwind components;@tailwind utilities;