@media (min-width:320px) and (max-width:600px){.topnav-title{white-space:nowrap;font-size:12px;font-weight:700}.topnav-grid-container,.topnav-grid2-container{grid-auto-columns:max-content;grid-auto-flow:column;gap:3px;display:grid}.topnav-wrapper{-ms-overflow-style:none;scrollbar-width:none;padding-left:8px;padding-right:8px;overflow-x:auto}.topnav-wrapper::-webkit-scrollbar{display:none}.topnav-scroll{flex-wrap:nowrap;gap:25px}.topnav-container{z-index:20;background-color:#fff;border-top:1px solid #dcdfea99;border-bottom:1px solid #dcdfea99;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;top:60px;left:0}.topnav-fade-right:after{content:"";pointer-events:none;background:linear-gradient(270deg,#fff 60%,#fff6 85%,#fff0 100%);width:40px;height:100%;position:absolute;top:0;right:0}.topnav-link{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:2px;padding:2px 4px;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex}.topnav-link:hover .topnav-title{color:#0070f3}.topnav-link.active{background-color:#0070f30d;border-color:#0070f3;font-weight:700}.topnav-link.active .topnav-title{color:#0070f3;font-weight:700}}@media (min-width:601px) and (max-width:1024px){.topnav-title{white-space:nowrap;font-size:12px;font-weight:700}.topnav-grid-container{grid-auto-columns:max-content;grid-auto-flow:column;gap:10px;display:grid}.topnav-grid2-container{justify-content:center;align-items:center;display:flex}.topnav-wrapper{-ms-overflow-style:none;scrollbar-width:none;padding-left:8px;padding-right:8px;overflow-x:auto}.topnav-wrapper::-webkit-scrollbar{display:none}.topnav-scroll{flex-wrap:nowrap;gap:25px}.topnav-container{z-index:20;background-color:#fff;border-top:1px solid #dcdfea99;border-bottom:1px solid #dcdfea99;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;top:50px;left:0}.topnav-fade-right:after{content:"";pointer-events:none;background:linear-gradient(270deg,#fff 60%,#fff6 85%,#fff0 100%);width:40px;height:100%;position:absolute;top:0;right:0}.topnav-link{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:2px;padding:2px 4px;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex}.topnav-link:hover .topnav-title{color:#0070f3}.topnav-link.active{background-color:#0070f30d;border-color:#0070f3}.topnav-link.active .topnav-title{color:#0070f3;font-weight:700}}@media (min-width:1025px){.topnav-title{font-size:14px;font-weight:700}.topnav-container{z-index:20;opacity:0;justify-content:center;align-items:center;width:100%;padding-left:50px;padding-right:50px;transition:all 1s ease-in-out .2s;display:flex;position:fixed;top:60px;left:0;transform:translateY(-100%)}.topnav-wrapper{-ms-overflow-style:none;scrollbar-width:none;padding-left:8px;padding-right:8px;overflow-x:auto}.topnav-wrapper::-webkit-scrollbar{display:none}.topnav-scroll{flex-wrap:nowrap;gap:45px}.topnav-container.show{opacity:1;transform:translateY(0)}.topnav-grid-container,.topnav-grid2-container{grid-auto-columns:max-content;grid-auto-flow:column;gap:20px;display:grid}.topnav-link{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:2px;padding:2px 4px;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:flex}.topnav-link:hover,.topnav-link:hover .topnav-title{color:#0070f3;border-color:#0070f3}.topnav-link.active{background-color:#0070f30d;border-color:#0070f3}.topnav-link.active .topnav-title{color:#0070f3;font-weight:700}}