.cc_COktkChrxm_ujl7AKIslr .matte-finder, .cc_COktkChrxm_VqzJFiUqJX .matte-finder {position:relative;width:100vw;max-width:100vw;margin:0 0 28px calc(50% - 50vw);padding:0;background:#fff;color:#6266cf;font-family:Arial,Helvetica,sans-serif;line-height:1.2;isolation:isolate}
.cc_COktkChrxm_ujl7AKIslr .matte-finder *, .cc_COktkChrxm_VqzJFiUqJX .matte-finder * {box-sizing:border-box}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-stage, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-stage {position:relative;width:100%;max-width:2000px;aspect-ratio:1600/530;margin:0 auto;padding:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-background, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-background {display:block;position:absolute;inset:0;z-index:-1;pointer-events:none}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-background img, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-background img {display:block;width:100%;height:100%;max-width:none;object-fit:fill;margin:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-controls, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-controls {position:absolute;left:28%;top:53.4%;width:44%;margin:0;padding:0;text-align:center;background:none;border:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-title, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-title {font-family:Arial,Helvetica,sans-serif;font-size:min(2.9vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:#6266cf;text-align:center;white-space:nowrap;margin:0 0 min(.8vw,16px);padding:0;text-transform:uppercase}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-fields, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:82%;gap:min(1vw,20px);margin:0 auto;padding:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field {position:relative;display:block;min-width:0;margin:0;padding:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field:after, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field:after {content:"";position:absolute;pointer-events:none;right:17%;top:24%;width:min(.9vw,18px);height:min(.9vw,18px);border-right:3px solid #101010;border-bottom:3px solid #101010;transform:rotate(45deg)}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select {appearance:none;-webkit-appearance:none;display:block;width:100%;height:min(2.1vw,42px);min-height:0;margin:0;padding:0 min(2vw,40px);border:0;border-radius:999px;box-shadow:none;background:#ffda00;background-image:none;color:#080808;font-family:Arial,Helvetica,sans-serif;font-size:min(1.7vw,34px);font-weight:400;line-height:1;text-align:center;text-align-last:center;cursor:pointer;opacity:1}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select:disabled, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select:disabled {background:#ffda00;color:#080808;-webkit-text-fill-color:#080808;opacity:1;cursor:default}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select:focus-visible, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select:focus-visible {outline:3px solid #6266cf;outline-offset:3px}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field option, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field option {background:#fff;color:#111;font-size:18px}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-result, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-result {display:flex;flex-direction:column;align-items:center;justify-content:center;width:82%;height:min(5.7vw,114px);min-height:0;margin:min(1.2vw,24px) auto 0;padding:5px 8px;border:1px solid #8b8fe1;background:rgba(255,255,255,.62);overflow-wrap:anywhere}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-placeholder, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-placeholder {font-size:min(3.8vw,76px);font-weight:400;line-height:1.15;white-space:nowrap;color:rgba(105,124,218,.25)}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-size, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-size {font-size:min(2.8vw,56px);font-weight:700;line-height:1.05;color:#6266cf}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-measure, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-measure {font-size:min(1.1vw,22px);line-height:1.25;color:#6266cf}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-error, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-error {font-size:14px;color:#a82725}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-wheel, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-wheel {display:block;position:absolute;left:1.8%;bottom:6.95%;width:28.2%;margin:0;padding:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-wheel img, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-wheel img {display:block;width:100%;height:auto;max-width:none;border:0;margin:0;padding:0}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-notice, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-notice {max-width:900px;margin:18px auto 0;padding:12px 18px;border-left:3px solid #d69b27;background:#fff8e9;color:#654b24;font-size:14px;line-height:1.5}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-notice p, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-notice p {margin:0 0 5px}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-sr, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-sr {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){
 .cc_COktkChrxm_ujl7AKIslr .matte-finder, .cc_COktkChrxm_VqzJFiUqJX .matte-finder {margin-bottom:28px}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-stage, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-stage {aspect-ratio:auto;padding-top:21.6vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-background, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-background {bottom:auto;height:auto}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-background img, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-background img {height:auto;aspect-ratio:750/358}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-controls, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-controls {position:relative;left:auto;top:auto;width:100%}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-title, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-title {font-size:6.3vw;line-height:1.25;margin-bottom:2vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-fields, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-fields {grid-template-columns:minmax(0,1fr);width:85%;gap:3.8vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select {height:8.2vw;padding:0 7vw;font-size:6vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field:after, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field:after {right:38%;top:22%;width:3.7vw;height:3.7vw;border-width:0 3px 3px 0}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-result, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-result {width:85%;height:12.4vw;margin-top:5vw;padding:4px 8px}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-placeholder, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-placeholder {font-size:7.1vw;line-height:1.2}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-size, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-size {font-size:7vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-measure, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-measure {font-size:3.2vw}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-wheel, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-wheel {position:relative;left:auto;bottom:auto;width:77%;margin:3.6vw auto 0}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-wheel img, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-wheel img {aspect-ratio:578/241;height:auto}
 .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-notice, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-notice {margin:16px 15px 0;font-size:13px}
}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase {max-width:1000px;margin:20px auto 0;padding:20px 24px;text-align:center;border:1px solid #e3e8f4;border-radius:7px;background:#f8faff}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase h3, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase h3 {margin:0 0 15px;font-size:18px;line-height:1.4;color:#244b96}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase>div, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase>div {display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase a, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase a {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:44px;background:#244b96;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:5px;line-height:1.4}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase a:focus-visible, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase a:focus-visible {outline:3px solid #fc0;outline-offset:3px}@media(max-width:767px){.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase {margin:18px 15px 0;padding:18px 15px}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase>div, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase>div {flex-direction:column}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase h3, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase h3 {font-size:17px}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-purchase a, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-purchase a {width:100%;box-sizing:border-box}}

/* One continuous baseline joins the wheel illustration to the result border. */
@media(min-width:768px){.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-result, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-result {position:relative}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-result::before, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-result::before {content:"";position:absolute;right:100%;bottom:-1px;width:calc(88.5809312639% + 1px);border-bottom:1px solid #8b8fe1;pointer-events:none}}

@media(min-width:768px){.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-background::after, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-background::after {content:"";position:absolute;inset:auto 0 -1px;height:clamp(12px,1.6vw,32px);background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none}}

/* Native selects remain accessible; their visible values are centered independently of the arrow. */
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select, .cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field select:disabled, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field select:disabled {color:transparent;-webkit-text-fill-color:transparent}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field option, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field option {color:#111;-webkit-text-fill-color:#111}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-value, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-value {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#080808;font-family:Arial,Helvetica,sans-serif;font-size:min(1.7vw,34px);font-weight:400;line-height:1;text-align:center}
.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field:after, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field:after {right:min(1.1vw,22px);top:50%;transform:translateY(-70%) rotate(45deg)}
@media(max-width:767px){.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-value, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-value {font-size:6vw}.cc_COktkChrxm_ujl7AKIslr .matte-finder .matte-finder-field:after, .cc_COktkChrxm_VqzJFiUqJX .matte-finder .matte-finder-field:after {right:6%}}