:root {
	--color-primary-2000-new: #284066;
}

.dragger-item {
	z-index: 99;
}

.lax-btn,.lax-switch {
	    background: #fff;
	    border: 2px solid var(--color-primary-2000-new);
	    border-radius: var(--border-radius);
	    cursor: pointer;
	    padding: 8px 24px;
	    transition: .2s
	}

	.lax-component.feature .table-container {
		display: none;
	}
	.lax-component.feature.active .table-container {
		display: block;
	}

	.lax-btn:hover,.lax-switch:hover {
	    background: var(--color-primary-2000-new);
	    color: #fff
	}

	.lax-input-block {
	    margin: 10px 0
	}

	.lax-input-container {
	    max-width: var(--input-max-width);
	    position: relative
	}

	.lax-input-container>svg {
	    bottom: 11px;
	    cursor: pointer;
	    position: absolute;
	    right: 10px
	}

	.lax-switch-block {
	    margin: 0 0 10px
	}

	.lax-switches {
	    display: flex;
	    gap: 5px
	}

	@media (max-width: 480px) {
	    .lax-switches {
	        flex-direction:column
	    }
	}

	.lax-switch-active {
	    background: var(--color-primary-2000-new);
	    color: #fff;
	    cursor: default;
	    pointer-events: none
	}

	.lax-input {
	    background: transparent;
	    background-color: #fff;
	    border: 2px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    padding: 10px 30px 10px 10px;
	    width: 100%
	}

	.lax-input:focus {
	    border-color: var(--color-primary-2000-new)
	}

	.lax-input-error {
	    border-color: var(--color-red)!important;
	    color: var(--color-red)
	}

	.lax-input-error::placeholder {
	    color: var(--color-red)
	}

	.lax-label {
	    margin: 0 0 10px;
	    padding: 1px
	}

	.lax-collapse-button {
	    background: 0;
	    border: 0;
	    color: var(--color-primary-2000-new);
	    cursor: pointer;
	    padding: 0
	}

	.lax-collapse-button:hover {
	    text-decoration: underline
	}

	.lax-component.catalog {
	    margin: 20px 0
	}

	.catalog-list-table {
	    column-count: 5;
	    display: inline-block;
	    vertical-align: top;
	    width: 100%
	}

	@media (max-width: 1024px) {
	    .catalog-list-table {
	        column-count:3
	    }
	}

	@media (max-width: 768px) {
	    .catalog-list-table {
	        column-count:2
	    }
	}

	@media (max-width: 360px) {
	    .catalog-list-table {
	        column-count:1
	    }
	}

	.catalog-list-item {
	    display: grid;
	    grid-template-areas: "s l";
	    grid-template-columns: 40px 1fr;
	    line-height: 40px;
	    position: relative
	}

	.catalog-list-item>span {
	    text-rendering: geometricPrecision;
	    color: var(--color-primary);
	    font-size: 24px;
	    font-weight: var(--fontWeight-nunito-bold);
	    position: absolute
	}
	.catalog-list-item>span.hidden {
		display: none;
	}

	.catalog-list-item>a {
	    grid-area: l;
	    transition: .15s
	}

	.catalog-list-item>a:hover {
	    color: var(--color-primary)
	}

	.datalist {
	    background: #fff;
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    font-size: 14px;
	    position: relative
	}

	.datalist input {
	    background: transparent;
	    border: 0;
	    outline: 0!important;
	    padding-right: 50px;
	    width: 100%
	}

	.datalist ul {
	    margin: 12px 0 0
	}

	.datalist li {
	    cursor: pointer;
	    margin: 6px 0
	}

	.datalist.disabled {
	    background: var(--color-grey);
	    border-color: var(--color-grey-200)
	}

	.datalist.disabled .icon-chevron-down,.datalist.disabled input {
	    pointer-events: none
	}

	.datalist.active,.datalist.active ul.datalist-select {
	    border-color: var(--color-primary-2000-new)
	}

	.datalist.active ul.datalist-select {
	    border-top: 1px solid var(--color-grey-200)
	}

	.datalist.active {
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0
	}

	.datalist-input {
	    align-items: center;
	    background: inherit;
	    border-radius: inherit;
	    display: inline-flex;
	    padding: 10px;
	    position: relative;
	    width: 100%
	}

	.datalist-icon {
	    cursor: pointer;
	    display: inline-flex;
	    right: 10px
	}

	.datalist-icon,.datalist-icon.icon-reset {
	    position: absolute
	}

	ul.datalist-select {
	    background: inherit;
	    border: 1px solid var(--color-grey-200);
	    border-radius: 0 0 var(--border-radius) var(--border-radius);
	    box-sizing: content-box;
	    left: -1px;
	    margin: 0;
	    max-height: 340px;
	    overflow: auto;
	    padding: 8px 0 6px!important;
	    position: absolute;
	    width: 100%;
	    z-index: 1
	}

	ul.datalist-select li.datalist-option {
	    margin: 0;
	    padding: 6px 10px;
	    transition: .15s
	}

	ul.datalist-select li.datalist-option.active,ul.datalist-select li.datalist-option:hover {
	    background: var(--color-grey)
	}

	.datalist-empty {
	    color: var(--color-grey-400);
	    padding: 6px 10px
	}

	.wizard {
	    padding: 10px 0;
	    width: max(400px,40%)
	}

	@media (max-width: 480px) {
	    .wizard {
	        width:100%
	    }
	}

	.wizard-item {
	    align-items: center;
	    margin: 10px 0
	}

	.search-form {
	    margin-bottom: 20px
	}

	.search-form h2,.search-form h3 {
	    margin: 10px 0
	}

	.lax-search-fields.fields-row {
	    flex-direction: row
	}

	@media (max-width: 360px) {
	    .lax-search-fields.fields-row {
	        flex-direction:column
	    }
	}

	.lax-search-fields:not(.fields-row)>.lax-btn {
	    max-width: 74px;
	    padding: 8px 12px
	}

	.lax-search-fields {
	    display: flex;
	    flex-direction: column;
	    gap: 5px
	}

	.lax-search-fields>.lax-input-block {
	    flex-grow: 1;
	    margin: 0;
	    max-width: var(--input-max-width)
	}

	.lax-search-fields>.lax-input-block .lax-input-container {
	    max-width: unset
	}

	.lax-search-fields>.lax-btn {
	    display: flex
	}

	.lax-search-fields>.lax-btn>svg {
	    margin: auto
	}

	ul.lax-breadcrumb {
	    display: inline;
	    font-size: 14px
	}

	ul.lax-breadcrumb li {
	    display: inline;
	    position: relative
	}

	ul.lax-breadcrumb li:not(:last-child):after {
	    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	    display: inline-flex;
	    position: absolute;
	    right: 0;
	    top: -2px;
	    transform: rotate(-90deg)
	}

	ul.lax-breadcrumb span {
	    color: var(--color-grey-300)
	}

	ul.lax-breadcrumb a {
	    margin-right: 24px
	}

	.lax-breadcrump-wrapper {
	    margin-bottom: 40px
	}

	.loader-component {
	    align-items: center;
	    display: flex;
	    height: min(50vh,600px);
	    justify-content: center;
	    width: 100%
	}

	.loader-spinner {
	    animation: spinner 1.25s ease-in-out infinite;
	    border: 5px solid var(--color-grey-200);
	    border-radius: 50%;
	    border-top: 5px solid var(--color-grey-200);
	    border-top-color: var(--color-grey-300);
	    height: 50px;
	    width: 50px
	}

	@keyframes spinner {
	    0% {
	        transform: rotate(0deg)
	    }

	    to {
	        transform: rotate(1turn)
	    }
	}

	.lax-component .quick-switcher {
	    display: flex;
	    position: relative
	}

	.lax-component .quick-switcher :root {
	    --translateX: 0
	}

	.lax-component .quick-switcher>div {
	    border: 2px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    cursor: pointer;
	    padding: 10px 5px;
	    text-align: center;
	    width: 100%
	}

	.lax-component .quick-switcher>div:first-child {
	    border-bottom-right-radius: 0;
	    border-right: 0;
	    border-top-right-radius: 0
	}

	.lax-component .quick-switcher>div:last-child {
	    border-bottom-left-radius: 0;
	    border-left: 0;
	    border-top-left-radius: 0
	}

	.lax-component .quick-switcher>div:hover {
	    background: var(--color-grey-100)
	}

	.lax-component .quick-switcher .quick-tab {
	    background: transparent!important;
	    border-color: var(--color-primary-2000-new);
	    cursor: default;
	    height: 100%;
	    position: absolute;
	    transform: translateX(var(--translateX));
	    transition: 1.5s cubic-bezier(.1,1.15,.15,1);
	    width: 50%
	}

	.lax-component .quick-search svg {
	    opacity: .25;
	    transition: .1s
	}

	.lax-component .quick-search svg:hover {
	    opacity: .75
	}

	.qcategory-item {
    margin-bottom: 30px
}

.qcategory-item>a:hover {
    color: var(--color-primary-2000-new)
}

.qcategory-name {
    display: inline-flex;
    font-weight: var(--fontWeight-nunito-bold);
    gap: 5px
}

.qcategory-unit {
    border-bottom: 1px solid var(--color-grey-200);
    display: flex;
    gap: 20px;
    margin: 15px 0;
    padding-bottom: 15px
}

@media (max-width: 1024px) {
    .qcategory-unit {
        flex-direction:column
    }
}

.qcategory-parts {
    max-height: 600px;
    overflow: hidden;
    width: 100%
}

.qcategory-picture {
    min-width: 250px
}



	.lax-component .quick-list {
	    background: var(--color-grey);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    margin: 4px 4px 10px;
	    outline: 4px solid var(--color-grey-100);
	    padding: 20px
	}

	.lax-component .quick-list li {
	    cursor: pointer;
	    padding: 3px 15px 2px 0;
	    position: relative
	}

	.lax-component .quick-list li svg {
	    margin-bottom: 2px;
	    transform: rotate(-90deg)
	}

	.lax-component .quick-list li svg>* {
	    stroke: inherit
	}

	.lax-component .quick-list li.active,.lax-component .quick-list li .list-highlighted {
	    font-weight: var(--fontWeight-nunito-bold)
	}

	.lax-component .quick-list li .list-highlighted,.lax-component .quick-list li:hover {
	    color: var(--color-primary-2000-new)
	}

	.lax-component .quick-list li.quick-breadcrumb svg {
	    bottom: unset;
	    margin: 0;
	    position: relative;
	    top: -1px;
	    transform: rotate(90deg);
	    vertical-align: middle
	}

	.lax-component .quick-list li.quick-title {
	    border-bottom: 2px solid var(--color-primary-2000-new);
	    font-weight: 700;
	    margin: 10px 0 5px
	}

	.lax-component .quick-list li.quick-title span {
	    font-weight: inherit
	}

	.lax-component .quick-list li.quick-title:hover {
	    color: inherit
	}

	.qgroup-grid {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 20px
	}

	@media (max-width: 768px) {
	    .qgroup-grid {
	        gap:12px
	    }
	}

	.qgroup-grid>* {
	    width: calc(33.33333% - 13.33333px)
	}

	@media (max-width: 1024px) {
	    .qgroup-grid>* {
	        width:calc(50% - 10px)
	    }
	}

	@media (max-width: 768px) {
	    .qgroup-grid>* {
	        width:100%
	    }
	}

	.qgroup {
	    grid-column-gap: 32px;
	    display: grid;
	    grid-template-columns: 1fr 3fr
	}

	@media (max-width: 1024px) {
	    .qgroup {
	        grid-template-columns:1fr 2fr
	    }
	}

	@media (max-width: 768px) {
	    .qgroup {
	        display:flex;
	        flex-direction: row;
	        flex-wrap: wrap;
	        gap: 24px 12px
	    }

	    .qgroup>* {
	        flex-grow: 1;
	        min-width: min-content;
	        width: calc(50% - 6px)
	    }
	}

	@media (max-width: 480px) {
	    .qgroup>* {
	        width:100%
	    }
	}

	.qgroup .lax-input-container {
	    max-width: unset
	}

	.qgroup .qgroup-grid ul li {
	    cursor: pointer;
	    padding: 3px 15px 2px 0;
	    position: relative
	}

	.qgroup .qgroup-grid ul li svg {
	    margin-bottm: 2px;
	    transform: rotate(-90deg)
	}

	.qgroup .qgroup-grid ul li svg>* {
	    stroke: inherit
	}

	.qgroup .qgroup-grid ul li.active,.qgroup .qgroup-grid ul li .list-highlighted {
	    font-weight: var(--fontWeight-nunito-bold)
	}

	.qgroup .qgroup-grid ul li .list-highlighted,.qgroup .qgroup-grid ul li:hover {
	    color: var(--color-primary-2000-new)
	}

	.qgroup .qgroup-grid ul li.quick-breadcrumb svg {
	    bottom: unset;
	    margin: 0;
	    position: relative;
	    top: -1px;
	    transform: rotate(90deg);
	    vertical-align: middle
	}

	.qgroup .qgroup-grid ul li.quick-title {
	    border-bottom: 2px solid var(--color-primary-2000-new);
	    font-weight: 700;
	    margin: 10px 0 5px
	}

	.qgroup .qgroup-grid ul li.quick-title span {
	    font-weight: inherit
	}

	.qgroup .qgroup-grid ul li.quick-title:hover {
	    color: inherit
	}

	.qgroup .qgroup-title {
	    font-weight: 700;
	    margin: 10px 0 5px
	}

	.qgroup .qgroup-title:hover {
	    color: inherit;
	    cursor: default
	}

	.qgroup .qgroup-toggle span {
	    font-weight: var(--fontWeight-nunito-bold)
	}

	.qgroup-tale {
	    background: var(--color-grey);
	    cursor: pointer;
	    z-index: 1
	}

	.qgroup-tale .qgroup-title:hover {
	    color: var(--color-primary-2000-new);
	    cursor: pointer
	}

	.qgroup-tale .tale-container {
	    background: var(--color-grey);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    margin: 4px 0 0;
	    min-height: 100%;
	    outline: 4px solid var(--color-grey-100);
	    padding: 20px 15px;
	    transition: .2s
	}

	.qgroup-tale .tale-container:hover {
	    box-shadow: var(--box-shadow)
	}

	.qgroup-tale.active {
	    z-index: 2
	}

	.qgroup-tale.active .tale-container {
	    box-shadow: 0 20px 10px 0 rgba(var(--color-black-rgb),.1)
	}

	.vehicle-name {
	    font-weight: var(--fontWeight-nunito-bold)!important
	}

	.vehicle-action {
	    align-items: center;
	    cursor: pointer;
	    display: flex;
	    font-weight: var(--fontWeight-nunito-regular)!important;
	    gap: 5px
	}

	.vehicle-info {
	    display: flex;
	    gap: 20px;
	    max-width: 712px
	}

	.vehicle-list {
	    line-height: 1.5rem;
	    margin: 10px 0
	}

	.vehicle-list li {
	    display: flex;
	    font-size: 14px
	}

	@media (max-width: 480px) {
	    .vehicle-list li {
	        flex-direction:column
	    }
	}

	.vehicle-list li span:first-of-type {
	    color: var(--color-grey-300);
	    flex-shrink: 0;
	    margin-right: 40px;
	    width: 120px
	}

	@media (max-width: 480px) {
	    .vehicle-list li span:first-of-type {
	        margin-right:12px
	    }
	}

	.collapse .vehicle-list {
	    display: none
	}

	.vehicle-wrapper {
	    line-height: 1.75rem;
	    margin: 20px 0
	}

	@media (max-width: 480px) {
	    .vehicle-wrapper {
	        margin:10px 0 20px
	    }
	}

	.vehicle-action svg {
	    transform: rotate(-180deg);
	    transition: transform .25s
	}

	.vehicle-action svg path {
	    stroke: var(--color-grey-400)!important
	}

	.collapse .vehicle-action svg {
	    transform: none
	}

	.vehicle-info img {
	    margin-bottom: -10px;
	    margin-left: -5px
	}

	.unitlist {
	    grid-column-gap: 32px;
	    display: grid;
	    grid-template-columns: 1fr 3fr
	}

	@media (max-width: 1024px) {
	    .unitlist {
	        grid-column-gap:24px;
	        grid-template-columns: 1fr 2fr
	    }
	}

	@media (max-width: 768px) {
	    .unitlist {
	        display:flex;
	        flex-direction: row;
	        flex-wrap: wrap;
	        gap: 24px 12px
	    }

	    .unitlist>* {
	        flex-grow: 1;
	        min-width: min-content;
	        width: calc(50% - 6px)
	    }
	}

	@media (max-width: 480px) {
	    .unitlist>* {
	        width:100%
	    }
	}

	.unitlist .lax-input-container {
	    max-width: unset
	}

	.unit-grid {
	    background: var(--color-grey);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    display: grid;
	    gap: 15px;
	    grid-template-columns: repeat(auto-fill,calc(33.33333% - 10px));
	    justify-content: space-between;
	    margin: 4px;
	    outline: 4px solid var(--color-grey-100);
	    overflow: auto;
	    padding: 22px
	}

	@media (max-width: 768px) {
	    .unit-grid {
	        grid-template-columns:100%
	    }
	}

	.lax-modal {
	    align-items: center;
	    background: rgba(0,0,0,.25);
	    display: flex;
	    height: 100vh;
	    justify-content: center;
	    left: 0;
	    opacity: 0;
	    position: fixed;
	    top: 0;
	    width: 100vw;
	    z-index: -9999
	}

	.lax-modal-content {
	    background: #fff;
	    border-radius: var(--border-radius);
	    box-shadow: 0 0 12px 2px hsla(0,0%,55%,.1);
	    display: flex;
	    max-height: 95vh;
	    max-width: 920px;
	    min-height: 280px;
	    min-height: 5.25em;
	    padding: 2em;
	    position: relative;
	    width: 100%
	}

	.lax-modal-close {
	    border-radius: 100px;
	    cursor: pointer;
	    position: absolute;
	    right: 2em;
	    top: 2em
	}

	.lax-modal-close svg {
	    stroke-width: .1rem;
	    font-size: 1.5rem
	}

	.active .lax-modal {
	    opacity: 1;
	    z-index: 9999
	}

	.base-detail {
	    background: var(--color-grey-150);
	    border-radius: var(--border-radius)
	}

	.table-detail {
	    border-collapse: collapse;
	    display: grid;
	    font-size: 14px;
	    grid-auto-rows: 45px 1fr 30px;
	    max-height: inherit;
	    padding: 8px;
	    width: 100%
	}

	.table-detail .table-head {
	    align-items: center;
	    border-radius: var(--border-radius)
	}

	.table-detail .table-body,.table-detail .table-head {
	    scrollbar-gutter: stable;
	    overflow: auto
	}

	.table-detail .table-head,.table-detail .table-row {
	    display: grid;
	    grid-template-columns: 65px 55px 2fr 4fr 35px
	}

	.table-detail .table-head p:first-child,.table-detail .table-row p:first-child {
	    padding-left: 8px
	}

	.table-detail .table-row {
	    cursor: pointer;
	    padding: 2px 4px
	}

	.table-detail .table-row span {
	    color: var(--color-grey-300);
	    font-size: 12px
	}

	.table-detail .table-row div {
	    display: flex;
	    justify-content: right;
	    padding: 8px 4px
	}

	.table-detail .table-row a:hover {
	    text-decoration: underline
	}

	.table-detail .table-row p:not(.text) {
	    white-space: nowrap;
	}

	.table-detail .table-element.active,.table-detail .table-element.active span,.table-detail .table-head p, .table-detail .table-head {
	    background: var(--color-primary-2000-new);
	    color: #fff
	}

	.table-detail .table-element:hover,.table-detail .table-element:hover p {
		background: #EEF2F5;
	    color: #000
	}

	.table-detail .table-element.activee {
	    background: var(--color-primary-2000-new);
	    color: #fff
	}

	.table-detail .table-element.activee *, .table-detail .table-element.active * {
		color: #fff
	}

	.table-detail .table-element {
	    border-radius: var(--border-radius);
	    margin: 2px 1px
	}

	.table-detail .table-element a {
	    transition: 0s!important
	}

	.table-detail .table-element:hover {
	    box-shadow: var(--box-shadow-light)
	}

	.table-detail .table-head {
	    padding: 2px 4px
	}

	.table-detail .table-head p {
	    padding-bottom: 8px;
	    padding-top: 8px
	}

	.table-detail p {
	    margin: 0;
	    padding: 8px 4px;
	    text-align: left;
	    vertical-align: middle
	}

	.table-detail .table-footer {
	    display: flex
	}

	.table-detail .table-footer a {
	    padding: 4px
	}

	.table-detail .table-str {
	    background: var(--color-grey);
	    color: var(--color-grey-300);
	    font-weight: 400;
	    padding: 8px 10px;
	    position: sticky;
	    top: 0
	}

	.tooltip-detail {
	    grid-gap: 4px;
	    display: grid;
	    grid-template-columns: 1fr 1.5fr;
	    word-break: break-word
	}

	.tooltip-detail>div:nth-child(2n-1) {
	    font-weight: var(--fontWeight-nunito-bold);
	    text-transform: capitalize
	}

	.table-wrapper {
	    background: var(--color-grey);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    max-height: inherit;
	    overflow: hidden
	}

	.detail-modal {
	    align-items: flex-start;
	    display: flex;
	    flex-direction: column;
	    width: 100%
	}

	.detail-modal .detail-name {
	    font-size: 22px;
	    margin: 0 0 5px;
	    padding-right: 22px;
	    width: 100%
	}

	.detail-modal a {
	    border-radius: var(--border-radius);
	    color: var(--color-primary-2000-new);
	    font-size: 14px;
	    font-weight: var(--fontWeight-nunito-bold);
	    text-align: center;
	    text-transform: uppercase
	}

	.detail-modal .detail-picture {
	    overflow: auto;
	    padding-top: 20px;
	    text-align: center;
	    width: 100%
	}

	.detail-modal .detail-picture img {
	    max-width: 100%;
	    object-fit: contain
	}

	.picture-detail {
	    background: #fff;
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    cursor: pointer;
	    display: flex;
	    flex-direction: column;
	    font-size: 16px;
	    gap: 5px;
	    justify-content: space-between;
	    max-width: 275px;
	    padding: 20px;
	    transition: .2s
	}

	.picture-detail .pdetail-image {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    margin-bottom: 10px;
	    min-height: 200px;
	    position: relative;
	    text-align: center
	}

	.picture-detail .pdetail-image img {
	    max-height: 200px;
	    max-width: 100%;
	    object-fit: contain
	}

	.picture-detail:hover {
	    box-shadow: var(--box-shadow)
	}

	.picture-detail .pdetail-icon {
	    color: var(--color-grey-300);
	    cursor: pointer;
	    left: 4px;
	    position: absolute;
	    top: 8px;
	    transition: .2s
	}

	.picture-detail .pdetail-icon:hover {
	    opacity: .65
	}

	.picture-detail .pdetail-icon svg {
	    height: 24px;
	    width: 24px
	}

	.picture-detail .pdetail-link {
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    color: var(--color-grey-400);
	    display: -webkit-box;
	    flex: 1;
	    overflow: hidden;
	    text-overflow: ellipsis
	}

	.picture-detail .pdetail-link:hover,.picture-detail .pdetail-link a:hover,.picture-detail span {
	    color: var(--color-primary-2000-new)
	}

	.picture-detail span {
	    font-weight: 400
	}

	.viewport {
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    display: inline-block;
	    height: 600px;
	    overflow: auto;
	    position: relative
	}

	.viewport div {
	    cursor: pointer;
	    overflow: hidden;
	    position: absolute
	}

	.viewport div.activee,.viewport div.active,.viewport div:hover {
	    background: none;
	    border: 2px solid var(--color-primary-2000-new)!important
	}

	.lax-component .viewport,.lax-component .viewport * {
	    box-sizing: initial;
	    max-width: unset
	}

	.detailpicture-legend {
	    background: var(--color-grey);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    font-size: 14px;
	    margin: 10px 0 0;
	    padding: 10px
	}

	.detailpicture-legend th {
	    font-size: 20px;
	    font-weight: 700;
	    padding: 10px 0
	}

	.detailpicture-legend img {
	    max-width: 20px
	}

	.unitinfo-grid {
	    grid-gap: 20px;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    margin-top: 10px
	}

	@media (max-width: 768px) {
	    .unitinfo-grid {
	        display:flex;
	        flex-direction: column-reverse;
	        gap: 10px
	    }
	}

	.unitinfo-col {
	    display: grid;
	    max-height: 800px;
	    overflow: auto
	}

	.unitinfo-zoom {
	    color: var(--color-primary-2000-new);
	    cursor: pointer;
	    left: 15px;
	    position: absolute;
	    top: 15px;
	    z-index: 1
	}

	.unitinfo-zoom:hover {
	    opacity: .85
	}

	.unitinfo-zoom svg {
	    height: 35px;
	    width: 35px
	}

	.unitinfo-attributes {
	    margin: 15px 0
	}

	.unitinfo-attribute {
	    color: var(--color-grey-400);
	    display: flex;
	    font-weight: 400;
	    gap: 10px
	}

	.unitinfo-attribute>div:first-of-type {
	    font-weight: 700;
	    text-transform: uppercase
	}

	.lax-component.feature {
	    margin: 20px 0
	}

	.feature table {
	    border: 1px solid transparent;
	    border-collapse: collapse;
	    border-top: 0;
	    font-size: 14px;
	    width: 100%
	}

	.feature th {
	    color: var(--color-grey-400);
	    padding: 12px 20px;
	    text-align: left
	}

	.feature td {
	    border-bottom: 2px solid var(--color-grey-100);
	    border-top: 2px solid transparent;
	    padding: 16px 20px;
	    text-align: left;
	    vertical-align: top
	}

	.feature td:first-of-type {
	    border-left: 2px solid transparent
	}

	.feature td:last-of-type {
	    border-right: 2px solid transparent
	}

	.feature td.non-value {
	    color: var(--color-grey-200)
	}

	.feature tbody tr {
	    cursor: pointer
	}

	.feature tbody tr:hover {
	    border: 2px double var(--color-primary-2000-new)
	}

	.feature tbody tr:hover,.feature tbody tr:hover td {
	    color: var(--color-primary-2000-new)
	}

	.feature thead tr {
	    border-color: var(--color-grey-100);
	    border-style: solid
	}

	.feature-name,.feature thead tr {
	    background: var(--color-grey);
	    border: 0;
	    border-bottom: 2px
	}

	.feature-name {
	    border-top: 2px;
	    border-color: var(--color-grey-100);
	    border-style: solid;
	    cursor: pointer;
	    font-size: 18px;
	    margin: 5px 1px 0;
	    padding: 10px
	}

	.feature-name,.feature-toggle {
	    align-items: center;
	    display: flex
	}

	.feature-toggle {
	    aspect-ratio: 1/1;
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    height: 22px;
	    justify-content: center;
	    margin-right: 10px;
	    padding-left: 2px;
	    padding-top: 2px;
	}

	.feature-collapse {
	    align-items: center;
	    display: flex;
	    gap: .5em
	}

	.feature-collapse svg {
	    transition: transform .25s
	}

	.feature-collapse.hide svg {
	    transform: rotate(-180deg)
	}

	.table-container {
	    overflow-x: auto
	}

	:root {
	    --fontWeight-nunito-light: 200;
	    --fontWeight-nunito-normal: 400;
	    --fontWeight-nunito-regular: 500;
	    --fontWeight-nunito-bold: 700;
	    --fontFamily-nunito: "Nunito",sans-serif;
	    --color-primary: #8baccb;
	    --color-primary-200: #323e48;
	    --color-primary-200-rgb: 255,177,34;
	    --color-white: #fff;
	    --color-red: #87212f;
	    --color-grey: #f9f9f9;
	    --color-grey-100: #f3f3f3;
	    --color-grey-150: #f1f1f1;
	    --color-grey-200: #e1e1e1;
	    --color-grey-300: #b5b9bb;
	    --color-grey-400: #292727;
	    --color-black-rgb: 0,0,0;
	    --border-radius: 6px;
	    --input-max-width: max(300px,30%);
	    --box-shadow: 0 2px 10px 0 rgba(var(--color-black-rgb),.1);
	    --box-shadow-light: 0 2px 10px 0 rgba(var(--color-black-rgb),.05)
	}

	.lax-component *,.lax-page * {
	    box-sizing: border-box;
	    font-family: var(--fontFamily-nunito);
	    font-weight: var(--fontWeight-nunito-regular)
	}

	.lax-component li,.lax-component ul,.lax-page li,.lax-page ul {
	    list-style: none;
	    padding: 0
	}

	.lax-component button,.lax-component input,.lax-page button,.lax-page input {
	    outline: none;
	    transition: .15s
	}

	.lax-component a,.lax-page a {
	    color: inherit;
	    text-decoration: none;
	    text-transform: uppercase;
	}

	.lax-component .disabled svg path,.lax-page .disabled svg path {
	    stroke: var(--color-grey-300)
	}

	section.lax-img {
	    max-width: 100px;
	    min-width: 100px
	}

	section.lax-img img {
	    height: auto;
	    opacity: .45;
	    width: 110%
	}

	.lax-page {
	    font-family: var(--fontFamily-nunito);
	    max-width: 1200px
	}

	.lax-module {
	    border-top: 1px solid var(--color-grey-200);
	    margin: 20px 0;
	    padding: 20px 0
	}

	.lax-head {
	    font-weight: var(--fontWeight-nunito-regular);
	    margin: 0
	}

	.lax-head--h1 {
	    font-size: 1.55rem
	}

	.lax-head--h2 {
	    font-size: 1.35rem
	}

	.lax-head--h3 {
	    font-size: 1rem
	}

	.lax-link {
	    font-weight: var(--fontWeight-nunito-bold)
	}

	.lax-link:hover {
	    color: var(--color-primary-2000-new)
	}

	.lax-header {
	    border-bottom: 1px solid var(--color-grey-200);
	    margin: 0 0 20px;
	    padding: 0 0 20px
	}

	.lax-block {
	    background-color: var(--color-grey-100);
	    border: 1px solid var(--color-grey-200);
	    border-radius: var(--border-radius);
	    padding: 20px;
	    width: 50%;
	}

	.lax-text {
	    color: var(--color-grey-400);
	    text-align: justify;
	    padding-bottom: 40px;
	    max-width: 80%;
	    margin: auto;
	}

	.lax--pdt {
	    padding-top: 20px
	}

	.lax--pdb {
	    padding-bottom: 20px
	}

	.lax-mtooltip {
	    -webkit-backdrop-filter: blur(4px);
	    backdrop-filter: blur(4px);
	    background-color: hsla(0,0%,100%,.75);
	    border: 1px solid var(--color-grey-300);
	    border-radius: var(--border-radius);
	    font-size: 14px;
	    max-width: 380px;
	    padding: 10px;
	    position: fixed;
	    z-index: 99
	}

	.lax-params {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    margin: 6px 0;
	    width: max(400px,40%)
	}

	.lax-params div:first-of-type {
	    font-weight: 700
	}

	@media (max-width: 480px) {
	    .lax-params {
	        width:100%
	    }
	}

	.lax-warning {
	    background: rgba(var(--color-primary-2000-new-rgb),.15);
	    border-radius: var(--border-radius);
	    color: var(--color-primary-2000-new);
	    margin: 12px 0;
	    padding: 20px
	}

	.lax-info {
	    align-items: center;
	    display: flex;
	    gap: 100px;
	    justify-content: space-between;
	    margin-top: 40px;
	}

	@media (max-width: 768px) {
	    .lax-info {
	        flex-direction:column
	    }
	}

	.lax-info svg {
	    height: auto;
	    max-width: 110px
	}

	.lax-info p {
	    max-width: 820px
	}

	.lax-info .lax-info-image {
	    max-width: 250px;
	    padding: 10px;
	    text-align: center;
	    width: 100%;
	}

	.lax-info h2 {
		margin-bottom: 20px;
	}

	@media (max-width: 768px) {
	    .lax-info .lax-info-image {
	        display:none
	    }
	}