@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap";.cp-comparator{--cp-bg: #ffffff;--cp-panel: #ffffff;--cp-ink: #111017;--cp-muted: #6f6a79;--cp-line: #ece8f1;--cp-accent: #6722c8;--cp-accent-2: #f3078b;--cp-card-min: 170px;--cp-radius: 8px;--cp-swatch-height: 148px;--cp-space: 22px;min-height:720px;overflow-x:clip;background:var(--cp-bg);color:var(--cp-ink);font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.cp-comparator *{box-sizing:border-box}.cp-header,.cp-stats,.cp-how,.cp-feature,.cp-results,.cp-main{width:min(100% - 72px,1220px);margin-left:auto;margin-right:auto}.cp-header{max-width:980px;padding:clamp(18px,3vw,34px) var(--cp-space) 8px;text-align:center}.cp-title{margin:0;color:#08070b;font-size:clamp(30px,3.4vw,48px);font-weight:600;letter-spacing:0;line-height:1.05}.cp-subtitle{max-width:790px;margin:8px auto 0;color:#4f4a58;font-size:14px;line-height:1.35}.cp-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;margin:18px auto 0;padding:18px 22px;border:1px solid rgba(35,30,45,.08);border-radius:8px;background:#fffffff0;box-shadow:0 12px 32px #261c3a14}.cp-field,.cp-btn{width:100%;height:44px;border-radius:8px;font:inherit;font-size:13px}.cp-search-wrap{position:relative;grid-column:1 / -1}.cp-field{min-width:0;border:1px solid #e8e3ee;padding:0 16px;outline:none;background:#fff;color:#1c1822;font-weight:600;box-shadow:0 4px 14px #14101e08}.cp-search-field{height:50px;padding-left:20px;padding-right:100px;font-size:15px;font-weight:500}.cp-clear-search{position:absolute;right:10px;top:50%;height:32px;border:0;border-radius:8px;padding:0 12px;background:#6722c817;color:var(--cp-accent);cursor:pointer;font:inherit;font-size:12px;font-weight:600;transform:translateY(-50%)}.cp-clear-search:hover{background:#f3078b1f;color:var(--cp-accent-2)}.cp-field:focus{border-color:#6722c880;box-shadow:0 0 0 3px #f3078b1a}.cp-btn{grid-column:1 / -1;justify-self:center;width:min(100%,470px);border:0;padding:0 22px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(90deg,#6422cf,#ad18d0 46%,#f3078b);box-shadow:0 10px 22px #bb18a938;transition:transform .18s ease,box-shadow .18s ease}.cp-btn:before{content:"*";margin-right:10px;font-weight:600}.cp-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #bb18a947}.cp-count,.cp-hide-stats .cp-stats{display:none}.cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:14px}.cp-stat,.cp-how-grid article,.cp-card{border:1px solid rgba(35,30,45,.07);border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #211a2d0f}.cp-stat{position:relative;min-height:76px;padding:16px 18px 14px 82px}.cp-stat:before{content:"";position:absolute;left:24px;top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%);background:linear-gradient(135deg,#6722c81f,#f3078b1f)}.cp-stat:after{content:"%";position:absolute;left:24px;top:50%;width:44px;color:var(--cp-accent);font-size:18px;font-weight:600;line-height:44px;text-align:center;transform:translateY(-50%)}.cp-stat:nth-child(2):before{background:#f3078b1f}.cp-stat:nth-child(2):after{content:"\25a5";color:var(--cp-accent-2)}.cp-stat:nth-child(3):before{background:#2dcc6b21}.cp-stat:nth-child(3):after{content:"\25ce";color:#13ad50}.cp-stat:nth-child(4):before{background:#f3078b1a}.cp-stat:nth-child(4):after{content:"\2197";color:var(--cp-accent-2)}.cp-stat-val{color:var(--cp-accent)!important;font-size:25px;font-weight:600;line-height:1}.cp-stat:nth-child(3) .cp-stat-val{color:#13ad50!important}.cp-stat:nth-child(4) .cp-stat-val{color:var(--cp-accent-2)!important}.cp-stat-lbl{margin-top:4px;color:var(--cp-muted);font-size:11px;line-height:1.2}.cp-how{margin-top:14px}.cp-how h2,.cp-feature h2,.cp-main-title,.cp-equivalences h2,.cp-searched h2{margin:0 0 12px;color:#09080c;font-size:20px;font-weight:600;line-height:1.1;text-align:center}.cp-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px}.cp-how-grid article{position:relative;min-height:88px;padding:17px 20px 16px 98px}.cp-how-grid article:before{content:"";position:absolute;left:26px;top:50%;width:58px;height:58px;border-radius:50%;transform:translateY(-50%);background:linear-gradient(135deg,#6722c824,#f3078b1f)}.cp-how-grid article span:before{content:"";position:absolute;left:44px;top:50%;width:24px;height:24px;border-radius:4px;background:#39a83a;box-shadow:0 18px 0 -9px #6722c847;transform:translateY(-50%)}.cp-how-grid article:first-child span:after{content:"";position:absolute;left:60px;top:calc(50% + 6px);width:14px;height:14px;border:3px solid #111017;border-radius:50%;background:transparent}.cp-how-grid article:first-child strong:before{content:"";position:absolute;left:73px;top:calc(50% + 18px);width:12px;height:3px;border-radius:999px;background:#111017;transform:rotate(45deg)}.cp-how-grid article:nth-child(2) span:before{left:47px;width:28px;height:34px;border-radius:3px;background:linear-gradient(180deg,#38a84a 0 70%,#f1edf7 70% 100%);box-shadow:0 4px 12px #291e371f}.cp-how-grid article:nth-child(3) span:before{content:"%";left:35px;width:42px;height:42px;border:1px solid rgba(103,34,200,.22);border-radius:50%;background:#fff;box-shadow:none;color:var(--cp-accent);font-size:28px;font-weight:500;line-height:42px;text-align:center}.cp-how-grid article:not(:last-child):after{content:">";position:absolute;right:-35px;top:50%;color:#141118;font-size:28px;font-weight:500;transform:translateY(-50%)}.cp-how-grid span,.cp-how-grid strong{color:var(--cp-accent);font-weight:600}.cp-how-grid strong{display:block;margin-top:1px;font-size:12px;line-height:1.2}.cp-how-grid p{margin:6px 0 0;color:#514b5d;font-size:12px;line-height:1.35}.cp-feature{margin-top:16px}.cp-feature-copy{margin:0 auto 12px;text-align:center}.cp-feature-copy p{margin:6px auto 0;max-width:560px;color:#514b5d;font-size:14px;line-height:1.35}.cp-feature-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px 76px}.cp-feature-card{min-height:226px;padding:24px 22px 22px;border:1px solid rgba(35,30,45,.07);border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #211a2d0f;text-align:center}.cp-feature-picker{display:block;width:96px;height:96px;margin:16px auto 14px;border:0;padding:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.cp-feature-picker::-webkit-color-swatch-wrapper{padding:0}.cp-feature-picker::-webkit-color-swatch{border:0;border-radius:50%}.cp-feature-picker::-moz-color-swatch{border:0;border-radius:50%}.cp-feature-label{display:block;color:#575164;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1;text-transform:uppercase}.cp-feature-swatch{display:block;width:96px;height:96px;margin:16px auto 14px;border-radius:50%;box-shadow:inset 0 0 0 1px #231e2d0a}.cp-feature-input-label{display:block;margin:12px 0 7px;color:#575164;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.cp-feature-input{width:min(100%,260px);height:40px;border:1px solid #e8e3ee;border-radius:8px;padding:0 12px;color:#1c1822;font:inherit;font-size:13px;font-weight:600;text-align:center;outline:none}.cp-feature-input:focus{border-color:#6722c880;box-shadow:0 0 0 3px #f3078b1a}.cp-feature-input.is-invalid{border-color:#e82b56;box-shadow:0 0 0 3px #e82b561a}.cp-feature-btn{display:block;width:min(100%,260px);height:40px;margin:10px auto 0;border:0;border-radius:8px;background:linear-gradient(90deg,#6422cf,#ad18d0 46%,#f3078b);color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.cp-feature-card strong{display:block;color:#09080c;font-size:17px;font-weight:600;line-height:1.25}.cp-feature-card strong+span{display:block;margin-top:8px;color:#5b5565;font-size:12px;line-height:1}.cp-feature-card [data-cp-feature-source-info] span,.cp-feature-card [data-cp-feature-match-info] span{display:block;margin-top:7px;color:#5b5565;font-size:12px;line-height:1.2}.cp-feature-card span+.cp-feature-score,.cp-feature-score{display:inline-block;margin-top:10px;color:var(--cp-accent-2);font-size:13px;font-weight:600;line-height:1}.cp-feature-arrow{display:block;width:fit-content;pointer-events:none;min-width:170px;margin:12px auto 0;padding:6px 22px 0;color:var(--cp-accent-2);font-size:0;font-weight:600;line-height:1;text-align:center}.cp-feature-arrow:before{content:attr(data-score);display:block;font-size:34px;font-weight:600}.cp-feature-arrow:after{content:attr(data-label);display:block;margin-top:6px;color:#575164;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.cp-results{margin-top:14px}.cp-results-kicker{width:min(100% - 72px,1220px);margin:0 auto 10px;color:#342f3b;font-size:13px;font-weight:600}.cp-results-kicker strong{font-weight:600}.cp-results-panel{display:grid;grid-template-columns:260px 1fr;align-items:stretch;gap:18px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.cp-searched,.cp-equivalences{border:1px solid rgba(35,30,45,.07);border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #211a2d0f;padding:18px 22px}.cp-searched{border-right:1px solid rgba(35,30,45,.07)}.cp-searched h2,.cp-equivalences h2{margin-bottom:14px;font-size:16px;text-align:left}.cp-equivalences-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.cp-equivalences-header h2{margin-bottom:0}.cp-match-brand-field{width:auto;min-width:190px}.cp-searched-body{display:block}.cp-searched-swatch{display:block;width:100%;aspect-ratio:1;background-color:var(--cp-searched-color, #e9e9e9)}.cp-searched-info{margin-top:12px}.cp-searched-info strong,.cp-match-name strong,.cp-card-brand{display:block;color:#08070b;font-size:12px;font-weight:600;line-height:1.15;text-transform:uppercase}.cp-searched-info span,.cp-match-name span{display:block;color:var(--cp-muted);font-size:12px;line-height:1.35}.cp-equivalence-row{display:grid;grid-template-columns:46px minmax(130px,1fr) 54px minmax(180px,.9fr) 150px;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #ece8f1}.cp-equivalence-row:last-child{border-bottom:0}.cp-equivalence-swatch{width:44px;height:44px;background:var(--cp-match-color)}.cp-match-score{color:var(--cp-accent-2);font-size:18px;font-weight:600}.cp-match-bar{height:8px;overflow:hidden;border-radius:999px;background:#eeeaf1}.cp-match-bar span{display:block;width:var(--cp-score);height:100%;border-radius:inherit;background:var(--cp-accent-2)}.cp-match-label{color:#5f5967;font-size:12px;text-align:right}.cp-main{padding:18px 0 var(--cp-space)}.cp-main--button-only{display:flex;justify-content:center;width:100%;padding-top:10px}.cp-main-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.cp-main-title{margin:0}.cp-main-button{display:inline-flex;align-items:center;justify-content:center;width:min(100%,360px);min-height:42px;border-radius:8px;padding:0 28px;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent-2));color:#fff;font-size:13px;font-weight:600;text-decoration:none}.cp-main-button:hover{filter:brightness(1.04)}.cp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.cp-card{-webkit-appearance:none;appearance:none;min-width:0;overflow:hidden;width:100%;padding:8px 8px 12px;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.cp-card:before{content:"";display:block;width:100%;aspect-ratio:1.12 / 1;margin-bottom:12px;background-color:var(--cp-color, #ededed)}.cp-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #211a2d1a}.cp-card-color{display:none}.cp-card.cp-finish--metallic:before,.cp-card.cp-finish--glitter:before{background-color:var(--cp-color, #ededed)}.cp-card.cp-finish--metallic:before{background-image:radial-gradient(ellipse at 50% 45%,#ffffffa8,#ffffff4d 30%,#ffffff0f 58%,#0003),linear-gradient(105deg,#00000014,#ffffff2e 48%,#0000001a);background-blend-mode:soft-light,overlay}.cp-card.cp-finish--glitter:before{background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 .55px,transparent .9px),radial-gradient(circle,rgba(255,255,255,.56) 0 .7px,transparent 1.05px),radial-gradient(ellipse,rgba(255,255,255,.62) 0 .6px,rgba(255,255,255,.2) .8px 1.3px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.42) 0 .45px,transparent .8px),linear-gradient(125deg,transparent 34%,rgba(255,255,255,.1) 50%,transparent 66%);background-position:4px 7px,17px 21px,9px 31px,26px 3px,0 0;background-size:29px 31px,41px 37px,53px 47px,37px 43px,240% 100%;background-blend-mode:screen;animation:cp-glitter-twinkle 8s ease-in-out infinite alternate}.cp-feature-swatch.cp-finish--metallic,.cp-searched-swatch.cp-finish--metallic,.cp-equivalence-swatch.cp-finish--metallic,.cp-feature-swatch.cp-finish--glitter,.cp-searched-swatch.cp-finish--glitter,.cp-equivalence-swatch.cp-finish--glitter{position:relative;isolation:isolate;overflow:hidden}.cp-feature-swatch.cp-finish--metallic:after,.cp-searched-swatch.cp-finish--metallic:after,.cp-equivalence-swatch.cp-finish--metallic:after,.cp-feature-swatch.cp-finish--glitter:after,.cp-searched-swatch.cp-finish--glitter:after,.cp-equivalence-swatch.cp-finish--glitter:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.cp-feature-swatch.cp-finish--metallic:after,.cp-searched-swatch.cp-finish--metallic:after,.cp-equivalence-swatch.cp-finish--metallic:after{background:radial-gradient(ellipse at 50% 45%,#ffffffa8,#ffffff4d 30%,#ffffff0f 58%,#0003),linear-gradient(105deg,#00000014,#ffffff2e 48%,#0000001a);mix-blend-mode:soft-light}.cp-feature-swatch.cp-finish--glitter:after,.cp-searched-swatch.cp-finish--glitter:after,.cp-equivalence-swatch.cp-finish--glitter:after{background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 .55px,transparent .9px),radial-gradient(circle,rgba(255,255,255,.56) 0 .7px,transparent 1.05px),radial-gradient(ellipse,rgba(255,255,255,.62) 0 .6px,rgba(255,255,255,.2) .8px 1.3px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.42) 0 .45px,transparent .8px),linear-gradient(125deg,transparent 34%,rgba(255,255,255,.1) 50%,transparent 66%);background-position:4px 7px,17px 21px,9px 31px,26px 3px,0 0;background-size:29px 31px,41px 37px,53px 47px,37px 43px,240% 100%;mix-blend-mode:screen;animation:cp-glitter-twinkle 8s ease-in-out infinite alternate}@keyframes cp-glitter-twinkle{0%{opacity:.5;filter:brightness(.96);background-position:4px 7px,17px 21px,9px 31px,26px 3px,110% 0}58%{opacity:.7;filter:brightness(1.08)}to{opacity:.58;filter:brightness(1.02);background-position:7px 4px,14px 24px,12px 28px,23px 6px,-110% 0}}@media(prefers-reduced-motion:reduce){.cp-card.cp-finish--metallic:before,.cp-card.cp-finish--glitter:before,.cp-finish--metallic:after,.cp-finish--glitter:after{animation:none}}.cp-card-info{min-height:106px;padding:0 4px}.cp-card-brand{margin-bottom:5px;overflow-wrap:anywhere}.cp-card-name{color:#0b090f;font-size:13px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.cp-card-sub,.cp-card-hex,.cp-card-rgb,.cp-card-ref,.cp-match-txt{display:block;color:var(--cp-muted);font-size:11px;line-height:1.35}.cp-card-ref,.cp-card-match{display:none}.cp-card:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}.cp-card-cart{display:block}.cp-card-add{display:block;width:100%;margin-top:10px;padding:9px 10px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent-2));color:#fff;font:inherit;font-size:11px;font-weight:600;letter-spacing:.01em;text-align:center;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.cp-card-add:hover{opacity:.92}.cp-card-add:active{transform:scale(.98)}.cp-card-add:disabled{opacity:.55;cursor:wait}.cp-card-view{display:block;box-sizing:border-box;width:100%;margin-top:10px;padding:8px 10px;border:1px solid var(--cp-line);border-radius:999px;background:#fff;color:var(--cp-ink);font:inherit;font-size:11px;font-weight:600;letter-spacing:.01em;text-align:center;text-decoration:none;transition:border-color .15s ease,color .15s ease}.cp-card-view:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.cp-library-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-library .cp-count{display:inline-flex;grid-column:1 / -1;justify-content:center;color:var(--cp-muted);font-size:13px;font-weight:600}.cp-empty,.cp-loading{grid-column:1 / -1;color:var(--cp-muted);font-size:14px;padding:28px 0;text-align:center}.cp-copied{outline:3px solid rgba(243,7,139,.28)}.cp-toast{position:fixed;right:22px;bottom:22px;z-index:9999;padding:10px 16px;border-radius:8px;background:#181818;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s ease}.cp-toast.show{opacity:1}.cp-comparator [hidden]{display:none!important}@media(max-width:980px){.cp-header,.cp-stats,.cp-how,.cp-feature,.cp-results,.cp-main{width:min(100% - 32px,760px)}.cp-controls,.cp-stats,.cp-how-grid,.cp-feature-demo,.cp-results-panel{grid-template-columns:1fr}.cp-how-grid{gap:16px}.cp-how-grid article:not(:last-child):after{display:none}.cp-feature-demo{gap:14px}.cp-equivalences-header{align-items:stretch;flex-direction:column}.cp-match-brand-field{width:100%}.cp-equivalence-row{grid-template-columns:44px 1fr 50px}.cp-match-bar,.cp-match-label{grid-column:2 / -1;text-align:left}.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.cp-header,.cp-stats,.cp-how,.cp-feature,.cp-results,.cp-main{width:calc(100% - 24px)}.cp-title{font-size:30px}.cp-controls{padding:14px;gap:10px}.cp-search-field{font-size:13px}.cp-stat{padding-left:70px}.cp-how-grid article{padding-left:82px}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.cp-comparator{background:#fbf6f6;padding:24px 0 28px}.cp-header,.cp-controls,.cp-stats,.cp-how,.cp-feature,.cp-results,.cp-main,.cp-help,.cp-disclaimer{width:min(100% - 96px,1380px);margin-left:auto;margin-right:auto}.cp-header{max-width:920px;padding:0 0 18px}.cp-title{color:#050509;font-size:50px;line-height:.98;font-weight:600;letter-spacing:0}.cp-subtitle{max-width:640px;margin-top:14px;color:#7d7885;font-size:15px;font-weight:600;line-height:1.45}.cp-how{max-width:960px;margin-top:6px;padding:18px 88px 24px;border:1px solid rgba(35,30,45,.06);border-radius:4px;background:#ffffffeb;box-shadow:0 8px 22px #1f182a0f}.cp-how h2{margin:0;color:#050509;font-size:22px;font-weight:600;line-height:1.15;text-align:center}.cp-how-subtitle{margin:6px 0 22px;color:#66616f;font-size:14px;font-weight:600;line-height:1.3;text-align:center}.cp-how-grid{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:36px}.cp-how-step{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:22px;min-height:78px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cp-how-step+.cp-how-step,.cp-how-grid article:not(:last-child):after,.cp-how-grid article:before,.cp-how-grid article span:before,.cp-how-grid article strong:before,.cp-how-grid article:first-child span:after{content:none;display:none}.cp-how-step--search{padding-right:34px;border-right:1px solid #e9e5ec}.cp-how-step--compare{padding-left:34px;border-left:1px solid #e9e5ec}.cp-step-icon{position:relative;display:block;width:76px;height:76px;border-radius:9px;background:#fdeeff}.cp-how-step--search .cp-step-icon:before{content:"";position:absolute;left:20px;top:18px;width:30px;height:30px;border:4px solid var(--cp-accent);border-radius:50%}.cp-how-step--search .cp-step-icon:after{content:"";position:absolute;left:49px;top:48px;width:24px;height:5px;border-radius:99px;background:var(--cp-accent);transform:rotate(45deg);transform-origin:left center}.cp-how-step--compare .cp-step-icon:before,.cp-how-step--compare .cp-step-icon:after{content:"";position:absolute;top:22px;width:38px;height:38px;border-radius:50%}.cp-how-step--compare .cp-step-icon:before{left:16px;background:#6422cf}.cp-how-step--compare .cp-step-icon:after{right:16px;background:#f3078be0}.cp-step-num{position:absolute;left:64px;top:-10px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cp-accent);color:#fff!important;font-size:16px;font-weight:600;line-height:1}.cp-how-step strong{display:block;margin:0 0 9px;color:var(--cp-accent);font-size:15px;font-weight:600;line-height:1.25}.cp-how-step p{margin:0;color:#4e4858;font-size:14px;font-weight:600;line-height:1.45}.cp-how-or{display:block;color:#050509;font-size:20px;font-weight:600;text-align:center}.cp-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;margin-top:28px;padding:14px;border:1px solid rgba(35,30,45,.06);border-radius:4px;background:#ffffffeb;box-shadow:0 8px 22px #1f182a0f}.cp-search-wrap{grid-column:1 / -1}.cp-search-icon{position:absolute;left:16px;top:50%;width:16px;height:16px;border:2px solid #85808c;border-radius:50%;transform:translateY(-50%)}.cp-search-icon:after{content:"";position:absolute;right:-7px;bottom:-6px;width:8px;height:2px;border-radius:99px;background:#85808c;transform:rotate(45deg)}.cp-field{height:36px;border:1px solid #ece8f1;border-radius:3px;background:#fff;box-shadow:none;color:#1d1924;font-size:13px;font-weight:600}.cp-search-field{height:40px;padding-left:44px;font-size:14px;font-weight:600}.cp-feature{margin-top:20px}.cp-feature-demo{display:grid;grid-template-columns:minmax(0,420px) minmax(130px,190px) minmax(0,420px);align-items:center;justify-content:center;gap:72px}.cp-feature-card{min-height:230px;padding:16px 38px 14px;border:1px solid rgba(35,30,45,.06);border-radius:4px;background:#ffffffeb;box-shadow:0 8px 22px #1f182a0d;text-align:center}.cp-feature-label{color:#3d354e;font-size:11px;font-weight:600;letter-spacing:.18em}.cp-feature-swatch{width:46px;height:46px;margin:14px auto 12px}.cp-feature-card strong{color:#050509;font-size:16px;font-weight:600}.cp-feature-card [data-cp-feature-source-info] span,.cp-feature-card [data-cp-feature-match-info] span{margin-top:6px;color:#6b6572;font-size:12px;font-weight:600}.cp-feature-input-label{margin:16px 0 8px;color:#575164;font-size:11px;font-weight:600;letter-spacing:.14em}.cp-feature-input{width:min(100%,230px);height:34px;border-radius:3px;font-size:13px;font-weight:600}.cp-feature-center{display:grid;justify-items:center;gap:14px}.cp-feature-arrow{display:grid;place-items:center;min-width:0;width:100%;margin:0;padding:0;color:var(--cp-accent-2);text-align:center}.cp-feature-arrow:before{content:attr(data-score);display:block;font-size:32px;font-weight:600;line-height:1}.cp-feature-arrow:after{content:attr(data-label);display:block;margin-top:10px;color:#3d354e;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.cp-feature-arrow:not([data-label]):after{content:"d'\e9quivalence"}.cp-feature-center:after{content:"\2194";display:grid;place-items:center;width:54px;height:54px;margin-top:8px;border-radius:50%;background:#fff;box-shadow:0 8px 22px #1f182a14;color:var(--cp-accent);font-size:24px;font-weight:600}.cp-main{padding:0}.cp-main--button-only{width:min(100% - 96px,1380px);margin-top:8px}.cp-main-button{width:min(100%,300px);min-height:44px;border-radius:4px;font-size:14px}.cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;margin-bottom:28px}.cp-stat{min-height:78px;border-radius:4px;padding:16px 18px 14px 94px;background:#ffffffeb}.cp-stat:before{left:40px;width:52px;height:52px;background:#ffe7fb}.cp-stat:after{left:40px;width:52px;font-size:24px;line-height:52px}.cp-stat-val{font-size:25px;color:var(--cp-accent)!important}.cp-stat-lbl{font-size:12px}.cp-help{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;margin-top:14px;padding:16px 42px;border:1px solid rgba(35,30,45,.06);border-radius:4px;background:#ffffffeb;box-shadow:0 8px 22px #1f182a0d}.cp-help-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffe7fb;color:var(--cp-accent);font-size:24px;font-weight:600}.cp-help h2{margin:0;color:#050509;font-size:16px;font-weight:600;line-height:1.25}.cp-help p{margin:5px 0 0;color:#6b6572;font-size:14px;font-weight:600}.cp-help a{display:inline-flex;align-items:center;justify-content:center;min-width:300px;min-height:44px;border-radius:4px;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent-2));color:#fff;font-size:14px;font-weight:600;text-decoration:none}.cp-disclaimer{margin-top:18px;padding:14px 44px;color:#8b8791;font-size:13px;font-weight:600;line-height:1.4;text-align:center}.cp-disclaimer span{margin-right:12px;color:#6f6a79}@media(max-width:980px){.cp-header,.cp-controls,.cp-stats,.cp-how,.cp-feature,.cp-results,.cp-main,.cp-help,.cp-disclaimer{width:min(100% - 32px,760px)}.cp-title{font-size:38px}.cp-how{padding:18px}.cp-how-grid,.cp-controls,.cp-feature-demo,.cp-stats,.cp-help{grid-template-columns:1fr}.cp-how-step--search,.cp-how-step--compare{padding:0;border:0}.cp-how-or{margin:-4px 0}.cp-feature-demo{gap:14px}.cp-help{justify-items:start;padding:18px}.cp-help a{min-width:0;width:100%}}@media(max-width:640px){.cp-comparator{padding-top:18px}.cp-title{font-size:32px}.cp-subtitle{font-size:13px}.cp-how-step{grid-template-columns:62px 1fr;gap:14px}.cp-step-icon{width:62px;height:62px}.cp-step-num{left:50px}.cp-feature-card{padding:16px}}.cp-comparator{background:#fbf6f6!important;padding:18px 0 24px!important}.cp-comparator .cp-header{width:min(100% - 96px,980px)!important;max-width:980px!important;padding:0 0 20px!important}.cp-comparator .cp-title{margin:0!important;color:#050509!important;font-size:54px!important;font-weight:600!important;line-height:.96!important;text-align:center!important}.cp-comparator .cp-subtitle{margin:13px auto 0!important;max-width:760px!important;color:#86818e!important;font-size:15px!important;font-weight:600!important;line-height:1.42!important;text-align:center!important}.cp-comparator .cp-how{width:min(100% - 96px,960px)!important;max-width:960px!important;margin-top:8px!important;padding:18px 78px 24px!important;border:1px solid rgba(35,30,45,.06)!important;border-radius:4px!important;background:#fffffff2!important;box-shadow:0 8px 24px #1f182a0f!important}.cp-comparator .cp-how h2{margin:0!important;color:#050509!important;font-size:22px!important;font-weight:600!important;line-height:1.15!important;text-align:center!important}.cp-comparator .cp-how-subtitle{margin:6px 0 22px!important;color:#66616f!important;font-size:14px!important;font-weight:600!important;text-align:center!important}.cp-comparator .cp-how-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)!important;gap:34px!important;align-items:center!important}.cp-comparator .cp-how-grid>.cp-how-step{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:22px!important;min-height:76px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}.cp-comparator .cp-how-grid>.cp-how-step--search{padding-right:28px!important;border-right:1px solid #e9e5ec!important}.cp-comparator .cp-how-grid>.cp-how-step--compare{padding-left:28px!important;border-left:1px solid #e9e5ec!important}.cp-comparator .cp-how-grid>.cp-how-step:before,.cp-comparator .cp-how-grid>.cp-how-step:after,.cp-comparator .cp-how-grid>.cp-how-step .cp-step-num:before,.cp-comparator .cp-how-grid>.cp-how-step .cp-step-num:after,.cp-comparator .cp-how-grid>.cp-how-step .cp-step-icon:before,.cp-comparator .cp-how-grid>.cp-how-step .cp-step-icon:after,.cp-comparator .cp-how-grid>.cp-how-step strong:before{content:none!important;display:none!important}.cp-comparator .cp-step-icon{position:relative!important;display:grid!important;place-items:center!important;width:76px!important;height:76px!important;border-radius:9px!important;background:#fdeeff!important;color:var(--cp-accent)!important}.cp-comparator .cp-step-icon svg{display:block!important;width:48px!important;height:48px!important}.cp-comparator .cp-step-num{position:absolute!important;left:61px!important;top:-10px!important;z-index:3!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:var(--cp-accent)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;line-height:1!important}.cp-comparator .cp-how-step--compare .cp-step-num{left:89px!important;right:auto!important;top:-10px!important}.cp-comparator .cp-how-step strong{display:block!important;margin:0 0 8px!important;color:var(--cp-accent)!important;font-size:15px!important;font-weight:600!important;line-height:1.23!important}.cp-comparator .cp-how-step p{margin:0!important;color:#4e4858!important;font-size:14px!important;font-weight:600!important;line-height:1.42!important}.cp-comparator .cp-how-or{display:block!important;color:#050509!important;font-size:20px!important;font-weight:600!important;text-align:center!important}.cp-comparator .cp-controls{width:min(100% - 96px,1180px)!important;margin-top:20px!important}.cp-comparator .cp-search-icon{display:block!important;width:24px!important;height:24px!important;color:#85808c!important;border:0!important;background:transparent!important}.cp-comparator .cp-search-icon svg{display:block!important;width:24px!important;height:24px!important}.cp-comparator .cp-search-icon:before,.cp-comparator .cp-search-icon:after{content:none!important;display:none!important}.cp-comparator .cp-stat{display:grid!important;grid-template-columns:54px 1fr!important;align-items:center!important;gap:18px!important;padding:14px 18px 14px 40px!important}.cp-comparator .cp-stat:before,.cp-comparator .cp-stat:after{content:none!important;display:none!important}.cp-comparator .cp-stat-icon{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border-radius:50%!important;background:#ffe7fb!important;color:var(--cp-accent)!important}.cp-comparator .cp-stat:nth-child(1) .cp-stat-icon,.cp-comparator .cp-stat:nth-child(1) .cp-stat-val{color:#6f35a5!important}.cp-comparator .cp-stat:nth-child(2) .cp-stat-icon,.cp-comparator .cp-stat:nth-child(2) .cp-stat-val,.cp-comparator .cp-stat:nth-child(3) .cp-stat-icon,.cp-comparator .cp-stat:nth-child(3) .cp-stat-val{color:#ce3d9b!important}.cp-comparator .cp-stat:nth-child(4) .cp-stat-icon,.cp-comparator .cp-stat:nth-child(4) .cp-stat-val{color:#e9449f!important}.cp-comparator .cp-stat:nth-child(3) .cp-stat-icon{background:#ffe7fb!important}.cp-comparator .cp-stat-icon svg{width:28px!important;height:28px!important}@media(max-width:980px){.cp-comparator .cp-header,.cp-comparator .cp-how,.cp-comparator .cp-controls,.cp-comparator .cp-stats,.cp-comparator .cp-feature,.cp-comparator .cp-main,.cp-comparator .cp-help,.cp-comparator .cp-disclaimer{width:min(100% - 32px,760px)!important}.cp-comparator .cp-title{font-size:38px!important}.cp-comparator .cp-how{padding:18px!important}.cp-comparator .cp-how-grid{grid-template-columns:1fr!important;gap:16px!important}.cp-comparator .cp-how-grid>.cp-how-step--search,.cp-comparator .cp-how-grid>.cp-how-step--compare{padding:0!important;border:0!important}}@media(max-width:640px){.cp-comparator .cp-title{font-size:32px!important}.cp-comparator .cp-how-grid>.cp-how-step{grid-template-columns:62px 1fr!important;gap:14px!important}.cp-comparator .cp-step-icon{width:62px!important;height:62px!important}.cp-comparator .cp-step-icon svg{width:40px!important;height:40px!important}.cp-comparator .cp-step-num{left:50px!important}}@media(max-width:640px){.cp-comparator .cp-how-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}.cp-comparator .cp-how-grid>.cp-how-step{position:relative!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:0!important}.cp-comparator .cp-step-icon{position:relative!important;width:62px!important;height:62px!important}.cp-comparator .cp-step-num{position:absolute!important;left:44px!important;top:-8px!important;right:auto!important;width:26px!important;height:26px!important;font-size:14px!important}.cp-comparator .cp-how-step--compare .cp-step-num{left:44px!important}}@media(max-width:640px){.cp-field,.cp-search-field,.cp-feature-input{font-size:16px!important}}.cp-comparator .cp-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:28px!important}.cp-comparator .cp-how-grid>.cp-how-card{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;min-width:0!important;padding:20px!important;text-align:left!important}.cp-comparator .cp-how-card-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:12px!important;background:linear-gradient(135deg,#6f35a51a,#e8118b1f)!important;color:var(--cp-accent)!important}.cp-comparator .cp-how-card:nth-child(2) .cp-how-card-icon{color:#ce3d9b!important}.cp-comparator .cp-how-card:nth-child(3) .cp-how-card-icon{color:var(--cp-accent-2)!important}.cp-comparator .cp-how-card-icon svg{display:block!important;width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cp-comparator .cp-how-card-num{display:block!important;margin-bottom:3px!important;color:var(--cp-accent)!important;font-size:13px!important;font-weight:700!important}.cp-comparator .cp-how-card strong{margin:0!important;font-size:13px!important;line-height:1.25!important}.cp-comparator .cp-how-card p{margin-top:7px!important}.cp-comparator .cp-stat-icon svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cp-comparator .cp-stat-copy{min-width:0}@media(max-width:980px){.cp-comparator .cp-how-grid{grid-template-columns:1fr!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/palette-comparateur.css.map */