@layer custom-pages {
  .color-picker-page--auto .car-brands__item--compact {grid-column:span 6 / span 6}
  @media (min-width:640px) and (max-width:1023px) {
    .color-picker-page--auto .car-brands__item--compact {grid-column:span 4 / span 4} }
    .color-picker-page--auto #cardsearchinput {border:none;background:#f9f9f9;padding:.7rem .7rem .7rem 2.8rem;margin-bottom:20px;height:2.8rem;width:100%;border-radius:7px;}
    .color-picker-page--auto .allcarcolor .go_tee {position:absolute;left:.9rem;top:.7rem;color:#a7a7a7;font-size:1.2rem;}
    .color-picker-page--auto .allcarcolor .newppp {font-size:15px;color:#1e1e1b}
    .color-picker-page--auto .allcarcolor .go_ttm {color:#fff;display:inline-block;background-color:#e20613;padding:8px 15px;line-height:1.1;margin-right:6px;font-size:14px;border-radius:7px;margin-top:6px;text-transform:uppercase;}
    .color-picker-page--auto .allcarcolor .go_ttm:hover, .color-picker-page--auto .allcarcolor .go_ttm:focus {color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.2)}
    .color-picker-page--auto .allcarcolor .pipmcccc:after {padding-left:4px;}
    .color-picker-page--auto .allcarcolor .carnametbl {background:#f9f9f9;display:block;font-size:14px;line-height:1.1;text-align:center;font-weight:400;padding:8px 5px;margin-bottom:15px;color:#222;border-radius:7px;border:1px solid #e4e5e8;cursor:pointer;}
    .color-picker-page--auto .allcarcolor .carnametbl:hover {background:#f1f1f1;color:#222;}
    .color-picker-page--auto .allcarcolor .carnametbl.is-active {background:#e20613;color:#fff;border-color:#e20613;}
    .color-picker-page--auto .allcarcolor .carcp {font-size:30px;line-height:40px;padding-bottom:15px;font-weight:600;}
    .color-picker-page--auto .allcarcolor .is-hidden {display:none!important;}
    @media (max-width:640px){
      .color-picker-page--auto .allcarcolor .page-hero__title {text-align:left}
    }

  }

  @layer custom-pages {
    .color-picker-page--deco .paint-color-jump {display:inline;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit}
    .color-picker-page--deco .paint-color-jump:is(:hover, .color-picker-page--deco :focus-visible) {color:var(--kudo-color-accent-strong);text-decoration:underline}
    .color-picker-page--deco .paint-color-disclaimer {font-size:.825rem;padding-block:10px;color:#9b9b9b}
    .color-picker-page--deco .product-variants {margin-top:40px;}
    .color-picker-page--deco .alldecocolor .carcp {font-size:2.1em;padding-bottom:15px;font-weight:600;}
    .color-picker-page--deco .alldecocolor .with-sidebar-yan {border-left:0;}
    .color-picker-page--deco .alldecocolor p.paint-color-disclaimer {color:#9b9b9b;}
    .color-picker-page--deco .alldecocolor .carmaplin {padding:2px 0 20px 0;display:block;}
    .color-picker-page--deco .alldecocolor .carmaplin .label {padding-left:6px;}
    .color-picker-page--deco .alldecocolor .ralinput {padding:5px 16px;margin-right:8px;margin-bottom:8px;display:inline-block;border:1px solid #dadada;border-radius:7px;font-size:16px;cursor:pointer;}
    .color-picker-page--deco .alldecocolor p.page-hero__title.newppp {padding-bottom:20px;}
    .color-picker-page--deco .alldecocolor #hexInput, .color-picker-page--deco .alldecocolor #applyHexBtn {font-size:1rem;line-height:1.5rem;font-family:inherit;}
    .color-picker-page--deco .alldecocolor #hexInput {border:none;border-bottom:1px solid #ddd;background:transparent;padding:0 0 2px;border-radius:0;outline:none;margin:0;margin-top:-1px;height:auto;}
    .color-picker-page--deco .alldecocolor #hexInput:focus {border-bottom:1px solid #000;}
    .color-picker-page--deco .alldecocolor #applyHexBtn {border:none;background:transparent;padding:0 0 2px;cursor:pointer;margin:0;margin-top:-1px;border-bottom:none;}
    @media (max-width:767px){
      .color-picker-page--deco .alldecocolor h1 {font-size:2rem;}
      .color-picker-page--deco .alldecocolor .carcp {font-size:1.8em;}
      .color-picker-page--deco .alldecocolor #selectedColorPreview {margin-top:30px;}}

    }

    @layer custom-pages {
      .color-picker-page .product_semp {margin-bottom:1.25rem;font-size:17px;line-height:26px}
      .color-picker-page .knpkpdr {padding:6px 35px;font-size:.85rem;font-weight:600;text-transform:uppercase;background:var(--color-picker-accent);color:#fff;border-radius:var(--color-picker-radius);display:inline-block;box-shadow:1px 2px 7px rgba(0,0,0,.12)}
      .color-picker-page .knpkpdr:is(:hover,:focus) {color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.2)}
      .color-picker-page .allcarcolor {--color-picker-accent:#e30613;--color-picker-radius:7px}
      .color-picker-page .alldecocolor {--color-picker-accent:#1f9c81;--color-picker-radius:10px}
      .color-picker-page .color-picker-section {margin-bottom:50px}
      .color-picker-page .color-picker-heading {margin-top:30px}
      .color-picker-page .color-picker-attributes {margin-bottom:40px}
      .color-picker-page .color-picker-search {margin-bottom:0;position:relative}
      .color-picker-page .color-picker-brands {margin-top:15px}
      .color-picker-page .allcarcolor .color-picker-series-link {background-color:#fff;color:#a7a7a7;box-shadow:none}
      .color-picker-page .alldecocolor .color-picker-heading--flush {padding-bottom:0;margin-bottom:0}
      .color-picker-page .color-picker-preview {width:100%;height:80px;border-radius:10px;border:1px solid #e4e5e8;margin-bottom:30px}
      .color-picker-page .color-picker-controls {background:#f9f9f9;padding:25px;border-radius:10px}
      .color-picker-page .color-picker-channel {margin-bottom:30px}
      .color-picker-page .color-picker-label {font-size:14px}
      .color-picker-page .color-picker-range {width:100%}
      .color-picker-page .color-picker-hex {display:flex;gap:10px;align-items:center;margin-bottom:10px}
      .color-picker-page .color-picker-submit {margin-top:15px;padding:6px 12px;cursor:pointer;border:none;color:#fff;background:#e20713;border-radius:7px;line-height:1.5rem}
      .color-picker-page p.color-picker-notice {color:#9d9c9c;margin-top:20px;margin-bottom:0;text-align:right}
      .color-picker-page .alldecocolor .color-picker-results {padding:0;margin-top:30px}
      .color-picker-page .color-picker-products {margin:0 0 1em}
      .color-picker-page .color-picker-footer {margin-top:50px}
      .color-picker-page .color-picker-footer-grid {margin-bottom:60px}
      .color-picker-page .ralinput {background:var(--ral-color);color:#fff}
      .color-picker-page .ralinput--light {color:#222}
    }