@font-face{font-family:ViewerPlate;src:url(viewer-registration.ttf) format("truetype");font-weight:400;font-display:swap}.vehicle-viewer{background:#171b1c;padding:65px 0 44px;color:#fff}.vehicle-viewer .viewer-heading{margin-bottom:26px;max-width:1200px}.vehicle-workspace{max-width:1200px}.viewer-control-bar{display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:end;padding-bottom:27px}.viewer-control-bar>label>span{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.viewer-control-bar input{width:100%;height:57px;border:1px solid #c3a842;border-radius:3px;background:#f5d339;color:#131718;text-align:center;font:400 34px/1 ViewerPlate,Plate,monospace;padding:8px 12px;text-transform:uppercase}.viewer-control-bar>p{font-size:11px;color:#b3bdc0;max-width:250px;margin:0 0 7px}.viewer-control-bar>.btn{height:57px;min-width:213px}.vehicle-stage{width:100%;position:relative}.vehicle-photo{position:relative;width:100%;aspect-ratio:8/5;max-height:600px;background:#171b1c;overflow:hidden}.vehicle-photo>img,.vehicle-photo>canvas{display:block;width:100%;height:100%;object-fit:contain}.vehicle-photo>[hidden]{display:none}.viewer-loading{position:absolute;left:20px;top:20px;background:#11191be8;color:#fff;font-size:11px;padding:9px 13px;border-radius:2px}.viewer-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#12191beb;padding:30px;text-align:center}.viewer-error p{font-size:14px;max-width:440px}.viewer-error .btn{color:#fff;border-color:#d1d9dc}.vehicle-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0 24px;border-bottom:1px solid #41484b}.vehicle-caption>div:first-child>span{font-size:10px;color:#aeb8bb}.vehicle-caption h3{font-size:22px;line-height:1.25;margin-top:4px;font-weight:600}.vehicle-caption-actions{display:flex;gap:12px;align-items:center}#sceneCounter{font-size:10px;color:#aeb8bb;font-variant-numeric:tabular-nums;margin-right:10px}.viewer-icon{display:grid;place-items:center;background:transparent;color:#fff;border:1px solid #505a5d;border-radius:2px;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:background .15s,border-color .15s}.viewer-icon img{width:18px;height:18px;filter:invert(1)}.viewer-icon:hover:not(:disabled){background:#30393d;border-color:#b6c0c4}.viewer-icon:disabled{cursor:not-allowed;opacity:.4}.arrow-left{transform:rotate(180deg)}.car-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0 18px}.car-selection-heading>div:first-child{display:flex;align-items:baseline;gap:14px;flex-shrink:0}.car-selection-heading h3{font-size:16px;font-weight:600}#carCount{font-size:10px;color:#aeb8bb}.car-filter-tools{display:flex;gap:10px;align-items:center;min-width:0}.car-search{display:flex;align-items:center;border-bottom:1px solid #697579;gap:8px;max-width:195px;min-width:120px;height:44px}.car-search img{width:16px;filter:invert(1);opacity:.7}.car-search input{width:100%;min-width:0;background:none;border:0;color:#fff;font-size:12px;padding:10px 0;outline-offset:4px}.car-search input::placeholder{color:#bac1c4}.car-brand select{background:#171b1c;color:#fff;border:1px solid #505a5d;border-radius:2px;height:44px;font-size:11px;max-width:165px;padding:8px 26px 8px 10px}.car-navigation{display:flex;gap:6px;margin-left:5px}.car-filmstrip{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#637176 #252b2e;padding:3px 3px 15px;overscroll-behavior-x:contain;min-height:163px;scroll-padding-inline:3px}.car-filmstrip[hidden]{display:none}.car-option{display:flex;flex-direction:column;align-items:stretch;position:relative;flex:0 0 174px;min-width:0;scroll-snap-align:start;padding:0 0 11px;background:transparent;border:1px solid #3e484c;border-radius:3px;overflow:hidden;color:#fff;text-align:left;cursor:pointer;transition:border-color .15s}.car-option img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#2d3437}.car-option:hover{border-color:#b3bec2}.car-option[aria-selected=true]{border-color:#f0ce38;box-shadow:0 0 0 1px #f0ce38}.car-option[aria-selected=true]:after{content:"";position:absolute;right:7px;top:7px;width:20px;height:20px;border:3px solid #f0ce38;background:#f0ce38 url(check.svg) center/contain no-repeat;border-radius:2px}.car-option>span{padding:0 11px;font-size:11px;line-height:1.35;white-space:normal}.car-option .car-option-make{font-size:9px;color:#aeb8bb;margin:10px 0 4px}.car-option .car-option-name{min-height:30px}.cars-empty{padding:24px;border:1px solid #485257;text-align:center}.cars-empty p{font-size:13px}.cars-empty .text-button{color:var(--yellow);margin-top:8px;min-height:44px}.cars-empty[hidden]{display:none}.viewer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:center;min-height:30px}.viewer-bottom p{color:#b3bdc0;font-size:11px;margin:0;min-height:18px}.viewer-bottom a{display:flex;align-items:center;gap:12px;font-size:11px;flex-shrink:0;border-bottom:1px solid #566166;padding-bottom:4px}.viewer-bottom a img{width:15px;filter:invert(1)}.viewer-zoom{border:0;background:#171b1c;color:#fff;padding:0;width:min(1440px,calc(100% - 32px));max-height:95dvh;overflow:auto;border-radius:3px}.viewer-zoom::backdrop{background:#080b0ef0}.zoom-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:20px}.zoom-heading h2{font-size:18px;line-height:1.3}.viewer-zoom>img{display:block;width:100%;height:auto;max-height:calc(95dvh - 128px);object-fit:contain}.zoom-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}#zoomRegistration{font:400 25px/1 ViewerPlate,monospace;color:#f5d339}@media(min-width:1500px){.vehicle-workspace,.vehicle-viewer .viewer-heading{max-width:1180px}}@media(max-width:1000px){.viewer-control-bar{grid-template-columns:230px 1fr;gap:16px 25px}.viewer-control-bar>p{grid-column:1/-1;grid-row:2;max-width:none;margin:0}.viewer-control-bar>.btn{justify-self:end}.car-selection-heading{align-items:flex-start;gap:18px;flex-direction:column}.car-filter-tools{width:100%}.car-search{max-width:none;flex:1}.car-navigation{margin-left:auto}.car-option{flex-basis:165px}.viewer-bottom a{max-width:280px;flex-shrink:1}}@media(max-width:600px){.vehicle-viewer{padding:45px 0 30px}.vehicle-viewer .viewer-heading{margin-bottom:24px}.vehicle-viewer .viewer-heading>p{margin-top:10px}.viewer-control-bar{grid-template-columns:1fr;gap:12px;padding-bottom:22px}.viewer-control-bar>label{max-width:260px;width:100%;margin:auto}.viewer-control-bar>label>span{text-align:center;font-size:11px}.viewer-control-bar input{height:57px;font-size:34px}.viewer-control-bar>p{grid-row:auto;text-align:center;font-size:10px;max-width:300px;margin:auto}.viewer-control-bar>.btn{width:100%;justify-self:stretch;height:48px;font-size:12px;min-width:0}.vehicle-photo{width:calc(100% + 40px);margin-inline:-20px}.vehicle-caption{padding-block:15px 20px;gap:12px}.vehicle-caption h3{font-size:19px}.vehicle-caption-actions{gap:7px}#sceneCounter{display:none}.vehicle-caption>div:first-child{min-width:0}.vehicle-caption h3{overflow-wrap:anywhere}.car-selection-heading{margin-top:22px;gap:14px}.car-selection-heading>div:first-child{justify-content:space-between;width:100%}.car-selection-heading h3{font-size:15px}.car-filter-tools{flex-wrap:wrap;gap:12px}.car-search{flex:1 1 45%;min-width:130px}.car-brand{flex:1;max-width:50%}.car-brand select{width:100%;max-width:none;font-size:12px}.car-navigation{display:none}.car-filmstrip{margin-right:-20px;padding-right:20px;gap:12px;min-height:157px}.car-option{flex-basis:155px}.car-option>span{font-size:11px}.viewer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}.viewer-bottom a{font-size:10px;max-width:none;flex-shrink:0}.viewer-bottom p:empty{display:none}.viewer-zoom{width:calc(100% - 16px)}.zoom-heading{padding:10px 12px}.zoom-heading h2{font-size:16px}.zoom-controls{padding:10px 12px}.viewer-error{padding:18px}.viewer-error p{font-size:12px}.viewer-error .btn{min-height:40px;padding:8px 18px}.viewer-loading{top:10px;left:10px;font-size:10px}}@media(max-width:600px)and (min-height:650px){.vehicle-stage{position:sticky;top:70px;z-index:15;background:#171b1c;width:calc(100% + 40px);margin-inline:-20px}.vehicle-stage .vehicle-photo{width:100%;max-height:none;margin:0}.vehicle-stage .vehicle-caption{padding:12px 20px 15px;margin:0;min-height:75px}.car-filmstrip,.car-filter-tools input,.car-filter-tools select{scroll-margin-top:430px}.car-option{scroll-margin-top:470px}}@media(max-width:600px){.car-search{flex:1;min-width:120px}.car-brand{flex:0 0 145px;max-width:none}.car-brand select{font-size:11px;padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/viewer.css.map */