:root{--blue: #0b4b9b;--green: #5cc151;--green-light: #3fa434;--gray: #ededed;--dark: #2c2c2c;--shadow: 0 4px 14px rgba(0, 0, 0, .15);--radius: 12px}.slide-in-bottom{opacity:1;transform:translateY(0)}.lookup-card{display:flex;flex-direction:column;animation:slide-in-bottom .3s ease-in both}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;justify-content:center}.tab{width:auto;text-align:center;padding:11px 21px;cursor:pointer;background:#f7f7f7;font-weight:600;color:#494f55;-webkit-user-select:none;user-select:none;font-size:14px;display:flex;align-items:center;justify-content:center}.tab:hover{color:#767b7f}.tab:first-child{border-top-left-radius:var(--radius)}.tab:last-child{border-top-right-radius:var(--radius)}.tab.active{background:#fff;color:#000;border-color:#405c85;box-shadow:0 -1px 8px #0000000d;font-size:14px}.panel{box-shadow:0 5px 18px #00000021;border-radius:var(--radius);padding:16px;background:#fff;margin-inline:auto}.reg-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reg-plate{display:inline-flex;align-items:center;border:3px solid #131313;border-radius:11px;font-size:22px;font-weight:700;letter-spacing:2px;color:#000;height:52px;overflow:hidden;margin-bottom:0}.reg-plate input{border:none;font-weight:700;letter-spacing:4px;outline:none;width:240px;height:100%;background:#ffcd26;padding:12px;font-size:34px;line-height:36px;text-align:center}.reg-plate input::placeholder{color:#000!important}.reg-plate input:focus::placeholder{color:#000;opacity:0}.btn{background:var(--green);color:#fff;border:none;border-radius:8px;padding:13px 21px;font-size:20px;font-weight:700;line-height:26px;cursor:pointer;min-width:140px}.btn:hover{background:var(--green-light)}.btn:active{transform:translateY(1px);box-shadow:none}.helper{margin-top:14px;color:#1d242b;display:flex;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:500;line-height:24px}.model-grid{display:flex;gap:12px}.select{position:relative;width:267px;height:52px}.select select{width:100%;height:100%;padding:12px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;-webkit-appearance:none;appearance:none;background:#fff;color:#666}.select:after{content:"\25be";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.vehicle-info{display:flex;height:58px;align-items:center;justify-content:space-between;gap:12px;background:#f4f4f4;border-radius:10px;padding:0 14px;color:#1d242b;font-size:14px;line-height:20px}.tab-vehicle-info-parts{margin-top:15px}.vehicle-info .vehicle-name{font-weight:500}.vehicle-info .change-vehicle{background:none;border:none;padding:0;color:#000;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px;cursor:pointer;white-space:nowrap}.vehicle-info .change-vehicle:hover{color:#0d63ce}.hidden{display:none}.slide-in-top{opacity:1;transform:translateY(5px)}@keyframes slide-in-top{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(5px)}}.container-parts{margin-top:10px}.container-parts .btn{width:120px}.container-parts .reg-plate input{width:170px;font-size:21px;line-height:21px}.panel-title{font-size:18px;font-weight:600;line-height:26px;margin:0 0 12px}.panel-parts{display:flex;align-items:center;gap:12px}.reg-plate input{font-family:Charle-Wright,sans-serif;color:#000}.lookup-card{transform:translateY(-50%)!important}@media (max-width: 575px){.reg-row,.model-grid .select,.vehicle-info,.panel-parts,.model-grid{flex-direction:column}.lookup-card{transform:translateY(0)!important;padding:10px}.reg-plate,.reg-plate input,.lookup-card .btn,.model-grid .select,.panel,.btn-parts,.select{width:100%!important}.lookup-card .tab,.vehicle-info,.change-vehicle{font-size:12px!important}.vehicle-info{height:auto;padding:11px 14px;gap:0px;width:100%!important}}.selects-accordion-content{display:flex;gap:12px}.selects-accordion-toggle{display:none}@media (max-width: 768px){.selects-accordion-toggle{display:block}.selects-accordion{width:100%}.selects-accordion-toggle{display:none;width:100%;padding:12px 0;color:#666;font-size:14px;cursor:pointer;justify-content:space-between;align-items:center;text-align:left;font-weight:700}.selects-accordion-toggle:hover{border-color:#999}.selects-accordion-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #999;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);flex-shrink:0;margin-left:8px}.selects-accordion.expanded .selects-accordion-arrow{transform:rotate(180deg)}.selects-accordion-content{display:flex;gap:12px;flex-wrap:wrap;overflow:hidden;opacity:0;transform:translateY(-10px);will-change:max-height,opacity,transform;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.selects-accordion.expanded .selects-accordion-content{max-height:1000px;opacity:1;transform:translateY(0) translateZ(0);transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .1s,transform .5s cubic-bezier(.4,0,.2,1) .1s,padding-top .5s cubic-bezier(.4,0,.2,1)}.panel-parts{flex-direction:column;align-items:stretch}.selects-accordion-toggle{display:flex}.selects-accordion-content{flex-direction:column;max-height:0;gap:12px;padding-top:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1)}.selects-accordion.expanded .selects-accordion-content{max-height:1000px;padding-top:12px;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .1s,transform .5s cubic-bezier(.4,0,.2,1) .1s,padding-top .5s cubic-bezier(.4,0,.2,1)}.selects-accordion-content .select{width:100%;opacity:0;transform:translateY(-8px);will-change:opacity,transform;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden}.selects-accordion:not(.expanded) .selects-accordion-content .select{transition-delay:.15s;opacity:0;transform:translateY(-8px)}.selects-accordion.expanded .selects-accordion-content .select{opacity:1;transform:translateY(0) translateZ(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.selects-accordion.expanded .selects-accordion-content .select:nth-child(1){transition-delay:.1s}.selects-accordion.expanded .selects-accordion-content .select:nth-child(2){transition-delay:.15s}.selects-accordion.expanded .selects-accordion-content .select:nth-child(3){transition-delay:.2s}.selects-accordion.expanded .selects-accordion-content .select:nth-child(4){transition-delay:.25s}select:hover,select:focus-visible{outline:none!important;box-shadow:none!important}.or-phase{font-size:16px;text-align:center;margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-style-vehicle.css.map */