.navigation{z-index:5;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:0 0 10px;height:100px}.small-dropdown-title{cursor:pointer}.small-dropdown-title>p{color:var(--mdc-theme-font-color)}.no-border{border:none}.border-red{border:1px solid var(--mdc-theme-font-color)}.border-grey{border:1px solid var(--okx-secondary-font-color)}.left-side{display:flex}.nav-logo{align-content:end}.nav-logo>a>.carindex-logo{width:262.9px;height:55px}.routes{display:flex;align-items:end;margin-left:40px}.routes>span{position:relative}.routes>a,.routes>span>span{color:var(--mdc-theme-border-color);text-decoration:none;padding:0 40px;font-weight:600;text-transform:uppercase;cursor:pointer;font-size:18px;display:flex;gap:4px}.routes>a,.routes>span>span .MuiSvgIcon-root{width:13px}.routes>span:not(:last-child){border-right:1px solid var(--okx-very-light-color)}.routes>span>span>span:first-child{align-self:center}.routes>a:last-of-type{border-right:none}.left-side .theme-toggle-btn .moon,.left-side .theme-toggle-btn .sun-wrapper{display:none}.right-side,.right-side .large-w,.right-side .large-w .theme-toggle-btn{display:flex}.right-side{align-items:flex-end}.right-side .large-w{gap:15px}.large-dropdown{display:flex;flex-direction:column;justify-content:center;padding-top:3px;margin-right:20px}.large-dropdown-subtitle{display:none}.large-dropdown-title{color:var(--mdc-theme-border-color);font-weight:600;cursor:pointer}.large-dropdown-title>p{font-size:18px}.nav-auth{display:flex;height:100%;align-items:end;gap:10px}.auth-routes>span{display:flex;justify-content:end;gap:10px;padding-bottom:3px}.auth-routes>span>button{height:23px;min-width:74.8px;color:var(--okx-palette-on-primary);background-color:var(--okx-palette-primary);border-radius:4px;font-size:13px;padding:4px 8.8px 4px 8px}.personal-info .avatar{border-color:var(--mdc-theme-font-color)}.nav-avatar .MuiSvgIcon-root{height:22px}.mail-number{color:var(--okx-palette-primary);font-size:8px;border:1px solid var(--okx-palette-primary);border-radius:50%;font-weight:700;font-family:ArialMT;text-align:center;width:10px;height:10px;position:absolute;top:20px;left:24px;background-color:var(--okx-palette-on-primary)}.personal-info{gap:10px;display:flex;align-items:center;position:relative}.personal-info>.email-address{color:var(--mdc-theme-font-color);font-size:12px}.nav-auth .nav-avatar{width:30px;height:30px;cursor:pointer}.nav-auth>.nav-avatar>.person-icon{height:75%}.routes>span:hover span{color:var(--okx-highlight-color)}.routes>span:hover .arrow{transform:rotate(180deg)}.routes>span:hover .dropdown-content{display:flex;flex-direction:column}.routes .dropdown-content{display:none;position:absolute;background-color:var(--mdc-theme-background);min-width:100%;text-align:center;padding:13px 0 10px;margin-left:-1px;border-right:1px solid var(--okx-very-light-color);border-bottom:1px solid var(--okx-very-light-color);border-left:1px solid var(--okx-very-light-color)}.routes .dropdown-content a{text-decoration:none;color:var(--okx-primary-font-color);padding:5px 0;font-size:12px;transition:font-size .8s cubic-bezier(.175,.885,.32,1.275)}.routes .dropdown-content a:hover{background-color:var(--mdc-theme-hover-dropdown-menu);font-size:14px}.small-dropdown{display:none}@media screen and (max-width:1900px){.navigation{padding-bottom:10px}.nav-logo>a .carindex-logo{width:200px;height:40px}}@media screen and (max-width:1600px){.large-dropdown-title>p,.routes>a,.routes>span>span{font-size:16px}.routes{margin-left:0}}@media screen and (max-width:1440px){.routes>a,.routes>span>span{font-size:14px;padding:0 31px}.large-dropdown-title>p{font-size:14px}}@media screen and (max-width:1366px){.routes>a,.routes>span>span{padding:0 30px}}@media screen and (max-width:1280px){.nav-logo>a .carindex-logo{width:191px}}@media screen and (max-width:1180px){.routes>a,.routes>span>span{font-size:13px;padding:0 20px}.right-side{flex-direction:column;align-items:end}.large-dropdown,.right-side .large-w,.right-side .large-w .theme-toggle-btn{display:none}.navigation{flex-direction:column}.left-side{order:2;justify-content:space-between}.left-side .routes{margin-right:auto}.left-side span{display:flex;gap:6px}.left-side .small-w .theme-toggle-btn .sun-wrapper,.left-side .theme-toggle-btn .moon{display:flex}.left-side .small-w .theme-toggle-btn{display:flex;width:25px;height:20px;align-self:flex-end}.nav-auth{margin-top:13px}.small-dropdown{margin-left:auto;display:flex;flex-direction:column;justify-content:end}.small-dropdown>p{font-size:9px;color:var(--okx-secondary-font-color)}.small-dropdown>span{font-size:13px;font-weight:600}}@media screen and (max-width:768px){.routes>a,.routes>span>span{font-size:12px;padding:0 10px}.routes>span:first-child>span{padding-left:0}.nav-logo>a .carindex-logo{width:170px;height:35px;position:absolute;top:15px;left:49px}.small-dropdown>span{font-size:12px}}@media screen and (max-width:480px){.navigation{height:auto;padding:0}.nav-logo>a .carindex-logo{width:145px;height:40px;top:5px;left:20px}.right-side{flex-direction:row;justify-content:end}.personal-info{flex-direction:column;align-items:end;top:-11px;gap:1px}.auth-routes>span{gap:16px;padding-bottom:10px}.nav-auth{margin-top:10px}.auth-routes>span>button{height:17px;min-width:60px;font-size:10px;padding:4px 8px;display:flex;justify-content:center;align-items:center}.routes>span:not(:last-child){padding-right:3px;margin-right:3px}.routes>a,.routes>span>span{padding:0;font-size:10px}.nav-dropdown .title .MuiSvgIcon-root{font-size:7px}.small-dropdown>span{font-size:10px}.small-dropdown{justify-content:center}.small-dropdown-subtitle{display:none}}