#Attribution1,.Attribution,.blogger,.blogger-label,.powered-by,.widget.Attribution,footer .Attribution{display:none!important}.hcc-picker-card{background:#fff;border:1px solid #dedede;border-radius:12px;box-shadow:0 1px 2px #00000006;padding:23px 24px 24px}.hcc-app.image-mode .hcc-picker-card,.hcc-app.wheel-mode .hcc-picker-card{border-color:#dedede;box-shadow:0 1px 2px #00000006;height:480px}.hcc-app.image-mode .hcc-standard-picker,.hcc-app.wheel-mode .hcc-standard-picker{display:none}.hcc-app.image-mode .hcc-image-picker,.hcc-app.wheel-mode .hcc-wheel-picker{display:block}.hcc-sv{background:linear-gradient(0deg,#000,#0000),linear-gradient(90deg,#fff,hsla(var(--hue,0),100%,50%,0)),hsl(var(--hue,0),100%,50%);border:1px solid #d8d8d8;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:crosshair;height:254px;overflow:hidden;position:relative;touch-action:none}.hcc-target{border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000005c,0 1px 3px #0000002e;height:22px;left:65%;top:64%;width:22px;z-index:2}.hcc-hue-knob,.hcc-target{position:absolute;transform:translate(-50%,-50%)}.hcc-hue-knob{background:#e22;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040;height:18px;left:0;top:50%;width:18px}.hcc-app.wheel-mode .hcc-input-row{margin-top:22px}.hcc-input-row .hcc-dot{height:24px;width:24px}.hcc-prefix{color:#64748b}.hcc-color-input{background:#fff;border:0;font-size:14px;font-weight:780;min-width:0;outline:0;text-transform:none}.hcc-copy{background:#fff;border:0;color:#555;cursor:pointer;display:grid;font-size:0;height:32px;place-items:center;position:relative;width:32px}.hcc-copy:after,.hcc-copy:before{border:1.4px solid;border-radius:1px;content:"";height:8px;position:absolute;width:8px}.hcc-copy:before{left:14px;top:9px}.hcc-copy:after{background:#fff;left:10px;top:13px}.hcc-app.image-mode .hcc-actions{margin-top:42px}.hcc-app.wheel-mode .hcc-actions{margin-top:16px}.hcc-btn .hcc-export-icon{stroke-width:1.8px;height:16px;transform:translateY(.5px);width:16px}.hcc-image-drop{background:#fafafa;border:1px dashed #cfcfcf;border-radius:8px;color:#525866;cursor:pointer;display:grid;height:254px;overflow:hidden;place-items:center;position:relative;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none}.hcc-image-empty{display:grid;gap:10px;padding:24px;place-items:center}.hcc-image-empty b{color:#050505;font-size:18px}.hcc-image-empty span{font-size:14px;line-height:1.4}.hcc-image-target{background:var(--point-color,transparent);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073,0 1px 3px #0003;cursor:grab;display:none;height:22px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:22px;z-index:4}.hcc-image-target.active{height:26px;width:26px;z-index:6}.hcc-image-drop.has-image .hcc-image-target{display:block}.hcc-image-zoom{background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 18px #00000047;display:none;height:82px;image-rendering:pixelated;pointer-events:none;position:absolute;transform:translate(-50%,-116%);width:82px;z-index:7}.hcc-image-drop.picking .hcc-image-zoom{display:block}.hcc-image-palette button{border:1px solid #00000014;border-radius:7px;cursor:pointer;font-size:0;height:30px}.hcc-image-palette button.active{box-shadow:0 0 0 2px #111}.hcc-wheel-wrap{background:#fff;border:1px solid #d8d8d8;border-radius:8px;display:grid;height:254px;overflow:hidden;place-items:center;position:relative}.hcc-wheel-light{background:linear-gradient(#000,hsl(var(--wheel-h,0),var(--wheel-s,65%),50%),hsl(var(--wheel-h,0),var(--wheel-s,65%),95%));border-radius:50%;cursor:pointer;height:244px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:244px}.hcc-wheel-light:after{background:#fff;border-radius:50%;content:"";inset:24px;pointer-events:none;position:absolute;z-index:0}.hcc-wheel-light-rotor{inset:0;pointer-events:none;position:absolute;transform:rotate(0);z-index:1}.hcc-wheel-light-thumb{background:#fff;border:1px solid #0000003d;box-shadow:0 1px 2px #00000029;cursor:grab;height:14px;left:calc(100% - 6px);top:calc(50% - 6px);transform:translate(-50%);width:14px}.hcc-wheel,.hcc-wheel-light-thumb{border-radius:50%;position:absolute}.hcc-wheel{background:radial-gradient(circle at 50% 0,red,#f20d0dcc 10%,#e61a1a99 20%,#c336 30%,#a6595933 40%,#80808000 50%),radial-gradient(circle at 85.3553% 14.6447%,#ffbf00,#f2b90dcc 10%,#e6b31a99 20%,#cca63366 30%,#a6935933 40%,#80808000 50%),radial-gradient(circle at 100%,#80ff00,#80f20dcc 10%,#80e61a99 20%,#80cc3366 30%,#80a65933 40%,#80808000 50%),radial-gradient(circle at 85.3553% 85.3553%,#00ff40,#0df246cc 10%,#1ae64d99 20%,#33cc5966 30%,#59a66c33 40%,#80808000 50%),radial-gradient(circle at 50% 100%,#0ff,#0df2f2cc 10%,#1ae6e699 20%,#3cc6 30%,#59a6a633 40%,#80808000 50%),radial-gradient(circle at 14.6447% 85.3553%,#0040ff,#0d46f2cc 10%,#1a4de699 20%,#3359cc66 30%,#596ca633 40%,#80808000 50%),radial-gradient(circle at 0,#7f00ff,#800df2cc 10%,#801ae699 20%,#8033cc66 30%,#8059a633 40%,#80808000 50%),radial-gradient(circle at 14.6447% 14.6447%,#ff00bf,#f20db9cc 10%,#e61ab399 20%,#cc33a666 30%,#a6599333 40%,#80808000 50%);cursor:crosshair;height:196px;left:50%;top:50%;touch-action:none;transform:translate(-50%,-50%);width:196px;z-index:2}.hcc-wheel-target{border:4px solid #fff;border-radius:50%;cursor:grab;height:24px;width:24px}.hcc-wheel-dot,.hcc-wheel-target{background:0 0;box-shadow:0 1px 3px #0000002e;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.hcc-wheel-dot{border:1px solid #fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.hcc-wheel-note{display:none}.hcc-app.wheel-mode .hcc-wheel-wrap{border-color:#0000;box-shadow:none;height:304px;overflow:visible}.hcc-app.wheel-mode .hcc-wheel-light{height:302px;width:302px;z-index:1}.hcc-app.wheel-mode .hcc-wheel-light:after{inset:14px}.hcc-app.wheel-mode .hcc-wheel-light-thumb{pointer-events:none}.hcc-app.wheel-mode .hcc-wheel{height:254px;width:254px;z-index:3}.hcc-app.wheel-mode .hcc-wheel-target{pointer-events:none}.hcc-harmony-btn{font-weight:700;width:304px}.hcc-harmony-menu button:hover{color:#555}.hcc-preview-swatch{color:var(--swatch-text,#000);text-shadow:none}.hcc-sections{margin:34px 40px 0 46px;max-width:calc(100% - 86px);padding-bottom:50px;width:752px}.hcc-panel{border-bottom:1px solid #dedede;margin-bottom:26px;padding:0 0 30px}.hcc-panel-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.hcc-panel-head h2{font-size:30px;font-weight:900;line-height:1.1;margin:0}.hcc-panel-toggle{border-radius:999px;color:#111;height:36px;width:36px}.hcc-panel-toggle:before{border-bottom:1.5px solid;border-right:1.5px solid;content:"";height:7px;transform:translateY(-2px)rotate(45deg);width:7px}.hcc-panel.closed .hcc-panel-toggle:before{transform:translateY(2px)rotate(-135deg)}.hcc-panel-body{padding-top:24px}.hcc-panel.closed .hcc-panel-body{display:none}.hcc-grid{display:grid;gap:30px 24px;grid-template-columns:1fr 1fr}.hcc-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hcc-title h3{font-size:19px;font-weight:850;margin:0}.hcc-link-btn{align-items:center;background:#fff;border:0;border-radius:8px;color:#525866;cursor:pointer;display:inline-flex;font-size:14px;gap:7px;padding:5px 8px}.hcc-link-btn:hover{background:#f3f3f3}.hcc-link-btn .hcc-export-icon{stroke-width:1.7px;height:14px;width:14px}.hcc-bar{border-radius:12px;display:flex;height:62px;overflow:hidden;position:relative}.hcc-bar i{color:#0000;cursor:pointer;display:grid;flex:1px;font-size:10px;font-weight:800;min-width:0;overflow:hidden;padding:0 4px;place-items:center;text-align:center;transition:flex-grow .18s,filter .16s,color .12s;white-space:nowrap}.hcc-bar i.is-hovered{color:var(--swatch-text,#000);filter:none;flex-grow:1.22}.hcc-bar.has-hover .hcc-bar-dot{opacity:0}.hcc-bar:has(i:hover) .hcc-bar-dot{opacity:0}.hcc-bar-dot{background:var(--bar-dot-color,#fff);border-radius:50%;height:5px;left:var(--bar-dot-left,50%);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px;z-index:2}.hcc-variation-list{display:grid;gap:34px}.hcc-wide-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.hcc-wide-title h3{font-size:18px;font-weight:850;line-height:1;margin:0}.hcc-wide-title .hcc-link-btn{font-size:14px;padding:5px 8px}.hcc-long-bar{border-radius:12px;display:flex;height:64px;overflow:hidden;position:relative}.hcc-long-bar i{color:#0000;cursor:pointer;display:grid;flex:1px;font-size:10px;font-weight:800;min-width:0;overflow:hidden;padding:0 4px;place-items:center;text-align:center;transition:flex-grow .18s,filter .16s,color .12s;white-space:nowrap}.hcc-long-bar i.is-hovered{color:var(--swatch-text,#000);filter:none;flex-grow:1.18}.hcc-long-bar.has-hover .hcc-bar-dot{opacity:0}.hcc-convert-table{background:#fff;border:1px solid #dedede;border-radius:14px;overflow:hidden}.hcc-convert-row{align-items:center;border-bottom:1px solid #e6e6e6;display:grid;grid-template-columns:176px 246px 1fr;min-height:57px}.hcc-convert-row:last-child{border-bottom:0}.hcc-convert-row div{font-size:16px;font-weight:720;padding:0 24px}.hcc-convert-row.head div{font-size:14px;font-weight:820}.hcc-convert-row button{background:0 0;border:0;color:#050505;cursor:pointer;font:inherit;font-weight:720;padding:0;text-align:left}.hcc-contrast-grid{display:grid;gap:40px;grid-template-columns:1fr 1fr}.hcc-contrast-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hcc-contrast-title h3{font-size:18px;font-weight:850;margin:0}.hcc-ratio-pill{border-radius:8px;font-size:12px;font-weight:850;padding:6px 9px}.hcc-ratio-pill.bad{background:#ffe1e5;color:#e11d48}.hcc-ratio-pill.good{background:#dcfce7;color:#00a84f}.hcc-contrast-card{background:#fff;border:1px solid #dedede;border-radius:12px;overflow:hidden}.hcc-contrast-hero{display:grid;font-weight:850;height:192px;place-items:center;text-align:center}.hcc-contrast-hero b{display:block;font-size:40px;line-height:1}.hcc-contrast-hero span{display:block;font-size:14px;line-height:1.45;margin-top:4px}.hcc-contrast-hero.black{background:#000}.hcc-contrast-table-row{align-items:center;border-top:1px solid #e6e6e6;display:grid;grid-template-columns:1.5fr 1fr 1fr;min-height:53px}.hcc-contrast-table-row div{font-size:14px;font-weight:760;padding:0 16px}.hcc-fail,.hcc-pass{border-radius:50%;color:#fff;display:inline-grid;font-size:12px;font-weight:900;height:16px;place-items:center;width:16px}.hcc-pass{background:#00bf5b}.hcc-fail{background:#ff3040}.hcc-blind-grid{display:grid;gap:36px 40px;grid-template-columns:1fr 1fr}.hcc-blind-card .hcc-long-bar{height:64px}.hcc-blind-card .hcc-wide-title{margin-bottom:18px}.hcc-info-text{color:#333;padding:10px 0 4px}.hcc-info-text h2{color:#050505;font-size:32px;font-weight:900;line-height:1.12;margin:0 0 18px}.hcc-info-text h3{color:#050505;font-size:22px;font-weight:850;line-height:1.2;margin:30px 0 10px}.hcc-info-text p{color:#3f3f46;font-size:17px;font-weight:500;line-height:1.72;margin:0 0 16px}.hcc-info-text strong{color:#050505;font-weight:850}.hcc-app.wheel-mode .hcc-info-picker,.hcc-info-wheel{display:none}.hcc-app.legal-mode .hcc-hero,.hcc-app.names-mode .hcc-hero,.hcc-app.wheel-mode .hcc-info-wheel{display:block}.hcc-app.legal-mode .hcc-shell,.hcc-app.names-mode .hcc-shell{margin-top:-34px;overflow:visible}.hcc-code-chip{align-items:center;background:#f4f4f4;border-radius:7px;cursor:pointer;display:inline-flex;font-weight:780;height:30px;padding:0 10px}.hcc-code-chip:hover{background:#eaeaea}.hcc-format-table td:first-child{width:98px}.hcc-format-note{color:#525866;font-size:14px;font-weight:500}.hcc-app.chart-mode .hcc-hero{display:block}.hcc-app.chart-mode .hcc-crumb{color:#444;font-size:14px;font-weight:500}.hcc-app.chart-mode .hcc-hero h1{font-size:56px}.hcc-app.chart-mode .hcc-hero p{font-size:25px;font-weight:500;line-height:1.36;max-width:760px}.hcc-app.chart-mode .hcc-shell{margin-top:-34px;overflow:hidden}.hcc-app.chart-mode .hcc-sections,.hcc-app.chart-mode .hcc-work{display:none}@media (max-width:980px){.hcc-app.chart-mode .hcc-hero h1{font-size:44px}.hcc-app.chart-mode .hcc-hero p{font-size:19px}}.hcc-app.contrast-tool-mode .hcc-hero,.hcc-app.converter-mode .hcc-hero,.hcc-app.hexrgb-mode .hcc-hero,.hcc-app.library-mode .hcc-hero,.hcc-app.mixer-mode .hcc-hero{display:block}.hcc-app.contrast-tool-mode .hcc-shell,.hcc-app.converter-mode .hcc-shell,.hcc-app.hexrgb-mode .hcc-shell,.hcc-app.mixer-mode .hcc-shell{margin-top:-34px;overflow:hidden}.hcc-tool-metric{background:var(--tool-bg,#fff);border:1px solid #dedede;border-radius:14px;color:var(--tool-fg,#050505);display:grid;font-weight:850;height:190px;place-items:center;text-align:center}.hcc-tool-metric b{display:block;font-size:58px;line-height:1}.hcc-tool-metric span{display:block;font-size:16px;margin-top:8px}.hcc-contrast-form,.hcc-contrast-result{background:#fff;border:1px solid #dedede;border-radius:12px;overflow:hidden}.hcc-contrast-form{padding:24px}.hcc-contrast-group{display:grid;gap:12px;margin-bottom:28px}.hcc-contrast-group:last-child{margin-bottom:0}.hcc-contrast-group h3{font-size:16px;font-weight:900;line-height:1;margin:0 0 10px}.hcc-contrast-label{color:#050505;font-size:14px;font-weight:500}.hcc-contrast-hexbox{align-items:center;background:#fff;border:1px solid #dedede;border-radius:14px;display:grid;gap:9px;grid-template-columns:24px auto 1fr;height:40px;padding:0 10px}.hcc-contrast-swatch{background:var(--contrast-color,#000);border:1px solid #0000001f;border-radius:50%;cursor:pointer;height:24px;width:24px}.hcc-contrast-hash{color:#8a8f98;font-size:20px;font-weight:400;line-height:1}.hcc-contrast-hexbox input{background:0 0;border:0;color:#1f2937;font-size:16px;font-weight:500;height:30px;min-width:0;outline:0;text-transform:uppercase}.hcc-contrast-lightness{color:#050505;font-size:14px;font-weight:700}.hcc-contrast-range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#050505 var(--range-pct,50%),#f1f1f1 var(--range-pct,50%));border-radius:999px;cursor:pointer;height:6px;outline:0;width:100%}.hcc-contrast-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #050505;border-radius:50%;height:16px;width:16px}.hcc-contrast-range::-moz-range-thumb{background:#fff;border:1px solid #050505;border-radius:50%;height:16px;width:16px}.hcc-contrast-score{background:#fff;border-bottom:1px solid #dedede;color:var(--contrast-accent,#ec253f);display:grid;font-size:50px;font-weight:900;height:206px;line-height:1;place-items:center}.hcc-contrast-score span{cursor:pointer}.hcc-contrast-table{border-collapse:separate;border-spacing:0;width:100%}.hcc-contrast-table td,.hcc-contrast-table th{border-bottom:1px solid #e6e6e6;color:#050505;font-size:14px;font-weight:650;height:53px;text-align:center}.hcc-contrast-table td:first-child,.hcc-contrast-table th:first-child{padding-left:16px;text-align:left}.hcc-contrast-table tr:last-child td{border-bottom:0}.hcc-contrast-mark{border-radius:50%;color:#fff;display:inline-grid;font-size:12px;font-weight:900;height:16px;line-height:1;place-items:center;width:16px}.hcc-contrast-mark.pass{background:#0fc15a}.hcc-contrast-mark.fail{background:#f22645}.hcc-toast{background:#111;border-radius:999px;bottom:28px;box-shadow:0 10px 28px #0000003d;color:#fff;font-size:13px;font-weight:800;left:50%;line-height:1;opacity:0;padding:10px 16px;pointer-events:none;position:fixed;transform:translate(-50%)translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;visibility:hidden;z-index:2147483647}.hcc-toast.show{opacity:1;transform:translate(-50%)translateY(0);visibility:visible}@media (max-width:980px){.hcc-nav{justify-content:flex-start;overflow:auto visible;padding:8px 16px}.hcc-nav-menu{left:0;transform:translateY(6px);width:240px}.hcc-hero{min-height:346px;padding:46px 18px 104px}.hcc-hero h1{font-size:44px}.hcc-hero p{font-size:18px}.hcc-shell{border-left:0;border-radius:0;border-right:0;margin:-34px 0 0}.hcc-summary{gap:10px;grid-template-columns:1fr auto;height:auto;padding:14px}.hcc-stat,.hcc-strip{display:none}.hcc-work{grid-template-columns:1fr;padding:22px 18px}.hcc-preview{height:260px}.hcc-sections{margin:24px 18px 0;max-width:none}.hcc-blind-grid,.hcc-contrast-grid,.hcc-convert-grid,.hcc-grid{grid-template-columns:1fr}.hcc-convert-row{grid-template-columns:88px 1fr}.hcc-convert-row div:nth-child(3){grid-column:2}}.hcc-after-shell{background:#fff;left:50%;margin:0;max-width:none;overflow:hidden;position:relative;transform:translate(-50%);width:100vw;z-index:1}.hcc-trail{align-items:center;background:#fff;color:#050505;display:flex;font-size:13px;font-weight:760;gap:14px;height:96px;margin:0 auto;max-width:1216px;padding:0 34px}.hcc-trail-logo{background:conic-gradient(#dc2626 0 25%,#9333ea 0 50%,#2563eb 0 75%,#22c55e 0);border-radius:50%;display:inline-block;flex:none;height:32px;position:relative;width:32px}.hcc-trail-logo:after{background:#fff;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.hcc-trail a{color:#050505;text-decoration:none}.hcc-trail a:hover{text-decoration:underline}.hcc-trail-sep{color:#555;font-size:20px;font-weight:400;line-height:1;transform:translateY(-1px)}.hcc-site-footer{background:#f5f5f5;border-top:1px solid #ececec;min-height:430px}.hcc-footer-inner{margin:0 auto;max-width:1090px;min-height:430px;position:relative}.hcc-footer-links{display:block;inset:0;position:absolute}.hcc-footer-link{align-items:center;background:0 0;border:0;border-radius:0;box-shadow:none;color:#050505;display:inline-flex;font-size:15px;font-weight:760;height:auto;justify-content:center;line-height:1.25;padding:0;position:absolute;text-decoration:none;white-space:nowrap}.hcc-footer-link:hover{background:0 0;text-decoration:underline}#hccFooterPrivacy{left:760px;top:160px}#hccFooterAbout{left:96px;top:160px}#hccFooterTerms{left:760px;top:58px;transform:none}.hcc-social-dot{background:#f5f5f5;border:1px solid #8d8d8d;border-radius:4px;color:#666;display:grid;font-size:14px;font-weight:700;height:20px;place-items:center;text-decoration:none;width:20px}.hcc-social-dot.round{border-radius:50%}@media (max-width:860px){.hcc-trail{height:68px;padding:0 20px}.hcc-footer-inner,.hcc-site-footer{min-height:260px}.hcc-footer-links{inset:0;position:absolute}.hcc-footer-link{font-size:14px;height:auto;padding:0}#hccFooterPrivacy{left:auto;right:28px;top:100px}#hccFooterAbout{left:28px;top:100px}#hccFooterTerms{left:auto;right:28px;top:42px;transform:none}}@media (max-width:760px){body,html{-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}.hcc-app{min-width:0}.hcc-nav{-webkit-overflow-scrolling:touch;align-items:center;gap:8px;height:56px;overflow:auto hidden;padding:8px 10px;scrollbar-width:none}.hcc-nav::-webkit-scrollbar{display:none}.hcc-logo{flex:0 0 28px;height:28px;width:28px}.hcc-logo:after{inset:9px}.hcc-nav a{border-radius:8px;flex:none;font-size:13px;height:36px;padding:0 10px}.hcc-nav-item{flex:none;height:40px;position:static}.hcc-nav-item.has-menu>a:after{height:6px;margin-left:1px;width:6px}.hcc-nav-menu{box-shadow:0 14px 36px #0000001f;grid-template-columns:1fr;left:10px;min-width:0;position:fixed;right:10px;top:54px;transform:none;width:auto;z-index:300}.hcc-nav-menu a{font-size:15px;height:40px;justify-content:flex-start}.hcc-lang-switch{flex:0 0 132px;height:32px;margin-left:0;width:132px}.hcc-lang-button{font-size:13px;height:32px;padding-left:10px;padding-right:28px}.hcc-lang-button:after{right:12px}.hcc-lang-menu{max-height:280px;overflow:auto;right:0;width:160px}.hcc-hero{min-height:268px;padding:32px 18px 76px}.hcc-crumb{font-size:13px;margin-bottom:10px}.hcc-app.chart-mode .hcc-hero h1,.hcc-hero h1{font-size:36px;line-height:1.08;max-width:100%}.hcc-app.chart-mode .hcc-hero p,.hcc-hero p{font-size:17px;line-height:1.45;margin-top:12px;max-width:100%}.hcc-shell{border-left:0;border-radius:0;border-right:0;margin:-28px 0 0;max-width:none;width:100%}.hcc-summary{align-items:center;display:grid;gap:10px;grid-auto-rows:auto;grid-template-columns:74px minmax(0,1fr) 32px 32px;height:auto;padding:12px}.hcc-summary .hcc-stat{display:flex;gap:8px;grid-column:1/5;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.hcc-summary .hcc-stat::-webkit-scrollbar{display:none}.hcc-stat b,.hcc-stat span{font-size:12px}.hcc-strip{display:none}.hcc-mini-trigger{border-radius:12px;gap:9px;height:40px;width:68px}.hcc-mini-picker{left:12px;max-width:none;padding:14px;right:12px;top:62px;width:auto}.hcc-history-panel,.hcc-palette-panel{left:12px;max-width:none;right:12px;top:58px;width:auto}.hcc-work{gap:18px;grid-template-columns:1fr;padding:18px 14px 24px}.hcc-picker-card{border-radius:12px;max-width:100%;overflow:hidden;padding:18px}.hcc-app.image-mode .hcc-picker-card,.hcc-app.wheel-mode .hcc-picker-card{height:auto;min-height:0}.hcc-image-drop,.hcc-sv,.hcc-wheel-wrap{height:232px}.hcc-preview{border-radius:10px;height:228px;width:100%}.hcc-actions{gap:10px;grid-template-columns:1fr;margin-top:22px}.hcc-input-row{gap:3px;grid-template-columns:30px auto minmax(0,1fr) 34px;margin-top:18px}.hcc-select{grid-column:1/5;margin-top:8px;width:100%}.hcc-sections{gap:24px;margin:18px 14px 0;max-width:none}.hcc-blind-grid,.hcc-contrast-grid,.hcc-convert-grid,.hcc-grid{gap:14px;grid-template-columns:1fr}.hcc-convert-row{grid-template-columns:86px minmax(0,1fr)}.hcc-convert-row div:nth-child(3){grid-column:2}.hcc-bar,.hcc-long-bar{border-radius:10px;height:50px;overflow:hidden}.hcc-bar i,.hcc-long-bar i{font-size:9px}.hcc-trail{font-size:12px;gap:10px;height:64px;overflow:hidden;padding:0 14px}.hcc-trail-logo{flex:0 0 28px;height:28px;width:28px}.hcc-trail-logo:after{height:10px;width:10px}.hcc-trail a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcc-footer-inner,.hcc-site-footer{min-height:188px}.hcc-footer-links{align-content:start;display:grid;gap:16px;grid-template-columns:1fr;padding:34px 18px;position:static}#hccFooterAbout,#hccFooterPrivacy,#hccFooterTerms,.hcc-footer-link{font-size:14px;justify-content:flex-start;left:auto;position:static;right:auto;top:auto;transform:none}}@media (max-width:480px){.hcc-nav{gap:6px;padding:7px 8px}.hcc-nav a{font-size:12px;padding:0 8px}.hcc-lang-switch{flex-basis:118px;width:118px}.hcc-app.chart-mode .hcc-hero h1,.hcc-hero h1{font-size:31px}.hcc-app.chart-mode .hcc-hero p,.hcc-hero p{font-size:16px}.hcc-summary{grid-template-columns:68px minmax(0,1fr) 30px 30px;padding:10px}.hcc-mini-trigger{width:64px}.hcc-picker-card{padding:14px}.hcc-image-drop,.hcc-preview,.hcc-sv,.hcc-wheel-wrap{height:210px}.hcc-btn{font-size:14px;height:42px}}@media (max-width:760px){.hcc-nav{background:#fff;border-bottom:1px solid #e5e5e5;gap:6px;height:48px;min-height:48px;padding:4px 8px}.hcc-logo{flex-basis:28px;height:28px;margin-right:2px;width:28px}.hcc-nav a,.hcc-nav-item>a,.hcc-nav-item>button{background:#fff;border-radius:8px;font-size:13px;font-weight:780;height:40px;line-height:1;padding:0 9px}.hcc-nav a.active,.hcc-nav a:hover,.hcc-nav-item>button:hover{background:#f5f5f5}.hcc-nav-item{height:40px}.hcc-nav-item.has-menu>a:after,.hcc-nav-item.has-menu>button:after{height:5px;margin-left:3px;width:5px}.hcc-lang-switch{flex:0 0 64px;height:32px;margin-left:auto;order:90;width:64px}.hcc-lang-button{border-radius:8px;font-size:12px;font-weight:760;height:32px;overflow:hidden;padding:0 20px 0 8px;text-overflow:clip;white-space:nowrap}.hcc-lang-button:after{height:5px;right:9px;width:5px}.hcc-lang-menu{border-radius:10px;right:0;top:38px;width:154px}.hcc-nav{overflow-x:hidden}.hcc-nav>.hcc-nav-item,.hcc-nav>a:nth-of-type(n+4){display:none}.hcc-mobile-menu-toggle{background:#fff;border:0;border-radius:8px;color:#111;cursor:pointer;display:grid;flex:0 0 32px;height:32px;order:91;place-items:center;position:relative;width:32px}.hcc-mobile-menu-toggle:before{background:linear-gradient(#111,#111) 0 0/17px 2px no-repeat,linear-gradient(#111,#111) 0 5px/17px 2px no-repeat,linear-gradient(#111,#111) 0 10px/17px 2px no-repeat;content:"";height:12px;width:17px}.hcc-mobile-menu-toggle:focus,.hcc-mobile-menu-toggle:hover{background:#f5f5f5;outline:0}.hcc-mobile-menu{background:#fff;border:1px solid #dedede;border-radius:12px;box-shadow:0 16px 38px #00000024;left:12px;padding:8px;position:fixed;right:12px;top:54px;z-index:320}.hcc-mobile-menu.show{display:grid;gap:4px;grid-template-columns:1fr 1fr}.hcc-mobile-menu a{align-items:center;border-radius:8px;color:#111;display:flex;font-size:14px;font-weight:760;height:38px;justify-content:flex-start;padding:0 12px;text-decoration:none}.hcc-mobile-menu a.active,.hcc-mobile-menu a:hover{background:#f5f5f5}.hcc-hero{background:#f3f3f3;min-height:268px;padding:84px 20px 26px}.hcc-hero-inner{max-width:none}.hcc-crumb{color:#3f3f46;font-size:13px;font-weight:500;line-height:20px;margin:0 0 4px}.hcc-app.chart-mode .hcc-hero h1,.hcc-hero h1{font-size:40px;font-weight:900;letter-spacing:0;line-height:1;margin:0}.hcc-app.chart-mode .hcc-hero p,.hcc-hero p{color:#202124;font-size:16px;font-weight:520;line-height:1.45;margin-top:14px;max-width:335px}.hcc-shell{border-bottom-color:#e4e4e4;border-left:0 #e4e4e4;border-radius:0;border-right:0 #e4e4e4;border-top-color:#e4e4e4;box-shadow:none;margin:0}.hcc-summary{border-bottom:1px solid #e5e5e5;gap:8px;grid-template-columns:28px minmax(0,1fr) 26px 32px 32px;height:auto;min-height:48px;padding:8px 12px}.hcc-mini-trigger{background:#fff;border:0;border-radius:8px;gap:0;height:32px;width:28px}.hcc-mini-trigger .hcc-dot{display:none}.hcc-mini-trigger .hcc-eyedrop-icon{height:19px;width:19px}.hcc-summary .hcc-stat{display:none}.hcc-strip{border-radius:999px;display:flex;height:24px;justify-self:stretch;min-width:0;width:100%}.hcc-strip i{font-size:10px}.hcc-strip i:hover{box-shadow:none!important;color:#0000!important;filter:none!important;flex:1 1 0!important;font-size:0!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0!important;text-shadow:none!important}.hcc-icon-btn.export,.hcc-strip-toggle{height:32px;width:26px}.hcc-strip-toggle:after,.hcc-strip-toggle:before{height:4px;width:4px}.hcc-strip-toggle:before{top:9px}.hcc-strip-toggle:after{bottom:9px}.hcc-icon-btn.export .hcc-export-icon{height:17px;width:17px}.hcc-history-panel,.hcc-mini-picker,.hcc-palette-panel{left:12px;right:12px;top:50px;width:auto}.hcc-work{display:grid;gap:18px;grid-template-columns:1fr;padding:28px 20px 32px}.hcc-picker-card{border-color:#dedede;border-radius:13px;box-shadow:0 1px 2px #0000000a;overflow:visible;padding:18px 20px 20px}.hcc-app.image-mode .hcc-picker-card,.hcc-app.wheel-mode .hcc-picker-card{height:auto}.hcc-sv{border-radius:7px;height:193px}.hcc-target{border-width:5px;height:22px;width:22px}.hcc-hue{height:10px;margin-top:16px}.hcc-hue-knob{height:17px;width:17px}.hcc-input-row{border-radius:10px;gap:4px;grid-template-columns:30px auto minmax(0,1fr) 34px 86px;height:40px;margin-top:18px;padding:0 5px 0 9px}.hcc-input-row .hcc-dot{height:24px;width:24px}.hcc-color-input{font-size:15px;font-weight:760}.hcc-copy{height:30px;width:30px}.hcc-select{border-radius:8px;font-size:12px;grid-column:auto;height:32px;margin-top:0;width:auto}.hcc-actions{gap:8px;grid-template-columns:1fr 1fr;margin-top:16px}.hcc-btn{border-radius:8px;font-size:15px;font-weight:820;height:40px}.hcc-preview-col{gap:12px;width:100%}.hcc-harmony-btn,.hcc-select-wrap{width:100%}.hcc-harmony-menu{left:0;right:0;width:auto}.hcc-preview{border-radius:12px;height:260px;width:100%}.hcc-sections{margin:22px 20px 0}.hcc-info-text{padding-top:2px}.hcc-info-text h2{font-size:28px;line-height:1.12}.hcc-info-text h3{font-size:20px;line-height:1.2}.hcc-info-text p{font-size:15px;line-height:1.65}.hcc-image-drop{background:#fff;border-radius:8px;height:210px}.hcc-image-palette{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.hcc-wheel-wrap{height:286px}.hcc-app.wheel-mode .hcc-wheel-wrap{height:286px;margin-top:2px}.hcc-app.wheel-mode .hcc-wheel-light{height:282px;width:282px}.hcc-app.wheel-mode .hcc-wheel{height:236px;width:236px}.hcc-trail{font-size:12px;height:68px;padding:0 20px}.hcc-footer-inner,.hcc-site-footer{min-height:250px}}@media (max-width:430px){.hcc-hero{padding-left:20px;padding-right:20px}.hcc-app.chart-mode .hcc-hero h1,.hcc-hero h1{font-size:40px}.hcc-work{padding-left:20px;padding-right:20px}.hcc-picker-card{padding-left:14px;padding-right:14px;padding:16px 12px 18px!important}.hcc-sv{height:min(193px,100vw - 82px)}.hcc-preview{height:246px}}@media (max-width:380px){.hcc-nav a,.hcc-nav-item>a,.hcc-nav-item>button{font-size:12px;padding:0 8px}.hcc-lang-switch{flex-basis:108px;width:108px}.hcc-app.chart-mode .hcc-hero h1,.hcc-hero h1{font-size:38px}.hcc-work{padding-left:20px;padding-right:20px}.hcc-picker-card{padding-left:18px;padding-right:18px}.hcc-input-row{grid-template-columns:28px auto minmax(0,1fr) 30px 78px}.hcc-select{font-size:11px;padding:0 6px}}@media (max-width:760px){.hcc-nav{overflow:visible!important}.hcc-lang-switch{position:relative;z-index:360}.hcc-lang-switch.show .hcc-lang-menu{display:grid!important;gap:4px}.hcc-lang-menu{box-shadow:0 14px 34px #00000024;z-index:380}.hcc-after-shell,.hcc-app,.hcc-shell{max-width:100%;overflow-x:hidden;width:100%}.hcc-shell{border-top:0}.hcc-hero{min-height:268px;padding-bottom:30px;padding-top:74px}.hcc-app.chart-mode .hcc-hero h1,.hcc-app.chart-mode .hcc-hero p,.hcc-hero h1,.hcc-hero p{max-width:100%;overflow-wrap:anywhere}.hcc-summary{gap:14px;grid-template-columns:38px minmax(0,1fr) 24px 30px 30px;padding-left:20px;padding-right:20px}.hcc-strip{max-width:100%;min-width:0}.hcc-work{overflow:hidden;padding:28px 20px 32px}.hcc-picker-card{max-width:100%;padding:18px 20px 20px;width:100%}.hcc-image-drop,.hcc-sv{aspect-ratio:1.52;height:auto;max-height:242px;min-height:188px}.hcc-app.wheel-mode .hcc-picker-card{overflow:hidden}.hcc-app.wheel-mode .hcc-wheel-wrap{height:280px}.hcc-app.wheel-mode .hcc-wheel-light{height:min(278px,100vw - 80px);width:min(278px,100vw - 80px)}.hcc-app.wheel-mode .hcc-wheel{height:min(236px,100vw - 122px);width:min(236px,100vw - 122px)}.hcc-input-row{grid-template-columns:30px auto minmax(0,1fr) 32px 80px}.hcc-color-input,.hcc-input-row{min-width:0;width:100%}.hcc-btn{min-width:0;white-space:nowrap}.hcc-sections{margin:24px 20px 0!important;max-width:none!important;overflow:hidden;padding-bottom:44px;width:auto!important}.hcc-panel{max-width:100%;overflow:hidden;width:100%}.hcc-panel-head{gap:12px;min-width:0}.hcc-panel-head h2{font-size:28px;line-height:1.12;overflow-wrap:anywhere}.hcc-panel-body{max-width:100%;overflow:hidden;width:100%}.hcc-blind-grid,.hcc-contrast-grid,.hcc-grid{gap:24px;grid-template-columns:1fr!important}.hcc-grid>*,.hcc-variation-list,.hcc-variation-list>*{max-width:100%;min-width:0;overflow:hidden;width:100%}.hcc-wide-title{font-size:20px;line-height:1.25;margin:24px 0 12px;max-width:100%!important;min-width:0;width:100%!important}.hcc-title{min-width:0;width:100%}.hcc-title h3,.hcc-wide-title h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcc-bar,.hcc-long-bar{border-radius:12px;height:54px;max-width:100%!important;min-width:0;overflow:hidden;width:100%!important}.hcc-bar i,.hcc-long-bar i{flex:1 1 0;min-width:0}.hcc-bar i:hover,.hcc-long-bar i:hover{box-shadow:none!important;color:#0000!important;filter:none!important;flex:1 1 0!important;font-size:0!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0!important;text-shadow:none!important}.hcc-convert-table{border-radius:12px;max-width:100%;overflow:hidden;width:100%}.hcc-convert-row{grid-template-columns:18% 38% 44%!important;min-height:52px;min-width:0}.hcc-convert-row div{font-size:11.5px;font-weight:720;grid-column:auto!important;line-height:1.15;min-width:0;overflow:hidden;padding:0 4px;text-overflow:clip;white-space:nowrap}.hcc-convert-row.head div{font-size:12px;font-weight:820}.hcc-convert-row button{font-size:12.5px;line-height:1.15;white-space:nowrap}.hcc-info-text{max-width:100%;overflow:hidden;padding-top:6px;width:100%}.hcc-info-text h2{font-size:30px;line-height:1.12;margin:42px 0 16px}.hcc-info-text h3{font-size:22px;line-height:1.2;margin:34px 0 12px}.hcc-info-text li,.hcc-info-text p{font-size:18px;line-height:1.58;overflow-wrap:anywhere}.hcc-contrast-score{font-size:42px;height:168px}.hcc-contrast-table{min-width:0}.hcc-contrast-table td,.hcc-contrast-table th{font-size:13px;padding-left:8px;padding-right:8px}.hcc-trail{height:76px;max-width:100%;overflow:hidden;padding:0 20px;width:100%}.hcc-site-footer{min-height:260px}.hcc-footer-inner{max-width:100%;min-height:260px;width:100%}.hcc-footer-links{display:grid!important;gap:42px 64px;grid-template-columns:1fr 1fr;padding:62px 32px!important;position:relative!important}#hccFooterAbout,#hccFooterPrivacy,#hccFooterTerms,.hcc-footer-link{font-size:16px;justify-content:flex-start;line-height:1.2;position:static!important;transform:none!important}#hccFooterTerms{grid-area:1/2}#hccFooterAbout{grid-area:2/1}#hccFooterPrivacy{grid-area:2/2}}@media (max-width:430px){.hcc-nav{gap:6px}.hcc-nav a{font-size:13px;padding:0 8px}.hcc-lang-switch{flex-basis:62px!important;width:62px!important}.hcc-hero{padding-left:28px;padding-right:28px}.hcc-summary{padding-left:28px!important;padding-right:28px!important}.hcc-work{padding-left:20px!important;padding-right:20px!important}.hcc-sections{margin-left:20px!important;margin-right:20px!important}.hcc-work{padding-top:28px!important}.hcc-picker-card{padding-left:20px;padding-right:20px}.hcc-image-drop,.hcc-sv{aspect-ratio:1.42}.hcc-info-text li,.hcc-info-text p{font-size:18px}}@media (max-width:380px){.hcc-hero,.hcc-summary,.hcc-work{padding-left:20px!important;padding-right:20px!important}.hcc-sections{margin-left:20px!important;margin-right:20px!important}.hcc-input-row{grid-template-columns:28px auto minmax(0,1fr) 30px 74px}.hcc-info-text li,.hcc-info-text p{font-size:17px}}#hccFooterGuides{left:96px;top:58px;transform:none}#hccFooterTerms{left:760px!important;right:auto!important;top:58px!important;transform:none!important}#hccFooterAbout{left:96px!important}#hccFooterAbout,#hccFooterPrivacy{right:auto!important;top:160px!important;transform:none!important}#hccFooterPrivacy{left:760px!important}@media (max-width:900px) and (min-width:761px){#hccFooterGuides{left:28px;top:42px}#hccFooterTerms{left:auto!important;right:28px!important;top:42px!important}#hccFooterAbout{left:28px!important;top:100px!important}#hccFooterPrivacy{left:auto!important;right:28px!important;top:100px!important}}@media (max-width:760px){#hccFooterAbout,#hccFooterGuides,#hccFooterPrivacy,#hccFooterTerms,.hcc-footer-link{font-size:16px;justify-content:flex-start;left:auto!important;line-height:1.2;position:static!important;right:auto!important;top:auto!important;transform:none!important}#hccFooterGuides{grid-area:1/1}}.hcc-app.chart-mode #hccChartTable:empty,.hcc-app.library-mode #hccLibraryList:empty,.hcc-app.names-mode #hccNamesTable:empty{min-height:720px}.hcc-app.converter-mode #hccConverterRows:empty,.hcc-app.hexrgb-mode #hccHexRgbRows:empty{display:block;min-height:138px}.hcc-app.contrast-tool-mode #hccContrastToolRows:empty{display:block;min-height:116px}.hcc-app.mixer-mode #hccMixerBar:empty{min-height:236px}@media (max-width:760px){.hcc-app.chart-mode #hccChartTable:empty,.hcc-app.library-mode #hccLibraryList:empty,.hcc-app.names-mode #hccNamesTable:empty{min-height:620px}.hcc-app.mixer-mode #hccMixerBar:empty{min-height:210px}}.hcc-bar i,.hcc-long-bar i,.hcc-strip i{position:relative}.hcc-bar i.is-hovered,.hcc-long-bar i.is-hovered{box-shadow:none!important;filter:none;flex-grow:1!important}@media (max-width:760px){.hcc-bar i:hover,.hcc-long-bar i:hover,.hcc-strip i:hover{box-shadow:none!important;color:#0000!important;filter:none!important;flex:1 1 0!important;font-size:0!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0!important;text-shadow:none!important}}.hcc-bar i.is-hovered,.hcc-long-bar i.is-hovered{color:#0000!important;text-shadow:none!important;transform:none!important}.hcc-bar,.hcc-long-bar,.hcc-strip{overflow:hidden!important}.hcc-bar,.hcc-long-bar{border-radius:12px}.hcc-strip i.is-hovered{box-shadow:none!important;color:#0000!important;justify-content:center!important;padding-left:0!important}.hcc-strip i.is-hovered:before{content:none!important;display:none!important}.hcc-strip i.active.is-hovered:after{opacity:0}.hcc-long-bar i.is-hovered{box-shadow:none!important}.hcc-bar,.hcc-long-bar,.hcc-strip{position:relative}.hcc-hover-label{-webkit-font-smoothing:antialiased;align-items:center;color:var(--hover-label-color,#000)!important;display:none;font-size:11px;font-weight:850;height:18px;justify-content:center;left:var(--hover-label-left,50%);letter-spacing:0;line-height:1;margin:-9px 0 0 -36px;pointer-events:none;position:absolute;text-rendering:optimizelegibility;text-shadow:none;top:50%;transform:none;white-space:nowrap;width:72px;z-index:9}.hcc-hover-label.is-visible{display:flex}.hcc-bar i.is-hovered:before,.hcc-long-bar i.is-hovered:before{content:none!important;display:none!important}.hcc-strip i:hover{box-shadow:none!important;color:#0000!important;filter:none!important;flex:1 1 0!important;font-size:0!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0!important;text-shadow:none!important}.hcc-hover-label,.hcc-hover-label.is-visible{display:none!important}.hcc-bar i.is-hovered,.hcc-long-bar i.is-hovered,.hcc-strip i.is-hovered{box-shadow:none!important;color:var(--strip-text,var(--swatch-text,#000))!important;filter:none!important;flex:var(--hcc-swatch-hover-grow,1.16) 1 0!important;font-size:var(--hcc-swatch-label-font,10px)!important;font-weight:850!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0 var(--hcc-swatch-label-pad,5px)!important;text-align:center!important;z-index:5!important}.hcc-bar i.is-hovered:before,.hcc-long-bar i.is-hovered:before,.hcc-strip i.is-hovered:before{content:none!important;display:none!important}.hcc-strip i:hover:before{box-shadow:none!important;color:#0000!important;filter:none!important;flex:1 1 0!important;font-size:0!important;line-height:1!important;max-width:none!important;min-width:0!important;padding:0!important;text-shadow:none!important}@media (max-width:760px){.hcc-bar i.is-hovered,.hcc-long-bar i.is-hovered,.hcc-strip i.is-hovered{font-size:var(--hcc-swatch-label-font,9.5px)!important;padding:0 var(--hcc-swatch-label-pad,4px)!important}.hcc-work{display:block!important;grid-auto-columns:auto!important;grid-template-columns:none!important;overflow:hidden}.hcc-work>*{min-width:0}.hcc-preview-col{display:grid!important;gap:12px!important;grid-column:auto!important;grid-template-columns:1fr!important;margin-top:18px!important}#hccPreview,.hcc-harmony-btn,.hcc-preview,.hcc-preview-col,.hcc-select-wrap{max-width:100%!important;min-width:0!important;width:100%!important}.hcc-preview{display:grid!important;place-items:center!important}body,html{max-width:100%;overflow-x:hidden;width:100%}.hcc-after-shell,.hcc-app,.hcc-hero,.hcc-hero-inner,.hcc-sections,.hcc-shell,.hcc-summary,.hcc-work{box-sizing:border-box;max-width:100%!important;min-width:0!important}.hcc-after-shell{left:auto!important;max-width:100%!important;overflow:hidden!important;right:auto!important;transform:none!important;width:100%!important}.hcc-nav{box-sizing:border-box;gap:4px!important;max-width:100%;min-width:0;padding-left:8px!important;padding-right:8px!important;width:100%}.hcc-logo{flex:0 0 28px}.hcc-nav>a{flex:0 auto;font-size:12px!important;min-width:0;padding-left:6px!important;padding-right:6px!important}.hcc-lang-switch{flex:0 0 58px!important;margin-left:auto!important;min-width:0;width:58px!important}.hcc-mobile-menu-toggle{flex:0 0 32px!important;margin-left:0!important;width:32px!important}.hcc-mobile-menu{left:8px!important;max-width:calc(100vw - 16px)!important;right:8px!important}.hcc-app.wheel-mode .hcc-wheel-wrap{aspect-ratio:auto!important;height:min(286px,100vw - 70px)!important;max-height:286px!important;max-width:100%!important;min-height:220px!important;min-width:0!important;overflow:hidden!important;width:100%!important}.hcc-app.wheel-mode .hcc-wheel-light{height:min(282px,100vw - 80px)!important;overflow:hidden!important;width:min(282px,100vw - 80px)!important}.hcc-app.wheel-mode .hcc-wheel-light-rotor{inset:0!important}.hcc-app.wheel-mode .hcc-wheel{height:min(236px,100vw - 122px)!important;width:min(236px,100vw - 122px)!important}.hcc-summary{overflow:visible;width:100%}.hcc-footer-inner,.hcc-site-footer{max-width:100%!important;overflow:hidden;width:100%!important}.hcc-footer-links{box-sizing:border-box!important;display:grid!important;gap:28px 32px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;max-width:100%!important;padding:46px 22px!important;width:100%!important}#hccFooterAbout,#hccFooterGuides,#hccFooterPrivacy,#hccFooterTerms,.hcc-footer-link{font-size:14px!important;line-height:1.25!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:normal!important}#hccNamesTable{box-sizing:border-box;max-width:100%!important;min-width:0!important;overflow:hidden;width:100%!important}}@media (max-width:360px){.hcc-nav>a{font-size:11px!important;max-width:46px;overflow:hidden;padding-left:4px!important;padding-right:4px!important;text-overflow:clip;white-space:nowrap}.hcc-lang-switch{flex-basis:54px!important;width:54px!important}.hcc-lang-button{font-size:11px!important;padding-left:6px!important;padding-right:16px!important}.hcc-lang-button:after{right:7px!important}.hcc-mobile-menu-toggle{flex-basis:30px!important;width:30px!important}.hcc-footer-links{gap:22px 24px!important;padding:42px 20px!important}.hcc-hero,.hcc-summary,.hcc-work{padding-left:18px!important;padding-right:18px!important}.hcc-sections{margin-left:18px!important;margin-right:18px!important}.hcc-input-row{grid-template-columns:26px auto minmax(0,1fr) 28px 70px!important}.hcc-select{min-width:0}}@media (max-width:330px){.hcc-nav{gap:3px!important}.hcc-logo{flex-basis:26px!important;height:26px!important;width:26px!important}.hcc-nav>a{font-size:10px!important;max-width:42px;padding-left:3px!important;padding-right:3px!important}.hcc-lang-switch{flex-basis:50px!important;width:50px!important}.hcc-mobile-menu-toggle{flex-basis:28px!important;width:28px!important}.hcc-footer-links{gap:18px!important;padding-left:16px!important;padding-right:16px!important}#hccFooterAbout,#hccFooterGuides,#hccFooterPrivacy,#hccFooterTerms,.hcc-footer-link{font-size:13px!important}}.hcc-file-input{display:none!important}.hcc-image-drop.has-image{background:#fff;border-style:solid;cursor:crosshair}.hcc-image-drop canvas{display:none}.hcc-image-drop.has-image #hccImageCanvas{display:block;height:var(--image-height,100%);left:var(--image-left,0);max-height:none;max-width:none;position:absolute;top:var(--image-top,0);width:var(--image-width,100%)}.hcc-image-drop.has-image .hcc-image-empty{display:none!important}.hcc-image-palette{display:grid;gap:6px;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:14px}.hcc-preview-col{display:grid;gap:18px;max-width:100%;min-width:0;width:304px}.hcc-harmony-select{display:none!important}.hcc-harmony-btn{align-items:center;background:#fff;border:1px solid #dedede;border-radius:8px;color:#050505;cursor:pointer;display:flex;font-size:16px;font-weight:760;height:40px;justify-content:space-between;padding:0 42px 0 14px;position:relative;text-align:left;width:100%;z-index:31}.hcc-select-wrap:not(.idle) .hcc-harmony-btn:after{display:none}.hcc-harmony-menu{align-content:stretch;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 14px 36px #0000001a;display:none;height:226px;left:0;padding:10px 26px;position:absolute;right:0;top:48px;z-index:30}.hcc-harmony-menu.show{display:grid;gap:0;grid-template-rows:repeat(6,minmax(0,1fr))}.hcc-harmony-menu button{align-items:center;background:#fff;border:0;color:#050505;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:100%;letter-spacing:0;line-height:1;padding:0;text-align:left}.hcc-clear-select{background:0 0;border:0;border-radius:7px;color:#777;cursor:pointer;display:grid;font-size:26px;font-weight:400;height:34px;line-height:1;padding:0;place-items:center;position:absolute;right:3px;top:3px;width:34px;z-index:32}.hcc-select-wrap.idle .hcc-clear-select{display:none!important}.hcc-preview{display:grid;overflow:hidden}.hcc-preview-swatch{color:#0000!important;cursor:pointer;display:grid;font-size:0!important;letter-spacing:0;min-height:70px;overflow:hidden;place-items:center}@media (max-width:760px){.hcc-harmony-btn,.hcc-preview,.hcc-preview-col,.hcc-select-wrap{max-width:100%;min-width:0;width:100%}}.hcc-preview-swatch{color:var(--swatch-text,#000)!important;display:grid!important;font-size:20px!important;font-variant-numeric:tabular-nums;font-weight:850!important;letter-spacing:0!important;line-height:1!important;overflow:hidden!important;place-items:center!important;text-align:center!important;text-shadow:none!important}.hcc-preview-swatch.dark-text{color:var(--swatch-text,#000)!important;text-shadow:none!important}@media (max-width:760px){.hcc-preview-swatch{font-size:18px!important}}html.hcc-hover-boot body[data-hcc-page=wheel] .hcc-preview-swatch,html.hcc-hover-boot body[data-hcc-page=wheel] .hcc-preview-swatch.dark-text{color:#0000!important;font-size:0!important;line-height:1!important;text-shadow:none!important}.hcc-preview{background:0 0!important;display:grid!important;place-items:stretch stretch!important}.hcc-preview-swatch{height:100%!important;min-height:0!important;place-self:stretch stretch!important;width:100%!important}@media (max-width:760px){.hcc-preview{display:grid!important;place-items:stretch stretch!important}.hcc-preview-swatch{height:100%!important;min-height:0!important;place-self:stretch stretch!important;width:100%!important}}body:not([data-hcc-page=picker]):not([data-hcc-page=image]):not([data-hcc-page=wheel]) .hcc-sections,body:not([data-hcc-page=picker]):not([data-hcc-page=image]):not([data-hcc-page=wheel]) .hcc-work{display:none!important;opacity:0!important;visibility:hidden!important}body[data-hcc-page=image] .hcc-work,body[data-hcc-page=picker] .hcc-work,body[data-hcc-page=wheel] .hcc-work{display:grid!important;opacity:1!important;visibility:visible!important}body[data-hcc-page=image] .hcc-sections,body[data-hcc-page=picker] .hcc-sections,body[data-hcc-page=wheel] .hcc-sections{display:block!important;opacity:1!important;visibility:visible!important}body[data-hcc-page=picker] .hcc-standard-picker{display:block!important}body[data-hcc-page=picker] .hcc-image-picker,body[data-hcc-page=picker] .hcc-wheel-picker{display:none!important}body[data-hcc-page=image] .hcc-image-picker{display:block!important}body[data-hcc-page=image] .hcc-standard-picker,body[data-hcc-page=image] .hcc-wheel-picker{display:none!important}body[data-hcc-page=wheel] .hcc-wheel-picker{display:block!important}body[data-hcc-page=wheel] .hcc-image-picker,body[data-hcc-page=wheel] .hcc-standard-picker{display:none!important}body[data-hcc-page=image] .hcc-preview,body[data-hcc-page=picker] .hcc-preview,body[data-hcc-page=wheel] .hcc-preview{background:0 0!important;display:grid!important;height:422px!important;min-height:422px!important;overflow:hidden!important;place-items:stretch stretch!important}body[data-hcc-page=image] .hcc-preview:empty,body[data-hcc-page=picker] .hcc-preview:empty,body[data-hcc-page=wheel] .hcc-preview:empty{background:#6df3ea!important;color:#000!important;font-size:20px!important;font-variant-numeric:tabular-nums;font-weight:850!important;line-height:1!important;place-items:center!important}body[data-hcc-page=image] .hcc-preview:empty:before,body[data-hcc-page=picker] .hcc-preview:empty:before,body[data-hcc-page=wheel] .hcc-preview:empty:before{content:"6DF3EA"}body[data-hcc-page=image] .hcc-preview-swatch,body[data-hcc-page=picker] .hcc-preview-swatch,body[data-hcc-page=wheel] .hcc-preview-swatch{height:100%!important;min-height:0!important;place-self:stretch stretch!important;width:100%!important}body[data-hcc-page=wheel] .hcc-wheel-wrap{background:#fff!important;border-color:#0000!important;box-shadow:none!important;display:grid!important;height:304px!important;overflow:visible!important;place-items:center!important}body[data-hcc-page=wheel] .hcc-wheel-light{height:302px!important;width:302px!important;z-index:1}body[data-hcc-page=wheel] .hcc-wheel{height:254px!important;width:254px!important;z-index:3}@media (max-width:760px){body[data-hcc-page=wheel] .hcc-wheel-light-rotor{inset:0!important}body[data-hcc-page=image] .hcc-palette-panel.show,body[data-hcc-page=picker] .hcc-palette-panel.show,body[data-hcc-page=wheel] .hcc-palette-panel.show{gap:4px!important;left:20px!important;max-height:min(386px,100vh - 176px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px!important;right:20px!important;top:48px!important;width:auto!important;z-index:140!important}body[data-hcc-page=image] .hcc-palette-row,body[data-hcc-page=picker] .hcc-palette-row,body[data-hcc-page=wheel] .hcc-palette-row{gap:6px!important;grid-template-columns:74px minmax(0,1fr)!important;height:32px!important;min-height:32px!important;padding:0 8px!important}body[data-hcc-page=image] .hcc-palette-row>span,body[data-hcc-page=picker] .hcc-palette-row>span,body[data-hcc-page=wheel] .hcc-palette-row>span{font-size:11.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body[data-hcc-page=image] .hcc-palette-panel .hcc-mini-strip,body[data-hcc-page=picker] .hcc-palette-panel .hcc-mini-strip,body[data-hcc-page=wheel] .hcc-palette-panel .hcc-mini-strip{height:14px!important}}.hcc-convert-table{-webkit-overflow-scrolling:touch!important;overflow:auto hidden!important}.hcc-convert-row{grid-template-columns:23% 33% 44%!important}.hcc-convert-row div{padding:0 24px!important;text-overflow:clip!important;white-space:nowrap!important}@media (max-width:760px){.hcc-convert-table{overflow:auto hidden!important}.hcc-convert-row{grid-template-columns:23% 33% 44%!important;min-height:57px!important;min-width:620px!important}.hcc-convert-row div{font-size:14px!important;font-weight:720!important;grid-column:auto!important;line-height:1.2!important;min-width:0!important;overflow:visible!important;padding:0 24px!important}.hcc-convert-row.head div{font-size:13px!important;font-weight:820!important}.hcc-convert-row button{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important}}.hcc-after-shell{left:auto!important;transform:none!important;width:100%!important}body[data-hcc-page=image] .hcc-convert-table,body[data-hcc-page=wheel] .hcc-convert-table{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;overflow:auto hidden!important}body[data-hcc-page=image] .hcc-convert-row,body[data-hcc-page=wheel] .hcc-convert-row{align-items:center!important;border-bottom:1px solid #e6e6e6!important;display:grid!important;grid-template-columns:23% 33% 44%!important;min-height:57px!important}body[data-hcc-page=image] .hcc-convert-row:last-child,body[data-hcc-page=wheel] .hcc-convert-row:last-child{border-bottom:0!important}body[data-hcc-page=image] .hcc-convert-row div,body[data-hcc-page=wheel] .hcc-convert-row div{font-size:14px!important;font-weight:720!important;grid-column:auto!important;line-height:1.2!important;min-width:0!important;overflow:visible!important;padding:0 24px!important;text-overflow:clip!important;white-space:nowrap!important}body[data-hcc-page=image] .hcc-convert-row.head div,body[data-hcc-page=wheel] .hcc-convert-row.head div{font-size:13px!important;font-weight:820!important}body[data-hcc-page=image] .hcc-convert-row button,body[data-hcc-page=wheel] .hcc-convert-row button{-webkit-appearance:none!important;appearance:none!important;background:0 0!important;border:0!important;color:#050505!important;cursor:pointer!important;font:inherit!important;font-size:14px!important;font-weight:720!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:left!important;white-space:nowrap!important}body[data-hcc-page=image] .hcc-contrast-grid,body[data-hcc-page=wheel] .hcc-contrast-grid{display:grid!important;gap:24px!important;grid-template-columns:1fr!important}body[data-hcc-page=image] .hcc-contrast-card,body[data-hcc-page=wheel] .hcc-contrast-card{background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;overflow:hidden!important}body[data-hcc-page=image] .hcc-contrast-card h3,body[data-hcc-page=wheel] .hcc-contrast-card h3{font-size:18px!important;font-weight:850!important;line-height:1.2!important;margin:0!important;padding:18px 20px 0!important}body[data-hcc-page=image] .hcc-score,body[data-hcc-page=wheel] .hcc-score{padding:18px 20px 16px!important}body[data-hcc-page=image] .hcc-score b,body[data-hcc-page=wheel] .hcc-score b{color:var(--score-color,#050505)!important;display:block!important;font-size:46px!important;font-weight:900!important;line-height:1!important}body[data-hcc-page=image] .hcc-score span,body[data-hcc-page=wheel] .hcc-score span{color:#525866!important;display:block!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;margin-top:4px!important}body[data-hcc-page=image] .hcc-contrast-table,body[data-hcc-page=wheel] .hcc-contrast-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important}body[data-hcc-page=image] .hcc-contrast-table td,body[data-hcc-page=image] .hcc-contrast-table th,body[data-hcc-page=wheel] .hcc-contrast-table td,body[data-hcc-page=wheel] .hcc-contrast-table th{border-top:1px solid #e6e6e6!important;font-size:13px!important;font-weight:650!important;height:42px!important;line-height:1.2!important;padding:0 14px!important;text-align:left!important}body[data-hcc-page=image] .hcc-contrast-table th,body[data-hcc-page=wheel] .hcc-contrast-table th{color:#525866!important;font-weight:780!important}body[data-hcc-page=image] .hcc-fail,body[data-hcc-page=image] .hcc-pass,body[data-hcc-page=wheel] .hcc-fail,body[data-hcc-page=wheel] .hcc-pass{border-radius:50%!important;color:#fff!important;display:inline-grid!important;font-size:12px!important;font-weight:900!important;height:16px!important;line-height:1!important;place-items:center!important;width:16px!important}body[data-hcc-page=image] .hcc-pass,body[data-hcc-page=wheel] .hcc-pass{background:#00bf5b!important}@media (max-width:760px){body[data-hcc-page=image] .hcc-convert-row,body[data-hcc-page=wheel] .hcc-convert-row{min-width:620px!important}body[data-hcc-page=image] .hcc-contrast-card h3,body[data-hcc-page=wheel] .hcc-contrast-card h3{font-size:17px!important;padding:16px 16px 0!important}body[data-hcc-page=image] .hcc-score,body[data-hcc-page=wheel] .hcc-score{padding:16px!important}body[data-hcc-page=image] .hcc-score b,body[data-hcc-page=wheel] .hcc-score b{font-size:40px!important}}body[data-hcc-page=image] .hcc-fail,body[data-hcc-page=wheel] .hcc-fail{background:#ff3040!important}body[data-hcc-page=wheel] .hcc-convert-table{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;overflow:auto hidden!important}body[data-hcc-page=wheel] .hcc-convert-row{align-items:center!important;border-bottom:1px solid #e6e6e6!important;display:grid!important;grid-template-columns:23% 33% 44%!important;min-height:57px!important}body[data-hcc-page=wheel] .hcc-convert-row:last-child{border-bottom:0!important}body[data-hcc-page=wheel] .hcc-convert-row div{font-size:14px!important;font-weight:720!important;grid-column:auto!important;line-height:1.2!important;min-width:0!important;overflow:visible!important;padding:0 24px!important;text-overflow:clip!important;white-space:nowrap!important}body[data-hcc-page=wheel] .hcc-convert-row.head div{font-size:13px!important;font-weight:820!important}body[data-hcc-page=wheel] .hcc-convert-row button{-webkit-appearance:none!important;appearance:none!important;background:0 0!important;border:0!important;color:#050505!important;cursor:pointer!important;font:inherit!important;font-size:14px!important;font-weight:720!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:left!important;white-space:nowrap!important}body[data-hcc-page=wheel] .hcc-contrast-grid{display:grid!important;gap:24px!important;grid-template-columns:1fr!important}body[data-hcc-page=wheel] .hcc-contrast-title{align-items:center!important;display:flex!important;gap:12px!important;justify-content:space-between!important;margin:0 0 16px!important}body[data-hcc-page=wheel] .hcc-contrast-title h3{font-size:18px!important;font-weight:850!important;line-height:1.2!important;margin:0!important;padding:0!important}body[data-hcc-page=wheel] .hcc-ratio-pill{border-radius:8px!important;display:block!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important;padding:6px 9px!important;white-space:nowrap!important}body[data-hcc-page=wheel] .hcc-ratio-pill.bad{background:#ffe1e5!important;color:#e11d48!important}body[data-hcc-page=wheel] .hcc-ratio-pill.good{background:#dcfce7!important;color:#00a84f!important}body[data-hcc-page=wheel] .hcc-contrast-card{background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;overflow:hidden!important}body[data-hcc-page=wheel] .hcc-contrast-hero{display:grid!important;font-weight:850!important;height:192px!important;place-items:center!important;text-align:center!important}body[data-hcc-page=wheel] .hcc-contrast-hero.black{background:#000!important}body[data-hcc-page=wheel] .hcc-contrast-hero>div{max-width:100%!important;width:auto!important}body[data-hcc-page=wheel] .hcc-contrast-hero b{display:block!important;font-size:40px!important;font-weight:900!important;line-height:1!important}body[data-hcc-page=wheel] .hcc-contrast-hero span{display:block!important;font-size:14px!important;font-weight:850!important;line-height:1.45!important;margin:4px 0 0!important}body[data-hcc-page=wheel] .hcc-contrast-table-row{align-items:center!important;border-top:1px solid #e6e6e6!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;min-height:53px!important}body[data-hcc-page=wheel] .hcc-contrast-table-row div{font-size:14px!important;font-weight:760!important;line-height:1.2!important;padding:0 16px!important}body[data-hcc-page=wheel] .hcc-fail,body[data-hcc-page=wheel] .hcc-pass{border-radius:50%!important;color:#fff!important;display:inline-grid!important;font-size:12px!important;font-weight:900!important;height:16px!important;line-height:1!important;place-items:center!important;width:16px!important}body[data-hcc-page=wheel] .hcc-pass{background:#00bf5b!important}body[data-hcc-page=wheel] .hcc-fail{background:#ff3040!important}@media (max-width:760px){body[data-hcc-page=wheel] .hcc-convert-row{min-width:620px!important}body[data-hcc-page=wheel] .hcc-contrast-title{margin-bottom:14px!important}body[data-hcc-page=wheel] .hcc-contrast-title h3{font-size:17px!important}body[data-hcc-page=wheel] .hcc-contrast-hero{height:166px!important}body[data-hcc-page=wheel] .hcc-contrast-hero b{font-size:36px!important}body[data-hcc-page=wheel] .hcc-contrast-table-row{grid-template-columns:1.4fr .8fr .8fr!important}body[data-hcc-page=wheel] .hcc-contrast-table-row div{font-size:13px!important;padding:0 12px!important}}#hccTopStrip.hcc-strip i,.hcc-summary #hccTopStrip.hcc-strip i{position:relative!important}#hccTopStrip.hcc-strip i.active:after,.hcc-summary #hccTopStrip.hcc-strip i.active:after{background:var(--strip-dot,#111)!important;border-radius:50%!important;box-shadow:0 0 0 1px #ffffffa6!important;content:""!important;display:block!important;height:5px!important;left:50%!important;opacity:1!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:5px!important}#hccTopStrip.hcc-strip.has-hover i.active.is-hovered:after,#hccTopStrip.hcc-strip.has-hover i.active:after,#hccTopStrip.hcc-strip.has-hover i.active:hover:after,.hcc-summary #hccTopStrip.hcc-strip.has-hover i.active.is-hovered:after,.hcc-summary #hccTopStrip.hcc-strip.has-hover i.active:after,.hcc-summary #hccTopStrip.hcc-strip.has-hover i.active:hover:after{content:""!important;display:none!important;opacity:0!important}.hcc-palette-panel.show{display:grid!important;gap:8px}.hcc-palette-row{align-items:center;background:#fff;border:0;border-radius:10px;color:#050505;cursor:pointer;display:grid;font-weight:780;gap:10px;grid-template-columns:70px minmax(0,1fr);height:40px;padding:0 8px;text-align:left}.hcc-palette-row.active,.hcc-palette-row:hover{background:#f5f5f5}.hcc-palette-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcc-mini-strip{border-radius:999px;display:grid;height:16px;overflow:hidden;position:relative}.hcc-mini-strip i{display:block!important;position:relative!important}.hcc-mini-dot{background:var(--dot-color,#fff);border-radius:50%;height:4px;left:var(--dot-left,8px);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;z-index:2}@media (max-width:760px){.hcc-summary .hcc-palette-panel.show{gap:4px!important;left:20px!important;max-height:min(386px,100vh - 176px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px!important;right:20px!important;top:48px!important;width:auto!important;z-index:140!important}.hcc-summary .hcc-palette-row{gap:6px!important;grid-template-columns:74px minmax(0,1fr)!important;height:32px!important;min-height:32px!important;padding:0 8px!important}.hcc-summary .hcc-palette-row>span{font-size:11.5px!important}.hcc-summary .hcc-palette-panel .hcc-mini-strip{height:14px!important}}body[data-hcc-page=wheel] #hccTopStrip.hcc-strip{border-radius:999px!important;clip-path:inset(0 round 999px)!important;isolation:isolate;overflow:hidden!important}body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i{align-items:center!important;display:flex!important;flex:1 1 0!important;justify-content:center!important;max-width:none!important;min-width:0!important;overflow:hidden!important;position:relative!important}body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active:after{background:var(--strip-dot,#111)!important;border-radius:50%!important;box-shadow:0 0 0 1px #ffffffa6!important;content:""!important;display:block!important;height:5px!important;left:50%!important;opacity:1!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:5px!important;z-index:4!important}body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active.is-hovered:after,html.hcc-mini-open body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active:after{box-shadow:none!important;content:""!important;display:none!important;height:0!important;opacity:0!important;width:0!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel{background:#fff;border:1px solid #e2e2e2;border-radius:14px;box-shadow:0 18px 45px #0000001f;display:none;padding:12px;pointer-events:auto!important;position:absolute;right:64px;top:56px;width:286px;z-index:240!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel.show{display:grid!important;gap:8px!important;opacity:1!important;visibility:visible!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row{align-items:center;background:#fff;border:0;border-radius:10px;color:#050505;cursor:pointer;display:grid;font:inherit;font-weight:780;gap:10px;grid-template-columns:70px minmax(0,1fr);height:40px;padding:0 8px;text-align:left;width:100%}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row.active,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row:hover{background:#f5f5f5}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-hcc-page=wheel] .hcc-summary .hcc-mini-strip{border-radius:999px;display:grid;height:16px;overflow:hidden;position:relative}body[data-hcc-page=wheel] .hcc-summary .hcc-mini-strip>i{display:block!important;min-width:0!important;position:relative!important}body[data-hcc-page=wheel] .hcc-summary .hcc-mini-dot{background:var(--dot-color,#fff);border-radius:50%;height:4px;left:var(--dot-left,8px);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;z-index:2}@media (max-width:760px){body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel.show{gap:4px!important;left:20px!important;max-height:min(386px,100vh - 176px)!important;overflow-y:auto!important;padding:8px!important;right:20px!important;top:48px!important;width:auto!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row{gap:6px!important;grid-template-columns:74px minmax(0,1fr)!important;height:32px!important;min-height:32px!important;padding:0 8px!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row>span{font-size:11.5px!important}body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel .hcc-mini-strip{height:14px!important}}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.active:after,body[data-hcc-page=image] #hccTopStrip.hcc-strip>i.active.is-hovered:after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.active:after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i.active.is-hovered:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active.is-hovered:after,html.hcc-mini-open body[data-hcc-page=image] #hccTopStrip.hcc-strip>i.active:after,html.hcc-mini-open body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i.active:after,html.hcc-mini-open body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active:after{box-shadow:none!important;content:""!important;display:none!important;height:0!important;opacity:0!important;width:0!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-panel,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel{z-index:240!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip>i.active:after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i.active:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active:after{background:var(--strip-dot,#111)!important;border-radius:50%!important;box-shadow:0 0 0 1px #ffffffa6!important;content:""!important;display:block!important;height:5px!important;left:50%!important;opacity:1!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:5px!important;z-index:4!important}body[data-hcc-page=image] .hcc-summary .hcc-mini-strip,body[data-hcc-page=picker] .hcc-summary .hcc-mini-strip,body[data-hcc-page=wheel] .hcc-summary .hcc-mini-strip{border-radius:999px!important;display:grid!important;height:16px!important;overflow:hidden!important;position:relative!important}body[data-hcc-page=image] .hcc-summary .hcc-mini-strip>i,body[data-hcc-page=picker] .hcc-summary .hcc-mini-strip>i,body[data-hcc-page=wheel] .hcc-summary .hcc-mini-strip>i{display:block!important;min-width:0!important;position:relative!important}body[data-hcc-page=image] .hcc-summary .hcc-mini-dot,body[data-hcc-page=picker] .hcc-summary .hcc-mini-dot,body[data-hcc-page=wheel] .hcc-summary .hcc-mini-dot{background:var(--dot-color,#fff)!important;border-radius:50%!important;height:4px!important;left:var(--dot-left,8px)!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:4px!important;z-index:2!important}@media (max-width:760px){body[data-hcc-page=image] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel.show{gap:4px!important;left:20px!important;max-height:min(386px,100vh - 176px)!important;overflow-y:auto!important;padding:8px!important;right:20px!important;top:48px!important;width:auto!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row{gap:6px!important;grid-template-columns:74px minmax(0,1fr)!important;height:32px!important;min-height:32px!important;padding:0 8px!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row>span{font-size:11.5px!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-panel .hcc-mini-strip,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel .hcc-mini-strip,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel .hcc-mini-strip{height:14px!important}}body[data-hcc-page=image] #hccTopStrip.hcc-strip,body[data-hcc-page=picker] #hccTopStrip.hcc-strip,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip{border-radius:999px!important;clip-path:inset(0 round 999px)!important;isolation:isolate!important;overflow:hidden!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip>i,body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i{align-items:center!important;box-shadow:none!important;color:#0000!important;display:flex!important;filter:none!important;flex:1 1 0!important;font-size:0!important;justify-content:center!important;line-height:1!important;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;position:relative!important;text-shadow:none!important;white-space:nowrap!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after,body[data-hcc-page=image] #hccTopStrip.hcc-strip>i.active:after,body[data-hcc-page=image] .hcc-summary #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i.active:after,body[data-hcc-page=picker] .hcc-summary #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active:after,body[data-hcc-page=wheel] .hcc-summary #hccTopStrip.hcc-strip.has-hover>i.active:not(.is-hovered):after{background:var(--strip-dot,#111)!important;border-radius:50%!important;box-shadow:0 0 0 1px #ffffffa6!important;content:""!important;display:block!important;height:5px!important;left:50%!important;opacity:1!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;visibility:visible!important;width:5px!important;z-index:4!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.active.is-hovered:after,body[data-hcc-page=image] #hccTopStrip.hcc-strip>i.active.is-hovered:after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.active.is-hovered:after,body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i.active.is-hovered:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active.is-hovered:after,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i.active.is-hovered:after,html.hcc-mini-open body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.active:after,html.hcc-mini-open body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.active:after,html.hcc-mini-open body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.active:after{box-shadow:none!important;content:""!important;display:none!important;height:0!important;opacity:0!important;visibility:hidden!important;width:0!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i:not(.is-hovered),body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i:not(.is-hovered),body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i:not(.is-hovered){color:#0000!important;flex-grow:var(--hcc-swatch-rest-grow,.9)!important;font-size:0!important;min-width:0!important;overflow:hidden!important;padding:0!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.is-after-hover,body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.is-before-hover,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.is-after-hover,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.is-before-hover,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.is-after-hover,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.is-before-hover{flex-grow:var(--hcc-swatch-near-grow,.94)!important}body[data-hcc-page=image] #hccTopStrip.hcc-strip.has-hover>i.is-hovered,body[data-hcc-page=picker] #hccTopStrip.hcc-strip.has-hover>i.is-hovered,body[data-hcc-page=wheel] #hccTopStrip.hcc-strip.has-hover>i.is-hovered{color:var(--strip-text,var(--swatch-text,#000))!important;flex:var(--hcc-swatch-hover-grow,1.16) 1 0!important;font-size:var(--hcc-swatch-label-font,10px)!important;font-weight:850!important;line-height:1!important;max-width:none!important;min-width:0!important;overflow:visible!important;padding:0 var(--hcc-swatch-label-pad,5px)!important;text-align:center!important;z-index:5!important}html.hcc-hover-boot body[data-hcc-page=image] #hccTopStrip.hcc-strip>i,html.hcc-hover-boot body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i,html.hcc-hover-boot body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i,html.hcc-mini-open body[data-hcc-page=image] #hccTopStrip.hcc-strip>i,html.hcc-mini-open body[data-hcc-page=picker] #hccTopStrip.hcc-strip>i,html.hcc-mini-open body[data-hcc-page=wheel] #hccTopStrip.hcc-strip>i{box-shadow:none!important;color:#0000!important;filter:none!important;font-size:0!important;overflow:hidden!important;padding:0!important;text-shadow:none!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-panel,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel{background:#fff!important;border:1px solid #e2e2e2!important;border-radius:14px!important;box-shadow:0 18px 45px #0000001f!important;display:none!important;padding:12px!important;pointer-events:auto!important;position:absolute!important;right:64px!important;top:56px!important;width:286px!important;z-index:260!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel.show{display:grid!important;gap:8px!important;opacity:1!important;visibility:visible!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row{align-items:center!important;background:#fff!important;border:0!important;border-radius:10px!important;color:#050505!important;cursor:pointer!important;display:grid!important;font:inherit!important;font-weight:780!important;gap:10px!important;grid-template-columns:70px minmax(0,1fr)!important;height:40px!important;min-height:40px!important;padding:0 8px!important;text-align:left!important;width:100%!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row.active,body[data-hcc-page=image] .hcc-summary .hcc-palette-row:hover,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row.active,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row:hover,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row.active,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row:hover{background:#f5f5f5!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (max-width:760px){body[data-hcc-page=image] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=picker] .hcc-summary .hcc-palette-panel.show,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-panel.show{gap:4px!important;left:20px!important;max-height:min(386px,100vh - 176px)!important;overflow-y:auto!important;padding:8px!important;right:20px!important;top:48px!important;width:auto!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row{gap:6px!important;grid-template-columns:74px minmax(0,1fr)!important;height:32px!important;min-height:32px!important;padding:0 8px!important}body[data-hcc-page=image] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=picker] .hcc-summary .hcc-palette-row>span,body[data-hcc-page=wheel] .hcc-summary .hcc-palette-row>span{font-size:11.5px!important}}html body[data-hcc-page] .hcc-footer-links{align-items:start!important}html body[data-hcc-page] #hccFooterAbout,html body[data-hcc-page] #hccFooterGuides,html body[data-hcc-page] #hccFooterPrivacy,html body[data-hcc-page] #hccFooterTerms,html body[data-hcc-page] .hcc-footer-link{align-items:center!important;bottom:auto!important;display:inline-flex!important;left:auto!important;min-width:0!important;right:auto!important;top:auto!important}html body[data-hcc-page] .hcc-footer-link:hover{background:transparent!important;text-decoration:underline!important}@media (max-width:760px){html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:214px!important}html body[data-hcc-page] .hcc-footer-inner{padding:0 22px!important}html body[data-hcc-page] .hcc-footer-links{gap:28px 32px!important;padding-top:44px!important}html body[data-hcc-page] #hccFooterAbout,html body[data-hcc-page] #hccFooterGuides,html body[data-hcc-page] #hccFooterPrivacy,html body[data-hcc-page] #hccFooterTerms,html body[data-hcc-page] .hcc-footer-link{font-size:14px!important}}@media (max-width:360px){html body[data-hcc-page] .hcc-footer-links{gap:18px!important;grid-template-areas:"guides" "about" "privacy" "terms"!important;grid-template-columns:1fr!important}}html body #hccMiniPicker:not(.show),html body .hcc-history-panel:not(.show),html body .hcc-mini-picker:not(.show),html body .hcc-palette-panel:not(.show){display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}html body #hccMiniPicker.show,html body .hcc-mini-picker.show{display:block!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}@media (min-width:981px){body[data-hcc-page=image] .hcc-work,body[data-hcc-page=picker] .hcc-work,body[data-hcc-page=wheel] .hcc-work{align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:16px!important;grid-auto-columns:auto!important;grid-template-columns:432px 304px!important;justify-content:center!important;margin:0 auto!important;max-width:850px!important;overflow:visible!important;padding:32px 0 36px!important;width:100%!important}body[data-hcc-page=image] .hcc-picker-card,body[data-hcc-page=picker] .hcc-picker-card,body[data-hcc-page=wheel] .hcc-picker-card{box-sizing:border-box!important;grid-column:1!important;max-width:432px!important;min-width:432px!important;width:432px!important}body[data-hcc-page=image] .hcc-preview-col,body[data-hcc-page=picker] .hcc-preview-col,body[data-hcc-page=wheel] .hcc-preview-col{box-sizing:border-box!important;grid-column:2!important;max-width:304px!important;min-width:304px!important;width:304px!important}}@media (max-width:760px){html body .hcc-app .hcc-shell .hcc-summary,html body[data-hcc-page] .hcc-app .hcc-shell .hcc-summary{align-items:center!important;column-gap:5px!important;gap:5px!important;grid-template-columns:38px minmax(0,1fr) 22px 28px 28px!important;height:auto!important;min-height:48px!important;overflow:visible!important;padding:8px 7px!important;row-gap:0!important}html body .hcc-app .hcc-summary .hcc-stat,html body[data-hcc-page] .hcc-app .hcc-summary .hcc-stat{display:none!important}html body .hcc-app .hcc-summary #hccMiniTrigger,html body[data-hcc-page] .hcc-app .hcc-summary #hccMiniTrigger{align-self:center!important;flex:0 0 38px!important;grid-column:1!important;grid-row:1!important;height:38px!important;justify-self:start!important;max-width:38px!important;min-height:38px!important;min-width:38px!important;padding:0!important;width:38px!important}html body .hcc-app .hcc-summary #hccMiniTrigger .hcc-dot,html body[data-hcc-page] .hcc-app .hcc-summary #hccMiniTrigger .hcc-dot{display:block!important;height:22px!important;min-width:22px!important;width:22px!important}html body .hcc-app .hcc-summary #hccMiniTrigger .hcc-eyedrop-icon,html body[data-hcc-page] .hcc-app .hcc-summary #hccMiniTrigger .hcc-eyedrop-icon{display:block!important;height:13px!important;width:13px!important}html body .hcc-app .hcc-summary #hccTopStrip,html body .hcc-app .hcc-summary .hcc-strip,html body[data-hcc-page] .hcc-app .hcc-summary #hccTopStrip,html body[data-hcc-page] .hcc-app .hcc-summary .hcc-strip{grid-column:2!important;grid-row:1!important;place-self:center stretch!important;align-self:center!important;display:flex!important;height:24px!important;justify-self:stretch!important;max-width:100%!important;min-height:24px!important;min-width:0!important;overflow:hidden!important;width:100%!important}html body .hcc-app .hcc-summary #hccStripToggle,html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle{grid-column:3!important;grid-row:1!important;height:32px!important;justify-self:center!important;max-width:22px!important;min-width:22px!important;width:22px!important}html body .hcc-app .hcc-summary #hccShare,html body[data-hcc-page] .hcc-app .hcc-summary #hccShare{grid-column:4!important;grid-row:1!important;height:32px!important;justify-self:center!important;max-width:28px!important;min-width:28px!important;width:28px!important}html body .hcc-app .hcc-summary #hccHistoryToggle,html body[data-hcc-page] .hcc-app .hcc-summary #hccHistoryToggle{grid-column:5!important;grid-row:1!important;height:32px!important;justify-self:center!important;max-width:28px!important;min-width:28px!important;width:28px!important}}@media (max-width:360px){html body .hcc-app .hcc-shell .hcc-summary,html body[data-hcc-page] .hcc-app .hcc-shell .hcc-summary{column-gap:4px!important;gap:4px!important;grid-template-columns:36px minmax(0,1fr) 20px 26px 26px!important;padding-left:6px!important;padding-right:6px!important}html body .hcc-app .hcc-summary #hccMiniTrigger,html body[data-hcc-page] .hcc-app .hcc-summary #hccMiniTrigger{flex-basis:36px!important;max-width:36px!important;min-width:36px!important;width:36px!important}html body .hcc-app .hcc-summary #hccStripToggle,html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle{max-width:20px!important;min-width:20px!important;width:20px!important}html body .hcc-app .hcc-summary #hccHistoryToggle,html body .hcc-app .hcc-summary #hccShare,html body[data-hcc-page] .hcc-app .hcc-summary #hccHistoryToggle,html body[data-hcc-page] .hcc-app .hcc-summary #hccShare{max-width:26px!important;min-width:26px!important;width:26px!important}}body[data-hcc-page=image] .hcc-copy,body[data-hcc-page=picker] .hcc-copy,body[data-hcc-page=wheel] .hcc-copy{background:#fff!important;border:0!important;color:#555!important;cursor:pointer!important;display:grid!important;font-size:0!important;height:32px!important;place-items:center!important;position:relative!important;width:32px!important}body[data-hcc-page=image] .hcc-copy:after,body[data-hcc-page=image] .hcc-copy:before,body[data-hcc-page=picker] .hcc-copy:after,body[data-hcc-page=picker] .hcc-copy:before,body[data-hcc-page=wheel] .hcc-copy:after,body[data-hcc-page=wheel] .hcc-copy:before{border:1.4px solid!important;border-radius:1px!important;box-sizing:border-box!important;content:""!important;display:block!important;height:8px!important;position:absolute!important;width:8px!important}body[data-hcc-page=image] .hcc-copy:before,body[data-hcc-page=picker] .hcc-copy:before,body[data-hcc-page=wheel] .hcc-copy:before{left:14px!important;top:9px!important}body[data-hcc-page=image] .hcc-copy:after,body[data-hcc-page=picker] .hcc-copy:after,body[data-hcc-page=wheel] .hcc-copy:after{background:#fff!important;left:10px!important;top:13px!important}@media (min-width:981px){body[data-hcc-page=image] .hcc-work,body[data-hcc-page=picker] .hcc-work,body[data-hcc-page=wheel] .hcc-work{align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:16px!important;grid-auto-columns:auto!important;grid-template-columns:432px 304px!important;justify-content:start!important;margin:0 auto!important;max-width:calc(100% - 86px)!important;overflow:visible!important;padding:32px 0 36px!important;width:752px!important}body[data-hcc-page=image] .hcc-sections,body[data-hcc-page=picker] .hcc-sections,body[data-hcc-page=wheel] .hcc-sections{box-sizing:border-box!important;display:block!important;margin:34px auto 0!important;max-width:calc(100% - 86px)!important;opacity:1!important;padding:0 0 50px!important;visibility:visible!important;width:752px!important}body[data-hcc-page=image] .hcc-picker-card,body[data-hcc-page=picker] .hcc-picker-card,body[data-hcc-page=wheel] .hcc-picker-card{box-sizing:border-box!important;grid-column:1!important;max-width:432px!important;min-width:432px!important;width:432px!important}body[data-hcc-page=image] .hcc-preview-col,body[data-hcc-page=picker] .hcc-preview-col,body[data-hcc-page=wheel] .hcc-preview-col{box-sizing:border-box!important;grid-column:2!important;max-width:304px!important;min-width:304px!important;width:304px!important}}@media (max-width:760px){body[data-hcc-page=image] .hcc-work,body[data-hcc-page=picker] .hcc-work,body[data-hcc-page=wheel] .hcc-work{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:28px 20px 32px!important;width:100%!important}body[data-hcc-page=image] .hcc-sections,body[data-hcc-page=picker] .hcc-sections,body[data-hcc-page=wheel] .hcc-sections{box-sizing:border-box!important;display:block!important;margin:24px 20px 0!important;max-width:none!important;opacity:1!important;padding:0 0 42px!important;visibility:visible!important;width:auto!important}body[data-hcc-page=image] .hcc-copy,body[data-hcc-page=picker] .hcc-copy,body[data-hcc-page=wheel] .hcc-copy{height:30px!important;width:30px!important}}body[data-hcc-page=image] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=image] .hcc-summary .hcc-history-panel.show,body[data-hcc-page=picker] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=picker] .hcc-summary .hcc-history-panel.show,body[data-hcc-page=wheel] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=wheel] .hcc-summary .hcc-history-panel.show{align-content:start!important;background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;box-shadow:0 18px 44px rgba(0,0,0,.16)!important;display:grid!important;gap:10px!important;left:auto!important;max-height:min(420px,calc(100vh - 140px))!important;opacity:1!important;overflow:auto!important;overscroll-behavior:contain!important;padding:12px!important;pointer-events:auto!important;position:absolute!important;right:16px!important;top:50px!important;visibility:visible!important;width:min(360px,calc(100vw - 32px))!important;z-index:170!important}body[data-hcc-page=image] .hcc-history-head,body[data-hcc-page=picker] .hcc-history-head,body[data-hcc-page=wheel] .hcc-history-head{align-items:center!important;color:#050505!important;display:flex!important;font-size:14px!important;font-weight:850!important;gap:12px!important;justify-content:space-between!important;line-height:1.2!important;min-height:28px!important}body[data-hcc-page=image] .hcc-history-clear,body[data-hcc-page=picker] .hcc-history-clear,body[data-hcc-page=wheel] .hcc-history-clear{appearance:none!important;background:#f4f4f4!important;border:0!important;border-radius:7px!important;color:#525866!important;cursor:pointer!important;font-size:12px!important;font-weight:800!important;height:28px!important;line-height:1!important;padding:0 10px!important}body[data-hcc-page=image] .hcc-history-empty,body[data-hcc-page=picker] .hcc-history-empty,body[data-hcc-page=wheel] .hcc-history-empty{background:#f8f8f8!important;border:1px solid #eee!important;border-radius:9px!important;color:#525866!important;font-size:13px!important;font-weight:720!important;line-height:1.3!important;padding:14px!important}body[data-hcc-page=image] .hcc-history-grid,body[data-hcc-page=picker] .hcc-history-grid,body[data-hcc-page=wheel] .hcc-history-grid{align-items:stretch!important;display:flex!important;gap:6px!important;min-height:48px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 2px!important;scrollbar-width:thin!important}body[data-hcc-page=image] .hcc-history-item,body[data-hcc-page=picker] .hcc-history-item,body[data-hcc-page=wheel] .hcc-history-item{appearance:none!important;background:var(--history-color,#6df3ea)!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:8px!important;color:var(--history-text,#050505)!important;cursor:pointer!important;display:grid!important;height:46px!important;min-width:52px!important;overflow:hidden!important;padding:0 5px!important;place-items:center!important;width:52px!important}body[data-hcc-page=image] .hcc-history-item.active,body[data-hcc-page=picker] .hcc-history-item.active,body[data-hcc-page=wheel] .hcc-history-item.active{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.72),0 0 0 1px rgba(0,0,0,.18)!important}body[data-hcc-page=image] .hcc-history-text,body[data-hcc-page=picker] .hcc-history-text,body[data-hcc-page=wheel] .hcc-history-text{font-size:10px!important;font-weight:850!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important}@media (max-width:760px){body[data-hcc-page=image] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=image] .hcc-summary .hcc-history-panel.show,body[data-hcc-page=picker] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=picker] .hcc-summary .hcc-history-panel.show,body[data-hcc-page=wheel] .hcc-summary #hccHistoryPanel.show,body[data-hcc-page=wheel] .hcc-summary .hcc-history-panel.show{left:20px!important;max-height:min(386px,100vh - 176px)!important;padding:10px!important;right:20px!important;top:48px!important;width:auto!important;z-index:180!important}body[data-hcc-page=image] .hcc-history-item,body[data-hcc-page=picker] .hcc-history-item,body[data-hcc-page=wheel] .hcc-history-item{height:44px!important;min-width:50px!important;width:50px!important}}@media (min-width:761px){html body[data-hcc-page=image] .hcc-shell .hcc-sections,html body[data-hcc-page=image] .hcc-shell .hcc-work,html body[data-hcc-page=picker] .hcc-shell .hcc-sections,html body[data-hcc-page=picker] .hcc-shell .hcc-work,html body[data-hcc-page=wheel] .hcc-shell .hcc-sections,html body[data-hcc-page=wheel] .hcc-shell .hcc-work{box-sizing:border-box!important;margin-left:46px!important;margin-right:auto!important;max-width:calc(100% - 92px)!important;width:752px!important}}@media (max-width:760px){html body[data-hcc-page] .hcc-app .hcc-shell .hcc-summary{column-gap:6px!important;gap:6px!important;grid-template-columns:38px minmax(0,1fr) 28px 28px 28px!important;padding-left:7px!important;padding-right:7px!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle{color:#111!important;display:grid!important;font-size:0!important;height:32px!important;line-height:0!important;max-width:28px!important;min-width:28px!important;overflow:visible!important;place-items:center!important;position:relative!important;text-indent:-999px!important;width:28px!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:after,html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:before{border-bottom:1.4px solid!important;border-right:1.4px solid!important;content:""!important;display:block!important;height:5px!important;left:50%!important;position:absolute!important;width:5px!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:before{top:8px!important;transform:translateX(-50%) rotate(-135deg)!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:after{bottom:8px!important;transform:translateX(-50%) rotate(45deg)!important}}@media (max-width:360px){html body[data-hcc-page] .hcc-app .hcc-shell .hcc-summary{column-gap:5px!important;gap:5px!important;grid-template-columns:36px minmax(0,1fr) 24px 26px 26px!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle{max-width:24px!important;min-width:24px!important;width:24px!important}html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:after,html body[data-hcc-page] .hcc-app .hcc-summary #hccStripToggle:before{height:4px!important;width:4px!important}}html body[data-hcc-page=image] .hcc-summary .hcc-history-grid,html body[data-hcc-page=picker] .hcc-summary .hcc-history-grid,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-grid{-ms-overflow-style:none!important;align-items:stretch!important;background:#f1f1f1!important;border-radius:999px!important;display:flex!important;gap:0!important;height:34px!important;min-height:34px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scrollbar-width:none!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-grid::-webkit-scrollbar,html body[data-hcc-page=picker] .hcc-summary .hcc-history-grid::-webkit-scrollbar,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-grid::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item{align-items:center!important;appearance:none!important;background:var(--history-color,#6df3ea)!important;border:0!important;border-radius:0!important;box-shadow:inset -1px 0 hsla(0,0%,100%,.18)!important;color:var(--history-text,#050505)!important;cursor:pointer!important;display:inline-flex!important;flex:0 0 var(--history-width,28px)!important;height:34px!important;justify-content:center!important;max-width:none!important;min-height:34px!important;min-width:var(--history-width,28px)!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:flex-basis .18s cubic-bezier(.2,.78,.2,1),width .18s cubic-bezier(.2,.78,.2,1),box-shadow .16s!important;width:var(--history-width,28px)!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item:first-child,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item:first-child,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item:first-child{border-bottom-left-radius:999px!important;border-top-left-radius:999px!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item:last-child,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item:last-child,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item:last-child{border-bottom-right-radius:999px!important;border-top-right-radius:999px!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-grid.has-hover .hcc-history-item,html body[data-hcc-page=picker] .hcc-summary .hcc-history-grid.has-hover .hcc-history-item,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-grid.has-hover .hcc-history-item{flex-basis:calc(var(--history-width, 28px)*0.82)!important;min-width:calc(var(--history-width, 28px)*.82)!important;width:calc(var(--history-width, 28px)*.82)!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item.active,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item.active,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item.active{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset 0 0 0 3px hsla(0,0%,100%,.68)!important;flex-basis:32px!important;min-width:32px!important;width:32px!important;z-index:2!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item.is-hovered,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item.is-hovered,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item.is-hovered{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset 0 0 0 2px hsla(0,0%,100%,.42)!important;flex-basis:62px!important;min-width:62px!important;width:62px!important;z-index:4!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item.active.is-hovered,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item.active.is-hovered,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item.active.is-hovered{flex-basis:62px!important;min-width:62px!important;width:62px!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-text,html body[data-hcc-page=picker] .hcc-summary .hcc-history-text,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-text{color:inherit!important;font-size:0!important;font-weight:850!important;letter-spacing:0!important;line-height:1!important;opacity:0!important;transform:scale(.92)!important;transition:opacity .12s linear,transform .12s linear,font-size .12s linear!important;white-space:nowrap!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item.is-hovered .hcc-history-text,html body[data-hcc-page=image] .hcc-summary .hcc-history-item:only-child .hcc-history-text,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item.is-hovered .hcc-history-text,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item:only-child .hcc-history-text,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item.is-hovered .hcc-history-text,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item:only-child .hcc-history-text{font-size:10px!important;opacity:1!important;transform:scale(1)!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item:only-child,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item:only-child,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item:only-child{border-radius:999px!important;flex-basis:68px!important;min-width:68px!important;width:68px!important}@media (max-width:760px){html body[data-hcc-page=image] .hcc-summary .hcc-history-grid,html body[data-hcc-page=image] .hcc-summary .hcc-history-item,html body[data-hcc-page=picker] .hcc-summary .hcc-history-grid,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-grid,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item{height:32px!important;min-height:32px!important}html body[data-hcc-page=image] .hcc-summary .hcc-history-item.is-hovered,html body[data-hcc-page=image] .hcc-summary .hcc-history-item:only-child,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item.is-hovered,html body[data-hcc-page=picker] .hcc-summary .hcc-history-item:only-child,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item.is-hovered,html body[data-hcc-page=wheel] .hcc-summary .hcc-history-item:only-child{flex-basis:68px!important;min-width:68px!important;width:68px!important}}html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker{z-index:260!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker:not(.show){display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-sv{background:linear-gradient(0deg,#000,#0000),linear-gradient(90deg,#fff,hsla(var(--hue,176),100%,50%,0)),hsl(var(--hue,176),100%,50%)!important;border:0!important;border-radius:7px!important;box-sizing:border-box!important;cursor:crosshair!important;display:block!important;height:166px!important;min-height:166px!important;overflow:hidden!important;position:relative!important;touch-action:none!important;width:100%!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;border-radius:999px!important;box-sizing:border-box!important;cursor:pointer!important;display:block!important;height:11px!important;margin-top:18px!important;min-height:11px!important;overflow:visible!important;position:relative!important;touch-action:none!important;width:100%!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-input{align-items:center!important;background:#fff!important;border:1px solid #dedede!important;border-radius:10px!important;box-sizing:border-box!important;display:grid!important;gap:5px!important;grid-template-columns:30px auto minmax(0,1fr)!important;height:40px!important;margin-top:18px!important;min-height:40px!important;padding:0 10px!important;width:100%!important}html body[data-hcc-page] .hcc-summary .hcc-strip{border-radius:999px!important;box-sizing:border-box!important;clip-path:inset(0 round 999px)!important;display:flex!important;justify-self:stretch!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;width:100%!important}html body[data-hcc-page] .hcc-bar i,html body[data-hcc-page] .hcc-long-bar i,html body[data-hcc-page] .hcc-summary .hcc-strip i{border:0!important;box-shadow:none!important;flex:1 1 0!important;letter-spacing:0!important;max-width:none!important;min-width:0!important;outline:0!important;overflow:hidden!important;text-shadow:none!important;white-space:nowrap!important}html body[data-hcc-page] .hcc-bar.has-hover i.is-hovered,html body[data-hcc-page] .hcc-long-bar.has-hover i.is-hovered,html body[data-hcc-page] .hcc-summary .hcc-strip.has-hover i.is-hovered{color:var(--strip-text,var(--swatch-text,#000))!important;flex:var(--hcc-swatch-hover-grow,1.16) 1 0!important;font-size:var(--hcc-swatch-label-font,10px)!important;overflow:visible!important;padding:0 var(--hcc-swatch-label-pad,5px)!important;z-index:5!important}html body[data-hcc-page] .hcc-summary .hcc-strip.has-hover i.active:after{display:none!important;opacity:0!important}html body[data-hcc-page] .hcc-summary .hcc-history-panel{z-index:250!important}html body[data-hcc-page] .hcc-summary .hcc-history-item:first-child{border-bottom-left-radius:999px!important;border-top-left-radius:999px!important}html body[data-hcc-page] .hcc-summary .hcc-history-item:last-child{border-bottom-right-radius:999px!important;border-top-right-radius:999px!important}html body[data-hcc-page] .hcc-after-shell{left:auto!important;right:auto!important;transform:none!important}html body[data-hcc-page] .hcc-trail{color:#050505!important;height:96px!important}html body[data-hcc-page] .hcc-footer-inner{position:relative!important}html body[data-hcc-page] .hcc-footer-links{inset:auto!important}html body[data-hcc-page] #hccFooterAbout,html body[data-hcc-page] #hccFooterGuides,html body[data-hcc-page] #hccFooterPrivacy,html body[data-hcc-page] #hccFooterTerms,html body[data-hcc-page] .hcc-footer-link{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#050505!important;font-size:15px!important;font-weight:760!important;height:auto!important;inset:auto!important;justify-content:flex-start!important;line-height:1.25!important;margin:0!important;max-width:100%!important;overflow-wrap:anywhere!important;padding:0!important;position:static!important;text-align:left!important;text-decoration:none!important;transform:none!important;white-space:normal!important;width:auto!important}@media (max-width:760px){html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker{left:12px!important;max-width:304px!important;padding:12px!important;right:auto!important;top:50px!important;width:min(304px,calc(100vw - 24px))!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-sv{height:138px!important;min-height:138px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-hue{height:10px!important;margin-top:14px!important;min-height:10px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-input{grid-template-columns:26px auto minmax(0,1fr)!important;height:36px!important;margin-top:14px!important;min-height:36px!important;padding:0 9px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-input .hcc-dot{height:20px!important;min-width:20px!important;width:20px!important}html body[data-hcc-page] .hcc-summary #hccMiniHexInput{font-size:13px!important;height:28px!important}html body[data-hcc-page] .hcc-summary .hcc-strip{height:28px!important;min-height:28px!important}html body[data-hcc-page] .hcc-after-shell{margin-top:18px!important}html body[data-hcc-page] .hcc-trail{height:76px!important;padding:0 20px!important}html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:214px!important}html body[data-hcc-page] .hcc-footer-inner{padding:0 22px!important}html body[data-hcc-page] .hcc-footer-links{gap:28px 32px!important;padding-top:44px!important}}html body[data-hcc-page] .hcc-summary{overflow:visible!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker{background:#fff!important;border:1px solid #dedede!important;border-radius:14px!important;box-shadow:0 14px 36px #00000024!important;box-sizing:border-box!important;display:none!important;height:auto!important;left:22px!important;max-width:calc(100vw - 24px)!important;min-height:0!important;opacity:0!important;overflow:visible!important;padding:16px!important;pointer-events:none!important;position:absolute!important;right:auto!important;top:72px!important;visibility:hidden!important;width:304px!important;z-index:360!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker.show{display:block!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-sv{background:linear-gradient(0deg,#000,#0000),linear-gradient(90deg,#fff,hsla(var(--hue,176),100%,50%,0)),hsl(var(--hue,176),100%,50%)!important;border:0!important;border-radius:7px!important;cursor:crosshair!important;height:166px!important;margin:0!important;min-height:166px!important;overflow:hidden!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-hue,html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-sv{box-sizing:border-box!important;display:block!important;padding:0!important;position:relative!important;touch-action:none!important;width:100%!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;border:0!important;border-radius:999px!important;cursor:pointer!important;height:11px!important;margin:18px 0 0!important;min-height:11px!important;overflow:visible!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-target{border:5px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #00000059,0 1px 3px #0000002e!important;box-sizing:border-box!important;display:block!important;height:20px!important;position:absolute!important;transform:translate(-50%,-50%)!important;width:20px!important;z-index:2!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-hue-knob{border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #00000040!important;box-sizing:border-box!important;display:block!important;height:18px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:18px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-input{align-items:center!important;background:#fff!important;border:1px solid #dedede!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important;display:grid!important;gap:5px!important;grid-template-columns:30px auto minmax(0,1fr)!important;height:40px!important;margin:18px 0 0!important;min-height:40px!important;padding:0 10px!important;width:100%!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-input .hcc-dot{border-radius:50%!important;display:block!important;height:24px!important;min-width:24px!important;width:24px!important}html body[data-hcc-page] .hcc-summary #hccMiniHexInput{appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;color:#050505!important;font-size:14px!important;font-weight:780!important;height:30px!important;margin:0!important;min-width:0!important;outline:0!important;padding:0!important;text-transform:uppercase!important;width:100%!important}html body[data-hcc-page] .hcc-summary .hcc-history-panel{background:#fff!important;border:1px solid #e2e2e2!important;border-radius:14px!important;box-shadow:0 18px 45px #0000001f!important;box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important;padding:10px 12px 12px!important;width:352px!important;z-index:350!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid{background:#f1f1f1!important;border:0!important;border-radius:999px!important;box-shadow:none!important;height:32px!important;min-height:32px!important;overflow:auto hidden!important;padding:0!important}html body[data-hcc-page] .hcc-summary .hcc-history-item,html body[data-hcc-page] .hcc-summary .hcc-history-item.active,html body[data-hcc-page] .hcc-summary .hcc-history-item.active.is-hovered,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered{background:var(--history-color,#ccc)!important;border:0!important;box-shadow:none!important;box-sizing:border-box!important;color:var(--history-text,#fff)!important;outline:0!important;text-shadow:none!important}html body[data-hcc-page] .hcc-summary .hcc-history-item.active:after,html body[data-hcc-page] .hcc-summary .hcc-history-item.active:before{content:none!important;display:none!important}html body[data-hcc-page] .hcc-after-shell{background:#fff!important;box-sizing:border-box!important;margin:24px 0 0!important;max-width:none!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}html body[data-hcc-page] .hcc-trail{align-items:center!important;background:#fff!important;border:0!important;box-sizing:border-box!important;display:flex!important;margin:0 auto!important;max-width:1216px!important;min-height:96px!important;padding:0 34px!important}html body[data-hcc-page] .hcc-site-footer{background:#f5f5f5!important;border-top:1px solid #ececec!important;box-sizing:border-box!important;display:block!important;margin:0!important;min-height:224px!important;padding:0!important;width:100%!important}html body[data-hcc-page] .hcc-footer-inner{box-sizing:border-box!important;margin:0 auto!important;max-width:1090px!important;min-height:224px!important;padding:0 34px!important;width:100%!important}html body[data-hcc-page] .hcc-footer-links{align-content:start!important;box-sizing:border-box!important;display:grid!important;gap:30px 96px!important;grid-template-areas:"guides terms" "about privacy"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:224px!important;padding:48px 0 0!important;position:static!important;width:100%!important}html body[data-hcc-page] #hccFooterGuides{grid-area:guides!important}html body[data-hcc-page] #hccFooterTerms{grid-area:terms!important}html body[data-hcc-page] #hccFooterAbout{grid-area:about!important}html body[data-hcc-page] #hccFooterPrivacy{grid-area:privacy!important}html body[data-hcc-page] .hcc-footer-link{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#050505!important;display:inline-flex!important;font-size:15px!important;font-weight:760!important;height:auto!important;line-height:1.25!important;margin:0!important;padding:0!important;position:static!important;text-align:left!important;text-decoration:none!important;width:auto!important}@media (max-width:760px){html body[data-hcc-page] .hcc-summary #hccMiniPicker.hcc-mini-picker{left:12px!important;max-width:304px!important;padding:12px!important;top:50px!important;width:min(304px,calc(100vw - 24px))!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-sv{height:138px!important;min-height:138px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-hue{height:10px!important;margin-top:14px!important;min-height:10px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker>.hcc-mini-input{grid-template-columns:26px auto minmax(0,1fr)!important;height:36px!important;margin-top:14px!important;min-height:36px!important;padding:0 9px!important}html body[data-hcc-page] .hcc-summary #hccMiniPicker .hcc-mini-input .hcc-dot{height:20px!important;min-width:20px!important;width:20px!important}html body[data-hcc-page] .hcc-summary #hccMiniHexInput{font-size:13px!important;height:28px!important}html body[data-hcc-page] .hcc-trail{min-height:76px!important;padding:0 20px!important}html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:214px!important}html body[data-hcc-page] .hcc-footer-inner{padding:0 22px!important}html body[data-hcc-page] .hcc-footer-links{gap:28px 32px!important;padding-top:44px!important}}html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:not(:hover):not(.is-hovered){flex-basis:calc(var(--history-width,18px)*0.78)!important;min-width:0!important;width:calc(var(--history-width,18px)*.78)!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:hover,html body[data-hcc-page] .hcc-summary .hcc-history-item.active.is-hovered,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered{background:var(--history-color,#ccc)!important;border:0!important;box-shadow:none!important;color:var(--history-text,#fff)!important;flex:0 0 52px!important;flex-basis:52px!important;max-width:52px!important;min-width:52px!important;outline:0!important;overflow:visible!important;width:52px!important;z-index:5!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:hover .hcc-history-text,html body[data-hcc-page] .hcc-summary .hcc-history-item.active.is-hovered .hcc-history-text,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered .hcc-history-text{color:var(--history-text,#fff)!important;display:block!important;font-size:10px!important;line-height:1!important;opacity:1!important;text-shadow:none!important;transform:scale(1)!important}html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered:after,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered:before,html body[data-hcc-page] .hcc-summary .hcc-history-item:hover:after,html body[data-hcc-page] .hcc-summary .hcc-history-item:hover:before{content:none!important;display:none!important}html body[data-hcc-page] .hcc-summary #hccStripToggle,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle{color:#111!important;display:inline-grid!important;font-size:0!important;line-height:0!important;opacity:1!important;overflow:visible!important;place-items:center!important;pointer-events:auto!important;position:relative!important;text-indent:-999px!important;visibility:visible!important}html body[data-hcc-page] .hcc-summary #hccStripToggle:after,html body[data-hcc-page] .hcc-summary #hccStripToggle:before,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:after,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:before{background:transparent!important;border-bottom:1.4px solid!important;border-right:1.4px solid!important;content:""!important;display:block!important;height:5px!important;left:50%!important;position:absolute!important;width:5px!important}html body[data-hcc-page] .hcc-summary #hccStripToggle:before,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:before{top:8px!important;transform:translateX(-50%) rotate(-135deg)!important}html body[data-hcc-page] .hcc-summary #hccStripToggle:after,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:after{bottom:8px!important;transform:translateX(-50%) rotate(45deg)!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid{align-items:stretch!important;display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid .hcc-history-item.active:not(.is-hovered):not(:hover),html body[data-hcc-page] .hcc-summary .hcc-history-grid .hcc-history-item:not(.is-hovered):not(:hover),html body[data-hcc-page] .hcc-summary .hcc-history-grid.has-hover .hcc-history-item:has(+.hcc-history-item.is-hovered),html body[data-hcc-page] .hcc-summary .hcc-history-grid.has-hover .hcc-history-item:not(.is-hovered):not(:hover),html body[data-hcc-page] .hcc-summary .hcc-history-grid:has(.hcc-history-item.active) .hcc-history-item:has(+.hcc-history-item.active),html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:not(:hover):not(.is-hovered),html body[data-hcc-page] .hcc-summary .hcc-history-item.active+.hcc-history-item,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered+.hcc-history-item{border:0!important;box-shadow:none!important;filter:none!important;flex:0 0 var(--history-width,28px)!important;flex-basis:var(--history-width,28px)!important;max-width:var(--history-width,28px)!important;min-width:var(--history-width,28px)!important;outline:0!important;width:var(--history-width,28px)!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid .hcc-history-item.active.is-hovered,html body[data-hcc-page] .hcc-summary .hcc-history-grid .hcc-history-item.is-hovered,html body[data-hcc-page] .hcc-summary .hcc-history-grid .hcc-history-item:hover,html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:hover{background:var(--history-color,#ccc)!important;border:0!important;box-shadow:none!important;color:var(--history-text,#fff)!important;filter:none!important;flex:0 0 52px!important;flex-basis:52px!important;max-width:52px!important;min-width:52px!important;outline:0!important;overflow:visible!important;width:52px!important;z-index:5!important}html body[data-hcc-page] .hcc-summary .hcc-history-item.active:after,html body[data-hcc-page] .hcc-summary .hcc-history-item.active:before,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered:after,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered:before,html body[data-hcc-page] .hcc-summary .hcc-history-item:hover:after,html body[data-hcc-page] .hcc-summary .hcc-history-item:hover:before{content:none!important;display:none!important}html body[data-hcc-page] .hcc-summary .hcc-history-item .hcc-history-text{color:var(--history-text,#fff)!important;font-size:0!important;letter-spacing:0!important;line-height:1!important;opacity:0!important;text-shadow:none!important;transform:scale(.92)!important;white-space:nowrap!important}html body[data-hcc-page] .hcc-summary .hcc-history-grid:hover .hcc-history-item:hover .hcc-history-text,html body[data-hcc-page] .hcc-summary .hcc-history-item.active.is-hovered .hcc-history-text,html body[data-hcc-page] .hcc-summary .hcc-history-item.is-hovered .hcc-history-text,html body[data-hcc-page] .hcc-summary .hcc-history-item:only-child .hcc-history-text{display:block!important;font-size:10px!important;opacity:1!important;transform:scale(1)!important}html body[data-hcc-page] .hcc-summary .hcc-history-item:only-child{flex:0 0 68px!important;flex-basis:68px!important;max-width:68px!important;min-width:68px!important;width:68px!important}@media (max-width:760px){html body[data-hcc-page] .hcc-summary #hccStripToggle,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle{display:inline-grid!important;height:32px!important;min-width:26px!important;width:26px!important}html body[data-hcc-page] .hcc-summary #hccStripToggle:after,html body[data-hcc-page] .hcc-summary #hccStripToggle:before,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:after,html body[data-hcc-page] .hcc-summary .hcc-strip-toggle:before{height:4px!important;width:4px!important}}
/* rootcause15-hover-label-restore */html body[data-hcc-page] #hccHarmonyPanel .hcc-bar.has-hover i.is-hovered,html body[data-hcc-page] #hccHarmonyPanel .hcc-bar i.is-hovered,html body[data-hcc-page] #hccVariationsPanel .hcc-long-bar.has-hover i.is-hovered,html body[data-hcc-page] #hccVariationsPanel .hcc-long-bar i.is-hovered{color:var(--strip-text,var(--swatch-text,#000))!important;font-size:var(--hcc-swatch-label-font,10px)!important;font-weight:850!important;line-height:1!important;overflow:visible!important;padding:0 var(--hcc-swatch-label-pad,5px)!important;text-align:center!important;text-shadow:none!important;z-index:5!important}html body[data-hcc-page] #hccHarmonyPanel .hcc-bar.has-hover .hcc-bar-dot,html body[data-hcc-page] #hccVariationsPanel .hcc-long-bar.has-hover .hcc-bar-dot{opacity:0!important}

/* rootcause44-picker-panel-baseline */@media (min-width:761px){html body[data-hcc-page] .hcc-work>.hcc-picker-card,html body[data-hcc-page] .hcc-work>.hcc-preview-col{align-self:start!important;height:480px!important;min-height:480px!important}html body[data-hcc-page] .hcc-work>.hcc-preview-col{align-content:start!important;gap:18px!important;grid-template-rows:40px 422px!important}html body[data-hcc-page] .hcc-work>.hcc-preview-col>.hcc-select-wrap{height:40px!important;min-height:40px!important}html body[data-hcc-page] .hcc-work>.hcc-preview-col>.hcc-preview{height:422px!important;min-height:422px!important}}

/* rootcause44-lang-redline */@media (min-width:761px){html body .hcc-lang-switch{width:112px!important}html body .hcc-lang-button{padding-left:12px!important;padding-right:28px!important}html body .hcc-lang-button:after{right:12px!important}html body .hcc-lang-menu{width:112px!important}html body .hcc-lang-menu button{height:34px!important;padding-left:10px!important;padding-right:10px!important}}

/* rootcause44-preview-swatch-first-paint */body[data-hcc-page=wheel] #hccPreview.hcc-preview{display:grid!important;grid-template-rows:repeat(1,1fr)!important;place-items:stretch!important}body[data-hcc-page=wheel] #hccPreview .hcc-preview-swatch{align-items:center!important;color:var(--swatch-text,#000)!important;cursor:pointer!important;display:grid!important;font-size:20px!important;font-variant-numeric:tabular-nums!important;font-weight:850!important;justify-content:center!important;letter-spacing:0!important;line-height:1!important;min-height:70px!important;overflow:hidden!important;place-items:center!important;text-align:center!important;text-shadow:none!important}@media (max-width:760px){body[data-hcc-page=wheel] #hccPreview .hcc-preview-swatch{font-size:18px!important}}

/* rootcause44-wheel-mode-first-paint */body[data-hcc-page=wheel] .hcc-app .hcc-picker-card{border-color:#dedede!important;box-shadow:0 1px 2px #00000006!important;height:480px!important}body[data-hcc-page=wheel] .hcc-app .hcc-standard-picker,body[data-hcc-page=wheel] .hcc-app .hcc-image-picker{display:none!important}body[data-hcc-page=wheel] .hcc-app .hcc-wheel-picker{display:block!important}body[data-hcc-page=wheel] .hcc-app .hcc-wheel-wrap{background:#fff!important;border-color:#0000!important;box-shadow:none!important;display:grid!important;height:304px!important;overflow:visible!important;place-items:center!important;position:relative!important}body[data-hcc-page=wheel] .hcc-app .hcc-wheel-light{height:302px!important;width:302px!important;z-index:1!important}body[data-hcc-page=wheel] .hcc-app .hcc-wheel-light:after{inset:14px!important}body[data-hcc-page=wheel] .hcc-app .hcc-wheel{height:254px!important;width:254px!important;z-index:3!important}body[data-hcc-page=wheel] .hcc-app .hcc-input-row{margin-top:22px!important}body[data-hcc-page=wheel] .hcc-app .hcc-actions{margin-top:16px!important}body[data-hcc-page=wheel] .hcc-app .hcc-info-picker{display:none!important}body[data-hcc-page=wheel] .hcc-app .hcc-info-wheel{display:block!important}

/* adsense-readiness-contact-footer-v2 */
html body[data-hcc-page] .hcc-footer-inner{box-sizing:border-box!important;margin:0 auto!important;max-width:1090px!important;min-height:224px!important;padding:0 34px!important;position:relative!important;width:100%!important}
html body[data-hcc-page] .hcc-site-footer{background:#f5f5f5!important;border-top:1px solid #ececec!important;box-sizing:border-box!important;margin:0!important;min-height:224px!important;padding:0!important;width:100%!important}
html body[data-hcc-page] .hcc-footer-links{align-content:start!important;align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:30px 96px!important;grid-template-areas:"guides terms" "about privacy" "contact contact"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;inset:auto!important;min-height:224px!important;padding:48px 0 0!important;position:static!important;width:100%!important}
html body[data-hcc-page] #hccFooterGuides{grid-area:guides!important}
html body[data-hcc-page] #hccFooterTerms{grid-area:terms!important}
html body[data-hcc-page] #hccFooterAbout{grid-area:about!important}
html body[data-hcc-page] #hccFooterPrivacy{grid-area:privacy!important}
html body[data-hcc-page] #hccFooterContact{grid-area:contact!important}
html body[data-hcc-page] #hccFooterAbout,html body[data-hcc-page] #hccFooterContact,html body[data-hcc-page] #hccFooterGuides,html body[data-hcc-page] #hccFooterPrivacy,html body[data-hcc-page] #hccFooterTerms,html body[data-hcc-page] .hcc-footer-link{align-items:center!important;background:transparent!important;border:0!important;border-radius:0!important;bottom:auto!important;box-shadow:none!important;color:#050505!important;display:inline-flex!important;font-size:15px!important;font-weight:760!important;height:auto!important;inset:auto!important;justify-content:flex-start!important;left:auto!important;line-height:1.25!important;margin:0!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;padding:0!important;position:static!important;right:auto!important;text-align:left!important;text-decoration:none!important;top:auto!important;transform:none!important;white-space:normal!important;width:auto!important}
html body[data-hcc-page] .hcc-footer-link:hover{background:transparent!important;text-decoration:underline!important}
@media (max-width:760px){html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:234px!important}html body[data-hcc-page] .hcc-footer-inner{padding:0 22px!important}html body[data-hcc-page] .hcc-footer-links{gap:28px 32px!important;padding-top:44px!important}html body[data-hcc-page] #hccFooterAbout,html body[data-hcc-page] #hccFooterContact,html body[data-hcc-page] #hccFooterGuides,html body[data-hcc-page] #hccFooterPrivacy,html body[data-hcc-page] #hccFooterTerms,html body[data-hcc-page] .hcc-footer-link{font-size:14px!important}}
@media (max-width:360px){html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:286px!important}html body[data-hcc-page] .hcc-footer-links{gap:18px!important;grid-template-areas:"guides" "about" "contact" "privacy" "terms"!important;grid-template-columns:1fr!important}}
}
/* adsense-readiness-contact-footer-final */
html body[data-hcc-page] .hcc-footer-links{align-content:start!important;align-items:start!important;box-sizing:border-box!important;display:grid!important;gap:30px 96px!important;grid-template-areas:"guides terms" "about privacy" "contact contact"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;inset:auto!important;min-height:224px!important;padding:48px 0 0!important;position:static!important;width:100%!important}
html body[data-hcc-page] #hccFooterGuides{grid-area:guides!important}html body[data-hcc-page] #hccFooterTerms{grid-area:terms!important}html body[data-hcc-page] #hccFooterAbout{grid-area:about!important}html body[data-hcc-page] #hccFooterPrivacy{grid-area:privacy!important}html body[data-hcc-page] #hccFooterContact{grid-area:contact!important}
@media (max-width:760px){html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:234px!important}html body[data-hcc-page] .hcc-footer-links{gap:28px 32px!important;grid-template-areas:"guides terms" "about privacy" "contact contact"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding-top:44px!important}html body[data-hcc-page] #hccFooterContact{grid-area:contact!important}}
@media (max-width:360px){html body[data-hcc-page] .hcc-footer-inner,html body[data-hcc-page] .hcc-footer-links,html body[data-hcc-page] .hcc-site-footer{min-height:286px!important}html body[data-hcc-page] .hcc-footer-links{gap:18px!important;grid-template-areas:"guides" "about" "contact" "privacy" "terms"!important;grid-template-columns:1fr!important}}