.dealer-card{border:solid 1px var(--okx-very-light-color);background-color:var(--okx-input-checkmark-color);justify-content:space-between;gap:10px;min-height:103px;display:flex;box-shadow:0 3px 6px #00000029}.dealer-info{flex-direction:column;padding:11px 0 20px 10px;display:flex}.dealer-card h3,.dealer-card p{margin:0;font-family:Arial}.dealer-info h3{color:var(--mdc-theme-dealer-names);padding-bottom:17px;font-size:19px;font-weight:700}.dealer-info p{white-space:nowrap;color:var(--mdc-theme-font-color-details);font-size:16px}.dealer-card .dealer-logos{text-align:center;flex-wrap:wrap;align-self:center;gap:15px;padding-right:10px;display:flex}.dealer-card .dealer-logos .make-logos{flex-direction:column;align-self:self-end;gap:5px;width:50px;display:flex}.dealer-card .dealer-logos .make-logos p{min-height:30px;color:var(--okx-primary-font-color);align-self:center;font-size:10px}.dealer-logos .make-logos .Fiat,.dealer-logos .make-logos .BMW,.dealer-logos .make-logos .Mercedes-Benz,.dealer-logos .make-logos .Volkswagen,.dealer-logos .make-logos .Renault,.dealer-logos .make-logos .Alfa,.dealer-logos .make-logos .Skoda{align-self:center;max-width:40px;max-height:40px}.dealer-logos .make-logos .Mitsubishi{max-width:40px;max-height:40px;padding:5px}.dealer-logos .make-logos .Opel{max-width:40px;max-height:40px;padding-top:15px}.dealer-logos .make-logos .Volvo{width:40px;height:40px}.dealer-logos .make-logos .Peugeot{max-width:40px;max-height:40px;padding:5px}.dealer-logos .make-logos .Tesla{max-width:40px;max-height:40px}.dealer-logos .make-logos .Maserati{align-self:center;max-width:40px;max-height:40px}.dealer-logos .make-logos .Chevrolet{max-width:40px;max-height:40px;padding-left:5px}.dealer-logos .make-logos .Citroën{align-self:center;max-width:40px;max-height:40px}.dealer-logos .make-logos .Rolls{max-width:35px;max-height:30px;padding-left:10px}.dealer-logos .make-logos .BMW,.dealer-logos .make-logos .Skoda,.dealer-logos .make-logos .Mazda,.dealer-logos .make-logos .Volvo,.dealer-logos .make-logos .Dacia,.dealer-logos .make-logos .VW,.dealer-logos .make-logos .Mercedes-Benz,.dealer-logos .make-logos .Cadillac,.dealer-logos .make-logos .Porsche,.dealer-logos .make-logos .SEAT,.dealer-logos .make-logos .Smart,.dealer-logos .make-logos .Porsche,.dealer-logos .make-logos .Ferrari,.dealer-logos .make-logos .Tesla,.dealer-logos .make-logos .Lamborghini,.dealer-logos .make-logos .Audi,.dealer-logos .make-logos .Bentley,.dealer-logos .make-logos .Ford,.dealer-logos .make-logos .Land,.dealer-logos .make-logos .Kia,.dealer-logos .make-logos .Jeep,.dealer-logos .make-logos .Suzuki,.dealer-logos .make-logos .Hyundai{align-self:center;max-width:40px;max-height:40px}@media (min-width:1024px){.dealer-card .dealer-logos{gap:20px;padding-right:20px}.dealer-info h3{font-size:20px}.dealer-info p{font-size:18px}}@media (min-width:1280px){.dealer-card .dealer-logos{gap:25px;padding-right:25px}.dealer-card .dealer-logos .make-logos p{font-size:11px}}@media (min-width:1920px){.dealer-card .dealer-logos{gap:35px;padding-right:35px}.dealer-card .dealer-logos .make-logos p{width:102px;font-size:12px}.dealer-logos .make-logos .Fiat,.dealer-logos .make-logos .BMW,.dealer-logos .make-logos .Mercedes-Benz,.dealer-logos .make-logos .Volkswagen,.dealer-logos .make-logos .Renault,.dealer-logos .make-logos .Alfa,.dealer-logos .make-logos .Cadillac,.dealer-logos .make-logos .Skoda{width:40px}.dealer-logos .make-logos .Opel,.dealer-logos .make-logos .Skoda,.dealer-logos .make-logos .Mazda,.dealer-logos .make-logos .Volvo,.dealer-logos .make-logos .Dacia,.dealer-logos .make-logos .Toyota,.dealer-logos .make-logos .Peugeot,.dealer-logos .make-logos .VW{max-width:40px;max-height:40px}.dealer-logos .make-logos .Citroën,.dealer-logos .make-logos .Nissan,.dealer-logos .make-logos .Audi,.dealer-logos .make-logos .Bentley,.dealer-logos .make-logos .Ford,.dealer-logos .make-logos .Land,.dealer-logos .make-logos .Subaru,.dealer-logos .make-logos .Kia,.dealer-logos .make-logos .Jeep,.dealer-logos .make-logos .Suzuki,.dealer-logos .make-logos .Mini,.dealer-logos .make-logos .Chevrolet,.dealer-logos .make-logos .Hyundai{align-self:center;max-width:40px;max-height:40px}}@media screen and (max-width:480px){.dealer-card{border:solid 1px var(--okx-very-light-color);background-color:var(--okx-input-checkmark-color);flex-direction:column;justify-content:space-between;gap:10px;min-height:103px;display:flex;box-shadow:0 3px 6px #00000029}.dealer-info h3{color:var(--okx-palette-primary);padding-bottom:12px;font-size:15px;font-weight:700}.dealer-info p{white-space:nowrap;color:var(--okx-primary-font-color);font-size:12px}.dealer-card .dealer-logos{flex-wrap:wrap;align-self:auto;gap:10px;padding:0 10px;display:flex}.dealer-card .dealer-logos .make-logos{flex-direction:column;align-self:self-end;gap:5px;display:flex}.dealer-card .dealer-logos .make-logos p{width:50px;min-height:24px;font-size:9px}.dealer-logos .make-logos .Fiat,.dealer-logos .make-logos .Volkswagen,.dealer-logos .make-logos .Renault,.dealer-logos .make-logos .Alfa{max-width:40px;max-height:40px}.dealer-logos .make-logos .BMW,.dealer-logos .make-logos .Skoda,.dealer-logos .make-logos .Mazda,.dealer-logos .make-logos .Volvo,.dealer-logos .make-logos .Dacia,.dealer-logos .make-logos .VW,.dealer-logos .make-logos .Mercedes-Benz,.dealer-logos .make-logos .Ferrari,.dealer-logos .make-logos .Cadillac,.dealer-logos .make-logos .Subaru,.dealer-logos .make-logos .Opel,.dealer-logos .make-logos .Peugeot,.dealer-logos .make-logos .Toyota,.dealer-logos .make-logos .Citroën,.dealer-logos .make-logos .SEAT,.dealer-logos .make-logos .Audi,.dealer-logos .make-logos .Bentley,.dealer-logos .make-logos .Ford,.dealer-logos .make-logos .Land,.dealer-logos .make-logos .Kia,.dealer-logos .make-logos .Jeep,.dealer-logos .make-logos .Suzuki,.dealer-logos .make-logos .Mitsubishi,.dealer-logos .make-logos .Hyundai{align-self:center;max-width:40px;max-height:40px}}
.mycar{background-color:var(--okx-palette-on-primary);padding:10px;position:relative;box-shadow:2px 2px 8px -4px #000000bf}.mycar:hover{box-shadow:0 1px 8px -2px #000}.mycar-relative{background-color:var(--okx-image-placeholder-background);object-fit:cover;cursor:pointer;border:1px solid #d8d4d4;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.mycar-image-container{background-color:var(--okx-image-placeholder-background);cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.mycar-image-container>span{cursor:pointer;background-color:var(--okx-image-placeholder-background);justify-content:center;align-items:center;height:100%;display:flex}.mycar-image-container>span>svg{width:100px;font-size:40px}.mycar-relative .tuv-logo-overlay{z-index:999;width:60px;position:absolute;top:-12px;right:-16px}.mycar-relative .tuv-logo-overlay img{z-index:1000;width:60px}.small{background-color:var(--okx-input-checkmark-color);grid-template-columns:240px 1fr;grid-template-areas:"a b""a c""d d";gap:0 20px;display:grid}.mycar-header{border-bottom:1px solid var(--mdc-theme-border-color);grid-area:b;position:relative}.mycar-header>div.makeandmodel{display:grid;overflow:hidden}.mycar-header>div.makeandmodel>h4{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mycar-header>div.makeandmodel h4:first-child{font-weight:700}.mycar-main{grid-area:c}.mycar-footer{grid-area:d}.mycar h4,.mycar p{color:var(--okx-secondary-font-color);margin:0;font-weight:400}.mycar-relative{grid-area:a;height:160px;position:relative}.mycar-image-container img{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.mycar-footer{border-bottom:1px solid var(--okx-very-light-color);border-top:1px solid var(--okx-very-light-color);background-color:#0000}.mycar-main>div p span{font-weight:700}.mycar-main>span{align-items:center;gap:0 5px;display:flex}.mycar-main>span .MuiSvgIcon-root{fill:var(--okx-palette-primary);width:15px}.mycar-main>span p{color:var(--okx-palette-primary);font-size:12px;font-weight:700;position:relative;top:2px}.mycar-footer>div span p:nth-child(2){font-weight:700}.gorup{cursor:pointer;height:min-content;position:absolute;top:-10px;right:0}.small{height:auto;position:relative}.small>.mycar-relative{width:240px;height:160px;margin:0;overflow:hidden}.small>.mycar-image-container img{width:100%}.my-car-button{width:auto;min-width:130px;height:30px;box-shadow:none;white-space:nowrap;box-sizing:content-box;font-size:18px;font-weight:700}.small .mycar-footer{box-sizing:border-box;border:none;align-items:center;gap:120px;height:50px;display:flex}.small .mycar-footer>div{flex-direction:column;gap:5px;padding-bottom:25px;display:flex}.small .mycar-footer>div span{color:var(--okx-secondary-font-color);font-size:14px}.small .mycar-header{height:fit-content;margin-bottom:13px;padding-bottom:10px}.small .mycar-header h4{font-size:14px}.small .mycar-main{margin-top:10px;position:relative;bottom:15px}.small .mycar-main>div{height:100px;display:flex}.small .mycar-main>div div:first-child{width:100%}.small .mycar-main>span:first-child,.small .mycar-main>div>div:first-child{display:none}.small .mycar-main>span p{color:var(--okx-palette-primary);font-size:12px;font-weight:700}.small .adid{width:100%;top:0;left:0}.small .mycar-header .gorup{position:absolute;top:180px;right:10px}.small .more-options{z-index:1;background-color:var(--mdc-theme-background);height:16px;position:absolute;top:185px;right:-7px}.small .more-options>div>span{display:none}.more-options div:nth-child(3) .MuiSvgIcon-root{font-size:13.5px}.more-options>div{width:40px}.big{box-sizing:border-box;background-color:var(--okx-input-checkmark-color);grid-template-columns:240px 1fr;grid-template-areas:"a b""a c""a d";gap:0 20px;display:grid}.big .mycar-header{justify-content:space-between;align-items:baseline;height:auto;display:flex}.big .mycar-header h4{font-size:18px}.big .mycar-main{margin-top:10px}.big .mycar-footer{grid-template-columns:130px 1fr;align-items:center;gap:0 20px;width:100%;padding:3px 0;display:grid}.big .mycar-footer>div{justify-content:space-between;align-items:center;width:100%;display:flex}.big .mycar-footer>div span:nth-child(2){text-align:right}.big .mycar-footer>div p{font-size:10px}.big .mycar-main>div{justify-content:space-between;display:flex}.more-options{background-color:var(--mdc-theme-background);align-items:center;gap:0 15px;width:auto;max-height:35px;display:flex;position:absolute;top:-4px;right:0}.more-options>div{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;width:min-content;height:100%;display:flex}.more-options>div>span{text-align:center;color:var(--okx-secondary-font-color);font-size:10px}.more-options .MuiSvgIcon-root{font-size:12px}@media (min-width:1280px){.big{grid-template-columns:300px 1fr;min-height:220px}.big .mycar-relative,.big .mycar-image-container{height:200px}.big .mycar-main>p{margin-bottom:8px}.big .mycar-main div div p{margin-bottom:6px;font-size:15px}.my-car-button{min-width:140px;font-size:20px}.big .mycar-footer{gap:0 5px;display:flex}.big .mycar-footer div span p{font-size:14px}.more-options{top:3px}}@media (min-width:1440px){.big .mycar-header h4{font-size:22px}}@media (min-width:1920px){.big{grid-template-columns:330px 1fr;gap:0 41px;height:270px;padding:24px}.my-car-button{min-width:150px;height:36px;font-size:21px}.big .mycar-footer{gap:0 40px}.big .mycar-header{padding-bottom:10px}.big .mycar-relative{height:100%}.big .more-options .MuiSvgIcon-root{font-size:12px}}@media screen and (max-width:480px){.small .mycar-footer{align-items:end;height:50px}.small .mycar-footer>div{padding-bottom:40px;position:absolute}.small{flex-direction:column;display:flex}.small>.mycar-relative{width:auto;height:160px;margin:0;overflow:visible}.mycar-header>div.makeandmodel h4:first-child{padding-top:10px;font-size:18px}}
.small-draft{border:solid 1px var(--okx-very-light-color);background-color:var(--okx-input-checkmark-color);padding:10px;display:flex;position:relative;box-shadow:0 3px 6px #00000029}.small-draft>section:nth-child(2){flex:auto}.small-draft>section:nth-child(2)>div:first-child{border-bottom:1px solid var(--mdc-theme-border-color);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.small-draft>section:nth-child(2)>div:nth-child(2){padding-top:10px}.small-draft>section:nth-child(2)>div:first-child div.makeandmodel{display:grid;overflow:hidden}.small-draft>section:nth-child(2)>div:first-child div.makeandmodel h4{color:var(--okx-secondary-font-color);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.small-draft>section:nth-child(2)>div:first-child>span{position:absolute;bottom:15px;right:10px}.small-draft>section:nth-child(2)>div:nth-child(2)>span>p:nth-child(2){font-size:14px;font-weight:700}.small-draft>section:nth-child(2)>div:nth-child(2) p{color:var(--okx-secondary-font-color);margin:0 0 5px;font-size:12px}.small-draft>section:nth-child(2)>div:nth-child(2) p:first-of-type{margin-top:5px}.small-draft>section:first-child{width:250px;max-height:160px;margin-right:20px}.small-draft>section:first-child .imageContainer{width:100%;height:100%;margin-bottom:10px;overflow:hidden}.small-draft>section:first-child .imageContainer .image{object-fit:contain;width:100%;height:100%;display:block}.small-draft .more-options span{display:none}.small-draft .more-options{background-color:var(--okx-input-checkmark-color);height:16px;position:absolute;top:-9px;right:-7px}.makeandmodel h4{color:var(--okx-secondary-font-color);margin:0;font-weight:400}.makeandmodel h4:first-child{font-weight:700}.small-draft .draft-relative,.big-draft .draft-relative{background-color:var(--okx-image-placeholder-background);cursor:pointer;border:1px solid #d8d4d4;justify-content:center;align-items:center;width:100%;height:100%;margin-right:20px;display:flex;position:relative}.small-draft .imageContainer,.big-draft .imageContainer{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.small-draft .imageContainer>span,.big-draft .imageContainer>span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.small-draft .imageContainer>span .MuiSvgIcon-root,.big-draft .imageContainer>span .MuiSvgIcon-root{width:100px}.small-draft>section:nth-child(2)>div>span>.gorup{bottom:0}.draft-button{min-width:70px;height:30px;font-family:ArialMT;font-size:18px}.small-draft .draft-relative .tuv-logo-overlay,.big-draft .draft-relative .tuv-logo-overlay{z-index:2;width:60px;position:absolute;top:-12px;right:-16px}.small-draft .imageContainer .tuv-logo-overlay img,.big-draft .imageContainer .tuv-logo-overlay img{width:60px}.big-draft{border:solid 1px var(--okx-very-light-color);background-color:var(--okx-input-checkmark-color);padding:10px;display:flex;position:relative;box-shadow:0 3px 6px #00000029}.big-draft>section:first-child{width:300px;max-height:200px;margin-right:20px}.big-draft .imageContainer{width:100%;height:100%;overflow:hidden}.big-draft .imageContainer .image{object-fit:contain;width:100%;height:100%;display:block}.big-draft>section:nth-child(2){flex:auto}.big-draft>section:nth-child(2) div.makeandmodel{display:grid;overflow:hidden}.big-draft>section:nth-child(2) div.makeandmodel h4{color:var(--okx-secondary-font-color);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;overflow:hidden}.big-draft>section:nth-child(2)>div:first-child{border-bottom:1px solid var(--mdc-theme-border-color);flex-direction:row;justify-content:space-between;align-items:center;height:30px;padding-bottom:10px;display:flex;position:relative}.big-draft>section:nth-child(2)>div:nth-child(2){flex-direction:column;justify-content:space-between;padding-top:10px;display:flex}.big-draft .mycar-main>div{justify-content:space-between;margin:0;display:flex}.big-draft>section:nth-child(2)>div:nth-child(2) div p{color:var(--okx-secondary-font-color);margin:0 0 5px;font-size:12px}.big-draft>section:nth-child(2)>div:nth-child(3){border-top:1px solid var(--okx-very-light-color);border-bottom:1px solid var(--okx-very-light-color);margin-top:10px;padding-top:3px;padding-bottom:2px;display:flex}.big-draft>section:nth-child(2)>div:nth-child(3)>div{flex:auto;justify-content:space-between;align-items:center;margin-left:30px;display:flex}.big-draft>section:nth-child(2)>div:nth-child(3)>div span p{color:var(--okx-secondary-font-color);margin:0;font-size:11px}.big-draft>section:nth-child(2)>div:nth-child(3)>div span:nth-child(2){text-align:right}.big-draft>section:nth-child(2)>div:nth-child(3)>div span>p:nth-child(2){font-weight:700}.big-draft .more-options{background-color:var(--okx-input-checkmark-color)}@media (min-width:1280px){.big-draft>section:nth-child(2)>div:nth-child(2) div p{font-size:15px}.big-draft>section:nth-child(2)>div:nth-child(3)>div span p{font-size:14px}.big-draft>section:nth-child(2)>div:nth-child(3)>div{margin-left:5px}.big-draft>section:nth-child(2)>div:nth-child(3){padding-bottom:6px}}@media (max-width:1440px){.big-draft>section:nth-child(2) div.makeandmodel h4{font-size:18px}}@media (min-width:1920px){.big-draft{padding:24px}.big-draft>section:nth-child(2)>div:nth-child(3){margin-top:-1px;padding-bottom:3px}}@media screen and (max-width:480px){.small-draft{flex-direction:column;gap:15px}.small-draft>section:first-child{flex-direction:column;gap:10px;margin:0;display:flex}.small-draft>section:first-child .draft-relative{width:auto;margin:0}}