.nav-container .navbar{background-color:#fff;position:sticky;display:flex;flex-direction:row;justify-content:space-between;top:0;align-items:center;z-index:1000}.nav-container .navbar ul{list-style:none;display:flex;justify-content:space-evenly;gap:3rem;margin:0;padding:0;margin-left:4rem;margin-top:0rem}.nav-container .navbar ul li{margin:0}.nav-container .navbar ul li a{text-decoration:none;color:#000;font-weight:400;display:inline-block;padding:15px 30px}.nav-container .navbar ul li a.active{color:#fff;font-weight:600;background-color:#894795;border-top-right-radius:10px;border-top-left-radius:10px;padding:15px 30px;display:inline-block}.nav-container .nav-input{display:flex;width:15rem;padding:15px;background-color:#f4f4f4;outline:none;border-radius:.5rem;border-width:0}.nav-container .nav-input::placeholder{color:#d4d4d4}.nav-container .search-container{display:flex;align-items:center;position:relative;overflow:hidden}.nav-container .search-container i{font-size:16px;cursor:pointer;position:absolute;right:0;margin-right:10px;color:#d4d4d4}.nav-container .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}.nav-container .menu-toggle span{display:block;width:25px;height:3px;background-color:#333;margin:5px 0;transition:.4s}.nav-container .menu-toggle.open span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-container .menu-toggle.open span:nth-child(2){opacity:0}.nav-container .menu-toggle.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width: 1300px){.nav-container .navbar ul{gap:1rem;margin-left:2rem}}@media (max-width: 1100px){.nav-container .menu-toggle{display:block;position:absolute;top:15px;right:20px}.nav-container .navbar ul{display:none;flex-direction:column;width:50%;position:absolute;top:60px;left:50%;transform:translate(-50%);background-color:#fff;border-top:1px solid #eee;gap:0;padding:1rem 0}.nav-container .navbar ul.nav-open{display:flex}.nav-container .navbar ul li{text-align:center;margin:0;width:100%}.nav-container .navbar ul li a{padding:15px 10px;width:100%}.nav-container .navbar ul li a.active{border-radius:0}}.contact-section{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background-color:#fff}.contact-info{width:50%;background-color:#0a4c92;color:#fff;border-top-left-radius:2rem;border-bottom-left-radius:2rem;padding:3rem 4rem}.display-flex{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem;gap:.7rem}.display-flex p{margin-top:.4rem;padding:0}.connect-border{width:20px;height:2px;background-color:#fff;display:flex}.contact-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-item i{font-size:1.5rem;color:#fff}.contact-label{font-size:.8rem;font-weight:700;opacity:.8}.contact-detail{font-size:1rem}.contact-connect{margin-top:2rem}.contact-connect p{font-size:.9rem;margin-bottom:.5rem}.social-icons a{margin-right:1rem;color:#fff;font-size:1.5rem;text-decoration:none}.contact-form{width:50%;margin:1rem}form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:row;width:100%}form textarea{height:120px;resize:none}form input::placeholder,form textarea::placeholder{color:#aaa}.send-button{display:flex;align-items:center;justify-content:center;margin-top:2rem;max-width:33%;gap:1.5rem;background-color:#894795;color:#fff;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;border:none;border-radius:.4rem;cursor:pointer;transition:background-color .3s ease}.send-button i{font-size:1rem}.send-button:hover{background-color:#083a71}.input-container{width:80%;display:flex;flex-direction:column;gap:1rem}.input-container-row{display:flex;max-width:80%;flex-direction:row;gap:3rem}.w-85{width:80%!important}.w-100{width:100%!important}.w-90{width:90%!important}.justify-center{display:flex;justify-content:center}.email-back{background-color:#894795;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:.3rem;color:#fff;text-align:center;min-width:30%}.card{display:flex;flex-direction:row;padding:2rem;background:#fff;box-shadow:0 12px 56px #061c3d1f;border-radius:20px}.card-subcontainer{display:flex;flex-direction:column;gap:1rem}.title{font-size:1.7rem;font-weight:500;margin:0!important;padding:0!important;color:#061c3d}.desc{color:#061c3dc5;font-weight:300;margin:0!important;padding:0!important;font-size:1rem}.chip-exo{display:flex;flex-direction:column;row-gap:1rem;padding:1.5rem;width:100%}.chip-exo .title-chip-exo{font-size:1.8rem;color:#061c3d;font-weight:400;margin:0}.chip-exo .desc-chip-exo{color:#42526b;font-size:1rem;font-weight:300;margin:0}.chip-exo .geo-container{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;align-items:center}.chip-exo .geo-container a{color:#894795;text-decoration:none}.table-container{margin:2rem;border:1px solid #F1F1F1;border-top-right-radius:1rem;border-top-left-radius:1rem;overflow:hidden;background-color:#f9f9f9}h3{text-align:center;background-color:#f1f1f1;font-weight:400;margin:0;padding:1rem;font-size:1.5rem}.custom-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}.custom-table th,.custom-table td{text-align:center;padding:1rem;color:#42526b;border:1px solid #EAEAEA;font-size:1.1em}.custom-table tbody{background-color:#fff;border:1px solid #EAEAEA}.custom-table th{background-color:#fff;font-weight:700}.custom-table td{vertical-align:middle}.download-button{background-color:#894795;color:#fff;padding:1rem 2.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.download-button:hover{background-color:#894795}.home-container .top-container{display:flex;flex-direction:column;padding:3rem 6rem;background-color:#894795;align-items:flex-start;border-radius:20px}.home-container .heading{font-size:3rem;margin:0!important;padding:0!important;background:transparent!important;text-align:left}.home-container .search-container{display:flex;flex-direction:row;gap:1rem;width:70%;align-items:center}.home-container .heading-desc{color:#fff;font-weight:300;font-size:1rem;max-width:50%}.home-container .search-input{display:flex;padding:1rem;flex:1;border-radius:8px;outline:none}.home-container .btn-search{background-color:#894795;align-items:center;display:flex;color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:300;gap:.3rem;border-radius:8px;cursor:pointer;border:none}.home-container .chart-container{display:flex;gap:2rem;flex-direction:column;align-items:center;margin-top:2rem;width:100%}.home-container .chart-container .chart-img{width:45%;height:40%}.home-container .search-bar-container{display:flex;gap:1rem;width:100%;max-width:90%;margin:1rem 0}.home-container .search-input-plot{flex:1;padding:.5rem;border-radius:4px;border:2px solid #ccc}.home-container .help-button-plot{padding:.5rem 1rem;border-radius:4px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;color:#333;font-weight:700}.home-container .search-button-plot,.home-container .clear-button-plot{padding:.5rem 1rem;border-radius:4px;color:#fff;border:none;cursor:pointer}.home-container .search-button-plot{background:#894795}.home-container .clear-button-plot{background:#6c757d}.home-container .help-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.home-container .help-popup{background:#fff;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.home-container .help-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.home-container .help-popup-header h3{margin:0;color:#333}.home-container .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.home-container .help-popup-content{padding:20px}.home-container .help-popup-content p{margin-bottom:15px;line-height:1.5;color:#555}@media (max-width: 768px){.home-container .top-container .heading{font-size:1.5rem}.home-container .top-container .heading-desc{font-size:.9rem}}.home-container .kzfp-container{justify-content:center;flex-direction:column;margin-top:7rem;display:flex;align-items:center;background-color:#894795;padding:2rem;border-radius:20px}.home-container .kzfp-container .kzfp-title{font-size:2.5rem;color:#fff;margin:0;margin-top:3rem}.home-container .kzfp-container .points-container{display:flex;justify-content:center;margin-top:2rem;flex-wrap:wrap}.home-container .kzfp-container .card-container-kzfp{display:flex;flex-direction:row;background-color:#fff;margin:1rem;gap:2rem;padding:2rem;min-width:35rem;border-radius:12px;align-items:center}.home-container .kzfp-container .card-container-kzfp img{width:12%}.home-container .kzfp-container .card-container-kzfp .card-text-section{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.home-container .kzfp-container .card-container-kzfp .card-text-section .card-container-title{margin:0;padding:0;font-weight:400;background-color:transparent}.home-container .kzfp-container .card-container-kzfp .card-text-section .card-container-desc{margin:0;font-weight:400;max-width:25rem;color:#42526b}.cell-cycle-container{display:flex;flex-direction:column;text-align:center;padding:2rem}.cell-cycle-container .main-container{background-color:#894795}.cell-cycle-container .heading{font-size:1rem;font-weight:300}.cell-cycle-container .img-container{display:flex;flex-direction:row;gap:1rem}.cell-cycle-container .ref-genes{width:100%!important;height:100%!important;cursor:pointer!important}.cell-cycle-container .interest-genes{width:30%!important;height:30%!important;cursor:pointer!important}.cell-cycle-container .button-container{margin-top:1rem}.cell-cycle-container .cell-cycle-button{display:inline-block;padding:.75rem 1.5rem;background-color:#894795;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s ease}.cell-cycle-container .cell-cycle-button:hover{background-color:#0e4a7b}.cross-species-section{justify-content:center;display:flex;flex-direction:column;align-items:center}.help-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1001;max-width:400px}.popup-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.expression-in-tissues-section{display:flex;flex-direction:column;row-gap:3rem}.general-section{max-width:70%}.general-section .styled-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9em}.general-section .styled-table thead tr{background-color:#894795;color:#fff;text-align:left}.general-section .styled-table thead th{padding:12px 15px}.general-section .styled-table tbody tr{background-color:#fff}.general-section .styled-table tbody td{padding:12px 15px;border:1px solid #ddd;word-wrap:break-word}.general-section .styled-table tbody td:first-child{font-weight:700}.general-section .styled-table tbody td a{color:#0073e6;text-decoration:none}.general-section .styled-table tbody td a:hover{text-decoration:underline}.not-found-container{display:flex;flex-direction:column;text-align:center;justify-content:center;width:55vw;height:50vh;align-items:center}.not-found-container h4{font-size:3rem;font-weight:300;text-align:center}.motif-section .custom-table-container{display:flex;justify-content:center;margin:20px auto;max-width:800px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.motif-section .custom-table{min-width:100%;border-collapse:collapse;text-align:left}.motif-section .custom-table .forward-table{table-layout:fixed;padding:.5rem;width:100%}.motif-section .custom-table th{background-color:#894795;color:#fff;padding:12px;font-size:18px}.motif-section .custom-table td{padding:12px;font-size:16px;vertical-align:middle}.motif-section .custom-table tr:hover{background-color:#f1f1f1}.motif-section .custom-table .custom-image{display:block;margin:10px auto;max-width:80%;height:40%}.polymorphism-section .genome-comparison-container{display:flex}.polymorphism-section .genome-comparison-container .genome-section{width:calc(50% - 10px)}.polymorphism-section .genome-comparison-container .genome-section .genome-title{background:none!important;margin:0!important;padding:0!important;text-align:center;font-size:18px;font-weight:700}.polymorphism-section .genome-comparison-container .genome-section h3{text-align:center;font-size:18px;color:#333;margin-bottom:15px}.polymorphism-section .genome-comparison-container .genome-section .table-container table{width:100%;border-collapse:collapse;table-layout:fixed}.polymorphism-section .genome-comparison-container .genome-section .table-container table th,.polymorphism-section .genome-comparison-container .genome-section .table-container table td{border:1px solid #ddd;text-align:left;padding:.8rem}.polymorphism-section .genome-comparison-container .genome-section .table-container table th{background-color:#894795;font-weight:400!important;padding:1.2rem;color:#fff;font-weight:700}.polymorphism-section .genome-comparison-container .genome-section .table-container table td{color:#555}.polymorphism-section .genome-comparison-container .genome-section .help-container{text-align:center;margin:10px 0}.polymorphism-section .genome-comparison-container .genome-section .help-container button{background-color:#894795;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.polymorphism-section .genome-comparison-container .genome-section .help-container button:hover{background-color:#0d4d85}.polymorphism-section .genome-comparison-container .genome-section .chart-container,.polymorphism-section .genome-comparison-container .genome-section .msa-container{display:flex;flex-direction:column;row-gap:3rem;justify-content:center;align-items:center}.polymorphism-section .genome-comparison-container .genome-section .chart-container p,.polymorphism-section .genome-comparison-container .genome-section .msa-container p{margin:0;font-size:14px;color:#666}.polymorphism-section .help-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.polymorphism-section .help-popup{background:#fff;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.polymorphism-section .help-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.polymorphism-section .help-popup-header h3{margin:0;color:#333}.polymorphism-section .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.polymorphism-section .close-button:hover{color:#333}.polymorphism-section .help-popup-content{padding:20px}.polymorphism-section .help-popup-content p{margin-bottom:15px;line-height:1.5;color:#555}.polymorphism-section .help-popup-content ul{margin-bottom:15px;padding-left:20px}.polymorphism-section .help-popup-content ul li{margin-bottom:8px;line-height:1.5;color:#555}.polymorphism-section .help-popup-content ul li strong{color:#333}.tycko-container p{font-weight:400;font-size:1rem;color:#464646}.tycko-container p a{font-weight:700;text-decoration:none;color:#464646}.tycko-container .styled-table{width:100%;border-collapse:collapse;font-size:.9em}.tycko-container .styled-table thead tr{background-color:#894795;color:#fff;text-align:left}.tycko-container .styled-table thead th{padding:12px 15px}.tycko-container .styled-table tbody tr{background-color:#fff}.tycko-container .styled-table tbody td{padding:12px 15px;border:1px solid #ddd;word-wrap:break-word}.tycko-container .styled-table tbody td a{color:#0073e6;text-decoration:none}.tycko-container .styled-table tbody td a:hover{text-decoration:underline}.zinc-finger-section .styled-table{width:100%;border-collapse:collapse;font-size:.9em}.zinc-finger-section .styled-table thead tr{background-color:#894795;color:#fff;text-align:left}.zinc-finger-section .styled-table thead th{padding:12px 15px}.zinc-finger-section .styled-table tbody tr{background-color:#fff}.zinc-finger-section .styled-table tbody td{padding:12px 15px;border:1px solid #ddd;word-wrap:break-word}.zinc-finger-section .styled-table tbody td a{color:#0073e6;text-decoration:none}.zinc-finger-section .styled-table tbody td a:hover{text-decoration:underline}.zinc-finger-section .btn-download{background:#894795;color:#fff;padding:.5rem 1rem;font-size:1rem;margin-top:1rem;border-radius:.3rem;border:none;cursor:pointer}.zinc-finger-section :hover{background-color:#e5e5e5;color:#894795}.input-with-icon .input-container{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .styled-input{width:100%;height:50px;border:1px solid #ddd;font-weight:300!important;border-radius:8px;padding:0 2.5rem 0 1rem;font-size:14px;color:#9c9c9c;outline:none;background-color:#fff}.input-with-icon .styled-input::placeholder{color:#999}.input-with-icon .styled-input:focus{border-color:#ccc;box-shadow:0 0 3px #0000001a}.input-with-icon .search-icon{position:absolute;right:-1.4rem;top:.9rem;color:#999;pointer-events:none}.kzfps-controls{display:flex;flex-direction:row;gap:3rem;justify-content:center;margin-bottom:1rem}.kzfp-groups-container{display:grid;grid-template-columns:repeat(11,1fr);gap:1.5rem;align-items:start}.kzfp-group{width:100%;justify-content:center}.kzfp-group-title{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.card-list-container{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;width:100%}@media (max-width: 1200px){.kzfp-groups-container{grid-template-columns:repeat(6,1fr)}}@media (max-width: 992px){.kzfp-groups-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.kzfps-controls{flex-direction:column;gap:1rem;align-items:center}.kzfps-controls>div{width:100%!important}.kzfp-groups-container{grid-template-columns:repeat(3,1fr)}}.kzfp-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:box-shadow .2s ease-in-out}.kzfp-card:hover{box-shadow:0 4px 8px #0000001a}.kzfp-card .card-row{display:flex;justify-content:center}.kzfp-card .card-row strong{color:#333}.kzfp-card .card-row span{color:#555;text-align:right}.reference-container{display:flex;flex-direction:column;padding:0rem 5rem;gap:2rem}.reference-container .title{font-size:1.7rem;font-weight:500;margin:0!important;padding:0!important;color:#061c3d}.list-item{font-weight:300!important;color:#061c3dd1;display:flex;flex-direction:column;gap:1.5rem}.list-item a{text-decoration:none;color:#061c3dd1}.tecentric-container .table-container{margin:2rem;border:1px solid #F1F1F1;border-top-right-radius:1rem;border-top-left-radius:1rem;overflow:hidden;background-color:#f9f9f9}.tecentric-container h3{text-align:center;background-color:#f1f1f1;font-weight:400;margin:0;padding:1rem;font-size:1.5rem}.tecentric-container .custom-table{width:100%;margin-top:2rem;border-collapse:collapse;table-layout:fixed}.tecentric-container .custom-table th,.tecentric-container .custom-table td{text-align:center;padding:1rem;color:#42526b;border:1px solid #EAEAEA;font-size:1.1em}.tecentric-container .custom-table tbody{background-color:#fff;border:1px solid #EAEAEA}.tecentric-container .custom-table th{background-color:#894795;color:#fff}.tecentric-container .custom-table td{vertical-align:middle}.tecentric-container .download-button{background-color:#894795;color:#fff;padding:1rem 2.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.tecentric-container .download-button:hover{background-color:#894795}.tecentric-container .select-container{display:flex;justify-content:center;width:100%;max-width:800px;margin:0 auto}.tecentric-container .select-container .react-select-container{width:50%}.tecentric-container .no-category-container{display:flex;justify-content:center;text-align:center}.tecentric-container .no-category-text{font-size:1.5rem;font-weight:300}.intro{background:#894795;justify-content:center;display:flex;align-items:center;flex-direction:column;margin-bottom:5em;padding:2rem;border-radius:20px}.heading{font-weight:600;color:#fff;font-size:4rem;margin:0;margin-top:1rem}.description{font-weight:300;text-align:center;max-width:45%;color:#fff}.footer{background-color:#f9f9f9;padding:2rem 1rem;border-top:1px solid #e0e0e0}.footer-container{display:flex;justify-content:space-around;align-items:flex-start;width:100%;flex-wrap:wrap;gap:2rem;margin:0 auto}.footer-description{max-width:80%;font-size:.95rem;color:#6a778b;line-height:1.5rem;text-align:left}.footer-links h4{font-size:1.1rem;margin-bottom:.5rem;color:#061c3d}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links li a{text-decoration:none;color:#9c9c9c;font-size:.95rem;font-weight:400;transition:color .3s}.footer-links li a:hover{color:#061c3d}.footer-social{display:flex;gap:1rem;align-items:center}.footer-social a{display:inline-block;width:40px;height:40px;margin-top:1.2rem;border-radius:8px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.footer-social a:hover{background-color:#e0e0e0}.footer-social img{width:40px;height:40px}.quick-links{font-size:1rem;color:#061c3d;font-weight:400;text-transform:uppercase;margin-bottom:2rem!important}.footer-section{display:flex;justify-content:center;flex-direction:column;align-items:center}.footer-border{height:1px;width:80%;background-color:#e6e8ec;margin-top:2rem;margin-bottom:1rem}.footer-copyright{text-align:center;font-size:.9rem;color:#888}.content{margin-bottom:5rem}body{background-color:#fff;font-family:Helvetica;margin:1em 8%}body,.helvetica-font{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.page-padding{padding:0rem 5rem}.display-flex-row-gap{display:flex;gap:1rem;flex-direction:row}.justify-center{justify-content:center;display:flex}.gap2{gap:2rem}.gap3{gap:3rem}.gap4{gap:4rem}.btn-themed{background:#894795;color:#fff;padding:.5rem 1rem;font-size:1rem;margin-top:1rem;border-radius:.3rem;border:none;cursor:pointer}.btn-themed a{text-decoration:none;color:#fff}.tabs-container{display:flex;flex-direction:row;justify-content:center;gap:1.5rem}.tab-btn{color:#061c3d;border:1px solid #F5F6F7;border-radius:5px;padding:1rem 2.5rem;text-decoration:none;transition:background-color .3s,color .3s}.tab-btn.selected{color:#fff;background-color:#894795;border:none}.downloads-content{padding:2rem 0rem}.layout-container{display:flex;flex-direction:column;padding:1rem;gap:2rem}.diagram-container{display:flex;justify-content:center;align-items:center;border-radius:8px}.content-layout{display:flex;padding:3rem 5rem;gap:2rem}.section-text{font-weight:500!important;color:#000}.section-list{min-width:25%;border-right:1px dashed #ddd}.section-list ul{color:#c3c3c3;padding:0}.section-list ul li{padding:.6rem 0;list-style-position:inside}.section-list ul li a{text-decoration:none;font-size:1rem;color:#c3c3c3}.section-list ul li a.active{font-weight:700;color:#894795}.section-list ul li a:hover{color:#1260a06b}.cartoon-img{height:50%;width:50%}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}