.navigation{z-index:5;box-sizing:border-box;justify-content:space-between;width:100%;height:100px;padding:0 0 10px;display:flex}.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{align-items:end;margin-left:40px;display:flex}.routes>span{position:relative}.routes>a,.routes>span>span{color:var(--mdc-theme-border-color);text-transform:uppercase;cursor:pointer;gap:4px;padding:0 40px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.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 .large-w,.right-side .large-w .theme-toggle-btn{display:flex}.right-side{align-items:flex-end;display:flex}.right-side .large-w{gap:15px}.large-dropdown{flex-direction:column;justify-content:center;margin-right:20px;padding-top:3px;display:flex}.large-dropdown-subtitle{display:none}.large-dropdown-title{color:var(--mdc-theme-border-color);cursor:pointer;font-weight:600}.large-dropdown-title>p{font-size:18px}.nav-auth{align-items:end;gap:10px;height:100%;display:flex}.auth-routes>span{justify-content:end;gap:10px;padding-bottom:3px;display:flex}.auth-routes>span>button{min-width:74.8px;height:23px;color:var(--okx-palette-on-primary);background-color:var(--okx-palette-primary);border-radius:4px;padding:4px 8.8px 4px 8px;font-size:13px}.personal-info .avatar{border-color:var(--mdc-theme-font-color)}.nav-avatar .MuiSvgIcon-root{height:22px}.mail-number{color:var(--okx-palette-primary);border:1px solid var(--okx-palette-primary);text-align:center;background-color:var(--okx-palette-on-primary);border-radius:50%;width:10px;height:10px;font-family:ArialMT;font-size:8px;font-weight:700;position:absolute;top:20px;left:24px}.personal-info{align-items:center;gap:10px;display:flex;position:relative}.personal-info>.email-address{color:var(--mdc-theme-font-color);font-size:12px}.nav-auth .nav-avatar{cursor:pointer;width:30px;height:30px}.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{flex-direction:column;display:flex}.routes .dropdown-content{background-color:var(--mdc-theme-background);text-align:center;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);min-width:100%;margin-left:-1px;padding:13px 0 10px;display:none;position:absolute}.routes .dropdown-content a{color:var(--okx-primary-font-color);padding:5px 0;font-size:12px;text-decoration:none;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){.routes>a,.routes>span>span,.large-dropdown-title>p{font-size:16px}.routes{margin-left:0}}@media screen and (max-width:1440px){.routes>a,.routes>span>span{padding:0 31px;font-size:14px}.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{padding:0 20px;font-size:13px}.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{gap:6px;display:flex}.left-side .theme-toggle-btn .moon,.left-side .small-w .theme-toggle-btn .sun-wrapper{display:flex}.left-side .small-w .theme-toggle-btn{align-self:flex-end;width:25px;height:20px;display:flex}.nav-auth{margin-top:13px}.small-dropdown{flex-direction:column;justify-content:end;margin-left:auto;display:flex}.small-dropdown>p{color:var(--okx-secondary-font-color);font-size:9px}.small-dropdown>span{font-size:13px;font-weight:600}}@media screen and (max-width:768px){.routes>a,.routes>span>span{padding:0 10px;font-size:12px}.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;gap:1px;top:-11px}.auth-routes>span{gap:16px;padding-bottom:10px}.nav-auth{margin-top:10px}.auth-routes>span>button{justify-content:center;align-items:center;min-width:60px;height:17px;padding:4px 8px;font-size:10px;display:flex}.routes>span:not(:last-child){margin-right:3px;padding-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}}