.main{font-family:Roboto,Arial,Helvetica,"sans-serif";font-weight:400;max-width:1280px;margin:0 auto;padding:16px;--bg-white: #fff;--bg-red: rgb(253, 240, 240);--bg-blue: rgb(240, 249, 255);--bg-gray: rgb(249 250 251);--text-color: rgb(12, 74, 110);--text-secondary: rgb(7, 89, 133);--white: #fff;--blue: rgb(14, 165, 233);--red: rgb(163, 22, 22);--green: rgb(85, 211, 59);--border-blue: rgba(14, 165, 233, .25);--border-active-blue: rgb(14, 165, 233)}main{font-family:Roboto,Arial,Helvetica,"sans-serif";font-weight:400;max-width:1280px;margin:0 auto;padding:16px;--bg-white: #fff;--bg-red: rgb(253, 240, 240);--bg-blue: rgb(240, 249, 255);--text-color: rgb(12, 74, 110);--text-secondary: rgb(7, 89, 133);--white: #fff;--blue: rgb(14, 165, 233);--red: rgb(163, 22, 22);--green: rgb(85, 211, 59);--border-blue: rgba(14, 165, 233, .25);--border-active-blue: rgb(14, 165, 233)}.title{color:var(--text-color);font-weight:500;text-align:center;max-width:90%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.title_list{text-align:left}.input{padding:12px 16px;border-radius:8px;border:1px solid var(--border-blue);transition:border-color .1s ease-in}.input:focus{outline:none;border-color:var(--border-active-blue)}.button{padding:12px 16px;background-color:var(--blue);color:var(--white);border:none;border-radius:8px;cursor:pointer;transition:opacity .1s ease-in}.button:hover{opacity:.7}.icon-button{background-color:var(--bg-blue);padding:8px;border-radius:4px;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center;transition:opacity .1s ease-in}.icon-button:hover{opacity:.7}.icon{color:var(--blue);width:24px;height:24px;flex-shrink:0}.error{color:var(--red);font-size:15px;background-color:var(--bg-red);padding:4px;border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center}.image{width:100%;object-fit:contain;object-position:center}.image_list{max-width:150px}.cards-section{display:grid;margin:0;list-style:none;gap:16px;padding:24px;grid-template-columns:repeat(6,1fr)}.cards-section_list{display:flex;flex-direction:column;gap:0}.cards-section__switch-container{width:100%;padding:24px 24px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end}.cards-section__switch{border:1px solid var(--border-blue);border-radius:8px;width:fit-content;display:flex;align-items:center}.cards-section__switch-button{cursor:pointer;background-color:transparent;border:none;padding:4px;line-height:0;border-radius:8px}.cards-section__switch-button_active{background-color:var(--border-blue)}.card{background-color:var(--white);padding:16px;border-radius:12px;border:2px solid var(--border-blue);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;transition:border-color .1s ease-in,transform .1s ease-in}.card:hover{border-color:var(--border-active-blue);transform:translateY(-3px)}.card_list{border:1px solid var(--border-blue);border-bottom:none;border-radius:0;display:flex;flex-direction:row;justify-content:flex-start;gap:8px}.card_list:hover{transform:none;background-color:var(--bg-gray);border:1px solid var(--border-blue);border-bottom:none}.card_list:first-of-type{border-radius:8px 8px 0 0}.card_list:last-of-type{border-radius:0 0 8px 8px;border-bottom:1px solid var(--border-blue)}.card-description{display:flex;width:100%;gap:10px;flex-direction:column;list-style:none;padding:16px;border-radius:16px;box-sizing:border-box;margin:0;position:absolute;top:0;left:0;opacity:0;background-color:var(--white);height:100%;transition:opacity .3s ease,transform .3s ease}.card-description_visible{opacity:1}.card-description-title{font-weight:700;font-size:20px;color:var(--text-color);margin:0}.card-description-el{display:flex;flex-direction:column;gap:5px}.card-description-el-title{margin:0;font-size:14px;color:var(--blue);font-weight:500}.card-description-el-text{margin:0;font-size:14px;color:var(--text-color)}@media screen and (max-width:1650px){.cards-section{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1450px){.cards-section{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1250px){.cards-section{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1050px){.cards-section{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:820px){.cards-section{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.cards-section{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.cards-section{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:600px){.input,.button{padding:8px 12px;font-size:14px}}.widget{max-width:900px;margin:0 auto;width:100%;border:1px solid var(--border-blue);background-color:var(--bg-white);padding:24px;box-sizing:border-box;border-radius:16px}.widget__title{color:var(--text-color);margin:0 0 16px;text-align:center}.widget__inputs{display:grid;grid-template-columns:repeat(2,1fr)}.widget__input-container{display:flex;flex-direction:column;gap:12px}.widget__input{border:2px solid var(--border-blue)}.widget__input-container:first-of-type{border-right:1px solid rgba(14,165,233,.125);padding-right:24px}.widget__input-container:last-of-type{padding-left:24px}.widget__input-title{margin:0;font-weight:500;color:var(--text-color)}.widget__example-vin{margin:16px 0 0;color:var(--text-secondary);font-size:14px}.widget__example-vin_blue{color:var(--blue);cursor:pointer}.widget__example-vin_blue:hover{text-decoration:underline}.widget__button{margin-top:16px;width:100%}.widget__button:disabled{opacity:.5;cursor:default}.widget__error{margin-top:16px}@media screen and (max-width:600px){.widget__title{font-size:24px}.widget__input-title{font-size:14px}.widget__inputs{grid-template-columns:repeat(1,1fr);gap:16px}.widget__input-container{gap:5px}.widget__input-container:first-of-type{padding:0;border-right:none}.widget__input-container:last-of-type{padding:0}.widget__example-vin{font-size:13px}}.catalog-main{overflow-y:auto;height:calc(100vh - 100px);box-sizing:border-box;width:100%}.catalog-main_parts{height:100vh}@media screen and (max-width:768px){.catalog-main{height:calc(100vh - 158px)}.catalog-main_parts{height:100vh}}.catalog-model-card__info-icon,.catalog-parameter-card__info-icon{position:absolute;right:16px;top:16px;background-color:transparent;border:none;z-index:10}.catalog-parts{display:flex;width:100%;overflow:hidden}.catalog-parts__img-container{width:60%;height:calc(100vh - 101px);background-color:var(--white);flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center;position:relative}.catalog-parts__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.catalog-parts__highlight{position:absolute;border-radius:4px;box-sizing:border-box;border:1px solid transparent;transition:border-color .1s ease-in;pointer-events:auto;cursor:pointer}.catalog-parts__highlight_active{border:2px solid var(--blue);background-color:#0099ff6c}.catalog-parts__icon{width:16px;height:16px;cursor:pointer}.catalog-parts__table-wrapper{position:relative;height:calc(100vh - 100px);overflow-y:auto;border-left:1px solid #e5e7eb;flex-shrink:0}.catalog-parts__resize-handle{position:absolute;left:0;top:0;width:6px;height:100%;cursor:col-resize;z-index:10}.catalog-parts__resize-handle:hover{background-color:#0ea5e926}.catalog-parts__table{width:100%;border-collapse:collapse}.catalog-parts__tr{background-color:var(--white)}.catalog-parts__tr:nth-child(2n){background-color:transparent}.catalog-parts__tr_active{background-color:#0000000a!important;border-left:3px solid var(--blue)}.catalog-parts__td{padding:8px 12px;font-size:12px;color:var(--text-color)}.catalog-parts__ts{display:flex;align-items:center;gap:8px}.catalog-parts__ts_name{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100px;cursor:pointer}.catalog-parts__ts_number{color:var(--blue);text-wrap:nowrap;text-overflow:nowrap}.catalog-parts__ts_number-copied{color:var(--green)}.catalog-parts__table-icon{width:14px;height:14px;cursor:pointer;flex-shrink:0}.catalog-parts__table-icon_copied{color:var(--green)}.catalog-parts__tb{color:var(--blue);background-color:#0ea5e915;text-wrap:nowrap}.breadcrumbs{display:flex;gap:5px;margin:0;padding:8px 24px;list-style:none;width:100%;background-color:var(--white);border-bottom:1px solid #e5e7eb;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;cursor:grab}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs__el{color:var(--text-color);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.breadcrumbs__el:hover{text-decoration:underline}.breadcrumbs__el-text{max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumbs__chevron{width:14px;height:14px}.brands{grid-template-columns:repeat(8,1fr)}@media screen and (max-width:1600px){.brands{grid-template-columns:repeat(7,1fr)}}@media screen and (max-width:1400px){.brands{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:1250px){.brands{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1000px){.brands{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.brands{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:550px){.brands{grid-template-columns:repeat(2,1fr)}}.page-loader{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.loader{width:20px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#7bb4ff 94%,#0000) top/3px 3px no-repeat,conic-gradient(#0000 30%,#7bb4ff);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.catalog-header{background-color:var(--white);width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;box-sizing:border-box;border-bottom:1px solid #e5e7eb}.catalog-header__vin-info{margin:0;font-size:15px;font-weight:500;color:var(--text-color)}.catalog-header__left{display:flex;align-items:center;gap:16px}.catalog-header__buttons{display:flex;gap:16px}.catalog-header__button_burger{display:none}.catalog-header__inputs{display:flex;gap:16px}.catalog-header__input-container{display:flex;align-items:center}.catalog-header__input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;font-size:14px}.catalog-header__input:focus+.catalog-header__icon{border-color:var(--border-active-blue)}.catalog-header__icon{color:var(--text-color);width:16px;height:16px;border:1px solid var(--border-blue);padding:12px 16px 12px 0;border-radius:0 8px 8px 0;border-left:none;transition:border-color .1s ease-in}.catalog-header__right{display:flex;gap:16px;align-items:center}@media screen and (max-width:768px){.catalog-header{justify-content:center;gap:16px}.catalog-header__buttons{flex-direction:column}.catalog-header__button_burger{display:block}.catalog-header__inputs{flex-direction:column;width:100%}.catalog-header__left,.catalog-header__input-container{width:100%}.catalog-header__input{padding:12px 16px;width:100%}}.sidebar{background-color:var(--white);padding:0;border-right:1px solid #e5e7eb;width:400px;box-sizing:border-box;overflow-y:auto;height:calc(100vh - 100px);flex-shrink:0}.sidebar__tabs{display:flex;list-style:none;margin:0;padding:0;background-color:var(--white);position:sticky;top:0;border-bottom:1px solid #e5e7eb}.sidebar__tab{width:100%;text-align:center;padding:8px 16px;cursor:pointer;transition:background-color .1s ease-in}.sidebar__tab:hover{background-color:var(--bg-blue)}.sidebar__tab_active{border-bottom:2px solid var(--blue);background-color:var(--bg-blue)}.sidebar__tab_active .sidebar__tab-title{color:var(--blue)}.sidebar__tab-title{font-size:14px;font-weight:500;color:var(--text-secondary)}.sidebar__selects{display:flex;flex-direction:column;gap:16px;padding:16px;margin:0;list-style:none}.sidebar__select-container{display:flex;flex-direction:column;gap:5px}.sidebar__select-title{font-size:12px}.sidebar__select{padding:6px 8px;font-size:12px;color:var(--text-color);cursor:pointer}.sidebar__group-title{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-color);transition:background-color .1s ease-in;padding:8px 4px;border-radius:4px}.sidebar__dropdown-list{display:flex;flex-direction:column;margin:0;padding:8px 16px 16px;list-style:none;gap:8px}.sidebar__dropdown-el{cursor:pointer}.sidebar__group-title:hover{background-color:var(--bg-blue)}.sidebar__dropdown-el-icon{width:15px;height:15px}.sidebar__dropdown-el-icon_rotated{transform:rotate(90deg)}.nested{padding-left:16px}@media screen and (max-width:768px){.sidebar{display:none;width:100%}.sidebar_active{display:block}.sidebar__button{width:30px;height:30px;background-color:var(--bg-blue);position:fixed;top:0;left:0;z-index:10;border-radius:4px}}.equipment__loader{width:100%;display:flex;justify-content:center;align-items:center;padding:16px}.equipment{display:flex;flex-direction:column;gap:16px;margin:0;padding:16px;list-style:none}.equipment__el{display:flex;flex-direction:column;gap:4px}.equipment__el-title{margin:0;font-size:14px;color:var(--blue)}.equipment__el-text{margin:0;font-weight:500;font-size:14px;color:var(--text-color)}.catalog{position:fixed;width:100vw;height:100vh;background-color:var(--bg-blue);top:0;left:0;z-index:100000000000}.catalog__container{display:flex}