.twz-element-car-colorpicker{--color-gap: 1.5rem;display:flex;flex-direction:column;height:100%;align-items:stretch;border-radius:8px;overflow:auto;container-type:inline-size;container-name:colorpicker}@media(max-width: 767px){.twz-element-car-colorpicker{--color-gap: .8rem}}.twz-element-car-colorpicker__title{margin:0;flex:1 1 auto}.twz-element-car-colorpicker__title-wrap{padding:1rem 2rem;display:flex;align-items:center;-moz-column-gap:2rem;column-gap:2rem}@media(max-width: 767px){.twz-element-car-colorpicker__title-wrap{padding:1rem}}.twz-element-car-colorpicker__title-wrap :where(h3,.h2){flex:1 1 auto}.twz-element-car-colorpicker__head{position:relative;background:linear-gradient(45deg, #020035 60%, #02002d)}.twz-element-car-colorpicker__head>*{position:relative;z-index:1}.twz-element-car-colorpicker__head :is(.h2,label){color:var(--white)}.twz-element-car-colorpicker__filters{display:flex;flex-direction:row;gap:2rem;padding:0 2rem 1rem;flex:0 0 auto;flex-wrap:wrap}@media(max-width: 767px){.twz-element-car-colorpicker__filters{padding:0rem 1rem 1rem;flex-direction:column;gap:.25rem}}@media(min-width: 768px)and (max-width: 1024px){.twz-element-car-colorpicker__filters div:nth-child(4){flex:0 0 100%}}.twz-element-car-colorpicker__filter{flex:0 1 auto}.twz-element-car-colorpicker__filter:has(.twz-element-car-colorpicker__reset-filters){flex:0 0 100%}@media(min-width: 1025px){.twz-element-car-colorpicker__filter{min-width:30rem}}@media(min-width: 768px)and (max-width: 1024px){.twz-element-car-colorpicker__filter{flex:0 0 50%}}@media(max-width: 767px){.twz-element-car-colorpicker__filter{margin-bottom:.5rem}}.twz-element-car-colorpicker__filter:has(.twz-select.is-disabled) form>label{opacity:.5}.twz-element-car-colorpicker__filter .twz-select.is-disabled{opacity:.5;pointer-events:none}.twz-element-car-colorpicker__filter .reset-filters{padding:0;background-color:rgba(0,0,0,0);border:none;display:flex;gap:.5em}.twz-element-car-colorpicker__filter .reset-filters:hover{background-color:rgba(0,0,0,0);text-decoration:underline}.twz-element-car-colorpicker__filter .reset-filters svg{translate:0 1px}.twz-element-car-colorpicker__filter .reset-filters svg path{stroke:var(--black)}.twz-element-car-colorpicker__filter .reset-filters:not(.is-visible){display:none}.twz-element-car-colorpicker__filter form{display:flex;align-items:center;flex-wrap:wrap}@container colorpicker (width > 1000px){.twz-element-car-colorpicker__filter form[data-car-colorpicker-searchform]{width:30rem}}.twz-element-car-colorpicker__filter form label{display:block;flex:1 1 100%;font-weight:bold}@media(max-width: 549px){.twz-element-car-colorpicker__filter form label{display:none}}.twz-element-car-colorpicker__filter form .form-row{position:relative;display:flex;align-items:center;width:100%;margin:0;padding:0}.twz-element-car-colorpicker__filter form .icon--search{position:absolute;right:1rem;width:1.15em;height:1.15em;padding:0;border-radius:unset;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.309' height='20' fill='%23919191'%3E%3Cpath d='M19.016 18.217 15.252 14.3l-1-1.037a8.072 8.072 0 1 0-6.177 2.887 7.989 7.989 0 0 0 4.626-1.461l4.8 4.988a1.053 1.053 0 1 0 1.515-1.46ZM8.075 2.107a5.968 5.968 0 1 1-5.968 5.968 5.975 5.975 0 0 1 5.968-5.968Z'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 549px){.twz-element-car-colorpicker__filter form .icon--search{height:1em}}.twz-element-car-colorpicker__filter form .icon--search.has-value{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' stroke='%23143D59'%3E%3Cpath stroke-linecap='round' stroke-width='2' d='M14.091 14.091 3.91 3.91M3.909 14.091 14.09 3.91'/%3E%3C/svg%3E")}.twz-element-car-colorpicker__filter form .icon--search.has-value:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' stroke='%23E13522'%3E%3Cpath stroke-linecap='round' stroke-width='2' d='M14.091 14.091 3.91 3.91M3.909 14.091 14.09 3.91'/%3E%3C/svg%3E")}.twz-element-car-colorpicker__filter form .icon--search::before{content:none}.twz-element-car-colorpicker__filter form input{padding:2rem 3.75rem 2rem 2rem;height:5rem}@media(max-width: 549px){.twz-element-car-colorpicker__filter form input{height:4.55rem;font-size:1.6rem}}.twz-element-car-colorpicker__filter form .twz-select{flex:1 1 auto;height:5rem;min-width:22.5rem}@media(max-width: 549px){.twz-element-car-colorpicker__filter form .twz-select{height:4.55rem;font-size:1.6rem}}@media(max-width: 767px){.twz-element-car-colorpicker__filter form .twz-select{height:auto;margin:0}}.twz-element-car-colorpicker__filter form .twz-select__selected{display:flex;align-items:center;gap:.8rem}.twz-element-car-colorpicker__filter form .twz-select__option{display:flex;align-items:center;gap:.8rem}.twz-element-car-colorpicker__filter form .twz-select__option-logo{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.twz-element-car-colorpicker__filter form input{flex:1 1 auto;border:none;margin:0}.twz-element-car-colorpicker__filter form input[name=search]{border:1px solid var(--grey-200)}.twz-element-car-colorpicker__addcustomcolor{flex:0 0 auto;display:flex;align-items:center;position:sticky;bottom:0;background-color:#fff;gap:2rem;padding:1rem 2rem;box-shadow:0px 0px 3px 0 rgba(0,0,0,.15);margin-inline:-2rem}@media(min-width: 550px)and (max-width: 1024px){.twz-element-car-colorpicker__addcustomcolor{flex-direction:column;align-items:flex-start;width:100%}}@media(max-width: 549px){.twz-element-car-colorpicker__addcustomcolor{margin-inline:-1rem;gap:.5rem}}.twz-element-car-colorpicker__addcustomcolor-helper{flex:1 0 20%;max-width:80rem}.twz-element-car-colorpicker__addcustomcolor-helper .title{font-weight:bold}.twz-element-car-colorpicker__addcustomcolor-options{flex:1 1 auto;display:flex;gap:1.5rem;width:100%;font-size:1.4rem;margin-top:1rem}@media(max-width: 549px){.twz-element-car-colorpicker__addcustomcolor-options{margin-top:0}}.twz-element-car-colorpicker__addcustomcolor-options .title{display:none}@media(max-width: 767px){.twz-element-car-colorpicker__addcustomcolor-options{flex-wrap:wrap}}.twz-element-car-colorpicker__addcustomcolor-search{background-color:#f7f7f7;border-color:#f7f7f7;margin:0}@media(max-width: 767px){.twz-element-car-colorpicker__addcustomcolor-search{flex:0 0 100%}}.twz-element-car-colorpicker__addcustomcolor-search::-moz-placeholder{color:#969696}.twz-element-car-colorpicker__addcustomcolor-search::placeholder{color:#969696}.twz-element-car-colorpicker__addcustomcolor-submit{--btn-theme-color--darkened: var(--orange-800);margin-left:1.5rem;min-width:-moz-fit-content;min-width:fit-content}@media(max-width: 549px){.twz-element-car-colorpicker__addcustomcolor-submit{margin-left:0;width:100%}}.twz-element-car-colorpicker__addcustomcolor-submit:disabled{opacity:.4;cursor:not-allowed}.twz-element-car-colorpicker__nocolors-found,.twz-element-car-colorpicker__nobrands-found{margin-top:7.5rem;display:flex;align-items:center;flex-direction:column}.twz-element-car-colorpicker__nocolors-found-icon,.twz-element-car-colorpicker__nobrands-found-icon{display:inline-block;height:15rem;width:15rem;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.75}.twz-element-car-colorpicker__nocolors-found-title,.twz-element-car-colorpicker__nobrands-found-title{font-size:2rem;font-weight:bold;text-align:center;padding:1rem 2rem}.twz-element-car-colorpicker__nobrands-found-title{color:#143d59}.twz-element-car-colorpicker__filter-message{padding:2rem;text-align:center;font-size:1.6rem;color:var(--text-color, #143D59);margin:2rem 0}.twz-element-car-colorpicker__colors{padding:1rem 2rem 2rem;display:flex;flex-direction:column;flex:1 1 auto;position:relative}@media(max-width: 549px){.twz-element-car-colorpicker__colors{padding:1rem}}.twz-element-car-colorpicker__colors.loading .twz-element-car-colorpicker__colors__wrap{filter:blur(2px)}.twz-element-car-colorpicker__colors.loading::after{content:"";position:fixed;top:50%;left:50%;height:15rem;width:15rem;translate:-50% -50%;transform-origin:center;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);background-image:url(../img/loader.gif);z-index:10001}.twz-element-car-colorpicker__colors.is-hidden{display:block}.twz-element-car-colorpicker__colors.is-hidden .twz-element-car-colorpicker__colors__wrap,.twz-element-car-colorpicker__colors.is-hidden .twz-element-car-colorpicker__addcustomcolor{display:none}.twz-element-car-colorpicker__colors__title h2,.twz-element-car-colorpicker__colors__title h3,.twz-element-car-colorpicker__colors__title h4{margin:1rem 0 1.5rem}@media(max-width: 767px){.twz-element-car-colorpicker__colors__title h2,.twz-element-car-colorpicker__colors__title h3,.twz-element-car-colorpicker__colors__title h4{margin-block:0}}.twz-element-car-colorpicker__colors__wrap{display:flex;flex-direction:column;flex:1 1 100%}.twz-element-car-colorpicker__colors__head{display:none}.twz-element-car-colorpicker__colors__head:not(.has--colors){display:flex;justify-content:space-between;align-items:center;margin:.5rem 0 .85rem}@media(max-width: 399px){.twz-element-car-colorpicker__colors__head:not(.has--colors){flex-direction:column;align-items:flex-start}}.twz-element-car-colorpicker__colors__head.has--no-colors{display:none}.twz-element-car-colorpicker__colors__head .results-title{font-weight:bold}.twz-element-car-colorpicker__colors__head .results-title+.twz-element-car-colorpicker__colors__title{display:none}.twz-element-car-colorpicker__colors__head .results-title a.twz-element-car-colorpicker__search-all-link{text-decoration:underline;color:inherit;cursor:pointer}.twz-element-car-colorpicker__colors__head .results-title a.twz-element-car-colorpicker__search-all-link:hover{opacity:.8}.twz-element-car-colorpicker__colors__wrapper{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:var(--color-gap)}@container colorpicker (max-width: 1600px){.twz-element-car-colorpicker__colors__wrapper{grid-template-columns:repeat(6, minmax(0, 1fr))}}@container colorpicker (max-width: 1365px){.twz-element-car-colorpicker__colors__wrapper{grid-template-columns:repeat(4, minmax(0, 1fr))}}@container colorpicker (max-width: 1024px){.twz-element-car-colorpicker__colors__wrapper{grid-template-columns:repeat(4, minmax(0, 1fr))}}@container colorpicker (max-width: 700px){.twz-element-car-colorpicker__colors__wrapper{grid-template-columns:repeat(3, minmax(0, 1fr))}}.twz-element-car-colorpicker__colors__wrapper .results-title{flex:0 0 100%;font-weight:bold;font-size:2rem;margin-bottom:1rem;padding:.75rem}.twz-element-car-colorpicker__colors__wrapper.has--no-colors{justify-content:center;flex:1 1 100%;grid-template-columns:1fr}.twz-element-car-colorpicker__colors__more{display:flex;justify-content:center;margin-top:4rem;margin-bottom:4rem}.twz-element-car-colorpicker__colors__more.hidden{display:none}.twz-element-car-colorpicker__color{border:1px solid var(--grey-300);border-radius:var(--radius-s);padding:1rem;cursor:pointer}.twz-element-car-colorpicker__color:hover{border-color:var(--orange-800);box-shadow:0px 0px 3px 0 rgba(0,0,0,.15);background-color:var(--orange-200)}.twz-element-car-colorpicker__color-title{font-weight:bold;margin-bottom:.5rem;word-break:break-word}@media(max-width: 767px){.twz-element-car-colorpicker__color-title{line-height:1.2}}.twz-element-car-colorpicker__brand-card .twz-card--brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:1px solid var(--grey-300);border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out;min-height:8rem;height:100%}.twz-element-car-colorpicker__brand-card .twz-card--brand:hover{border-color:var(--orange-800);box-shadow:0px 0px 3px 0 rgba(0,0,0,.15);background-color:var(--orange-200)}.twz-element-car-colorpicker__brand-card .twz-card--brand__logo{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;max-width:8rem;max-height:8rem}.twz-element-car-colorpicker__brand-card .twz-card--brand__logo img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.twz-element-car-colorpicker__brand-card .twz-card--brand__name{font-weight:bold;font-size:1.6rem;text-align:center;color:#143d59}.twz-element-car-colorpicker__color .twz-card,.twz-element-car-colorpicker__colors .twz-card{margin:0}.twz-element-car-colorpicker__color .twz-card--colorproduct__thumb,.twz-element-car-colorpicker__colors .twz-card--colorproduct__thumb{transform-origin:center;transition:.3s ease scale}.twz-element-car-colorpicker__color .twz-card:not(.active):hover .twz-card--colorproduct__thumb,.twz-element-car-colorpicker__colors .twz-card:not(.active):hover .twz-card--colorproduct__thumb{scale:1.075}.twz-element-car-colorpicker__close{cursor:pointer;padding:1rem;background-size:contain;background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;height:2.5em;width:2.5em;transition:.3s ease}.twz-element-car-colorpicker__close svg{height:2rem;width:2rem}.twz-element-car-colorpicker__close svg path{stroke:var(--white)}.twz-element-car-colorpicker__close:hover{background:rgba(0,0,0,0);rotate:180deg}.twz-element-car-colorpicker+.twz-overlay{cursor:pointer}