.cb-cg{font-family:var(--cb-font-body);color:var(--cb-text-body);background:var(--cb-white)}.cb-cg *,.cb-cg *:before,.cb-cg *:after{box-sizing:border-box}.cb-cg__inner{max-width:var(--cb-container-narrow);margin:0 auto}.cb-cg__hero{position:relative;overflow:hidden;padding:18px 5% 22px;background:var(--cb-gradient-brand)}.cb-cg__hero:before{content:"";position:absolute;top:-80px;right:-70px;width:200px;height:200px;border-radius:50%;background:#ffffff0f;pointer-events:none}.cb-cg__hero .cb-cg__inner{position:relative}.cb-cg__crumbs-list{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:0;list-style:none;font-size:12px;color:#ffffffb8}.cb-cg__crumbs-list a{color:#ffffffe6;text-decoration:none}.cb-cg__crumbs-list a:hover{color:var(--cb-white)}.cb-cg__eyebrow{display:inline-flex;margin:0;padding:4px 11px;border-radius:var(--cb-radius-badge);background:#ffffff24;font-family:var(--cb-font-heading);font-weight:500;font-size:11.5px;color:var(--cb-white)}.cb-cg__title{margin:8px 0 0;font-family:var(--cb-font-display);font-weight:400;font-size:44px;line-height:.98;letter-spacing:var(--cb-tracking-display);text-transform:uppercase;color:var(--cb-white)}.cb-cg__lead{max-width:560px;margin:10px 0 0;font-size:13.5px;line-height:1.5;color:#ffffffdb}.cb-cg__pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.cb-cg__pill{padding:5px 12px;border-radius:var(--cb-radius-badge);background:#ffffff24;font-family:var(--cb-font-heading);font-weight:600;font-size:12px;color:var(--cb-white)}.cb-cg__pill--accent{background:var(--cb-yellow);color:var(--cb-text-on-accent)}.cb-cg__body{padding:0 5% 22px}.cb-cg__rail{position:sticky;top:0;z-index:30;display:grid;gap:10px;padding:12px 0;background:var(--cb-white);box-shadow:0 1px 0 var(--cb-border)}.cb-cg__rail>*,.cb-cg__control>*{min-width:0}.cb-cg__search{position:relative}.cb-cg__search-icon{position:absolute;top:50%;left:15px;display:flex;transform:translateY(-50%);color:var(--cb-gray-400);pointer-events:none}.cb-cg__input{width:100%;height:46px;padding:0 16px 0 42px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-input);background:var(--cb-white);font-family:var(--cb-font-body);font-size:14.5px;color:var(--cb-ink);transition:border-color var(--cb-transition),box-shadow var(--cb-transition)}.cb-cg__input:focus{outline:none;border-color:var(--cb-green);box-shadow:var(--cb-ring-brand)}.cb-cg__control{display:flex;align-items:center;gap:10px}.cb-cg__label{display:none;margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--cb-gray-400)}.cb-cg__segment{display:inline-flex;gap:2px;padding:3px;border-radius:var(--cb-radius-badge);background:var(--cb-gray-100)}.cb-cg__segment-btn{padding:6px 13px;border:0;border-radius:var(--cb-radius-badge);background:transparent;font-family:var(--cb-font-heading);font-weight:500;font-size:12.5px;color:var(--cb-gray-500);cursor:pointer;transition:background var(--cb-transition-fast),color var(--cb-transition-fast)}.cb-cg__segment-btn[aria-selected=true]{background:var(--cb-white);box-shadow:0 1px 3px #0000001f;color:var(--cb-green-dark)}.cb-cg__segment-btn:focus-visible{outline:none;box-shadow:var(--cb-ring-brand)}.cb-cg__select{max-width:170px;height:38px;padding:0 12px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-sm);background:var(--cb-white);font-family:var(--cb-font-body);font-size:13px;color:var(--cb-gray-700)}.cb-cg__select:focus{outline:none;border-color:var(--cb-green)}.cb-cg__chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cb-cg__chips::-webkit-scrollbar{display:none}.cb-cg__chip{flex:none;padding:6px 13px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-badge);background:var(--cb-white);font-family:var(--cb-font-heading);font-weight:500;font-size:12.5px;color:var(--cb-gray-600);cursor:pointer;white-space:nowrap;transition:background var(--cb-transition-fast),border-color var(--cb-transition-fast),color var(--cb-transition-fast)}.cb-cg__chip:hover{border-color:var(--cb-green);color:var(--cb-green-dark)}.cb-cg__chip[aria-pressed=true]{border-color:var(--cb-green);background:var(--cb-green);color:var(--cb-white)}.cb-cg__chip:focus-visible{outline:none;box-shadow:var(--cb-ring-brand)}.cb-cg__toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.cb-cg__toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cb-cg__toggle-track{position:relative;flex:none;width:40px;height:23px;border-radius:12px;background:#d5d5d5;transition:background var(--cb-transition-fast)}.cb-cg__toggle-knob{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:var(--cb-white);box-shadow:0 1px 3px #00000040;transition:left var(--cb-transition-fast)}.cb-cg__toggle input:checked+.cb-cg__toggle-track{background:var(--cb-green)}.cb-cg__toggle input:checked+.cb-cg__toggle-track .cb-cg__toggle-knob{left:20px}.cb-cg__toggle input:focus-visible+.cb-cg__toggle-track{box-shadow:var(--cb-ring-brand)}.cb-cg__toggle-label{font-size:13px;color:var(--cb-gray-700)}.cb-cg__note{display:none;margin:0;padding:12px 13px;border-radius:var(--cb-radius-card);background:var(--cb-green-wash);font-size:12px;line-height:1.55;color:var(--cb-gray-600)}.cb-cg__results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0 10px}.cb-cg__count{margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:13px;color:var(--cb-gray-700)}.cb-cg__clear{padding:0;border:0;background:none;font-family:var(--cb-font-heading);font-weight:500;font-size:13px;color:var(--cb-green);cursor:pointer}.cb-cg__clear:hover{color:var(--cb-green-dark)}.cb-cg__noscript{padding:14px 16px;border-radius:var(--cb-radius-card);background:var(--cb-gray-100);font-size:13.5px;line-height:1.6;color:var(--cb-gray-700)}.cb-cg__noscript a{color:var(--cb-green-dark);text-decoration:underline;text-underline-offset:2px}.cb-cg__list[data-view=grid]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cb-cg__list[data-view=list]{display:block;overflow:hidden;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-card)}.cb-cg__list[data-view=compact]{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:7px}.cb-cg__card{display:block;overflow:hidden;padding:0;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-surface-card);box-shadow:var(--cb-shadow-card);text-align:left;cursor:pointer;transition:border-color var(--cb-transition),box-shadow var(--cb-transition),transform var(--cb-transition-fast)}.cb-cg__card:hover{border-color:var(--cb-green);box-shadow:var(--cb-shadow-card-hover);transform:translateY(var(--cb-lift))}.cb-cg__card:active{transform:scale(var(--cb-press-scale))}.cb-cg__card:focus-visible{outline:none;border-color:var(--cb-green);box-shadow:var(--cb-ring-brand)}.cb-cg__swatch{position:relative;display:block;height:62px;border-bottom:1px solid rgba(0,0,0,.1)}.cb-cg__stud{position:absolute;top:34%;width:15px;height:15px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 -1px 2px #0000002e,inset 0 1px 1px #ffffff40}.cb-cg__stud:first-child{left:22%}.cb-cg__stud:last-child{left:56%}.cb-cg__card-body{display:block;padding:9px 10px 11px}.cb-cg__card-name{display:block;font-family:var(--cb-font-heading);font-weight:600;font-size:13px;line-height:1.3;color:var(--cb-ink)}.cb-cg__card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:11px;color:var(--cb-gray-500)}.cb-cg__hex,.cb-cg__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cb-cg__hex{padding:1px 6px;border-radius:5px;background:var(--cb-gray-100);font-size:10.5px;color:var(--cb-gray-600)}.cb-cg__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-top:1px solid var(--cb-border);background:var(--cb-white);text-align:left;cursor:pointer;transition:background var(--cb-transition-fast)}.cb-cg__row:first-child{border-top:0}.cb-cg__row:hover{background:var(--cb-green-wash)}.cb-cg__row:focus-visible{outline:none;box-shadow:inset var(--cb-ring-brand)}.cb-cg__row--head{display:none}.cb-cg__row-swatch{display:block;width:44px;height:30px;border-radius:7px;box-shadow:inset 0 0 0 1px #0000001f}.cb-cg__row-name{min-width:0;font-family:var(--cb-font-heading);font-weight:600;font-size:13.5px;color:var(--cb-ink)}.cb-cg__row-rgb{display:block;font-family:var(--cb-font-body);font-weight:400;font-size:11.5px;color:var(--cb-gray-500)}.cb-cg__row-id{font-size:11.5px;color:var(--cb-gray-500);text-align:right}.cb-cg__row-hex,.cb-cg__row .cb-cg__type{display:none}.cb-cg__type{padding:3px 9px;border-radius:var(--cb-radius-badge);background:var(--cb-gray-100);font-family:var(--cb-font-heading);font-weight:600;font-size:10.5px;color:var(--cb-gray-600);white-space:nowrap}.cb-cg__type--trans{background:var(--cb-green-wash);color:var(--cb-green-dark)}.cb-cg__tile-swatch{height:56px;padding:0;border:0;border-radius:9px;box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer;transition:transform var(--cb-transition-fast),box-shadow var(--cb-transition-fast)}.cb-cg__tile-swatch:hover{box-shadow:inset 0 0 0 1px #0000001f,var(--cb-shadow-card-hover);transform:translateY(var(--cb-lift))}.cb-cg__tile-swatch:focus-visible{outline:none;box-shadow:var(--cb-ring-brand)}.cb-cg__empty{padding:26px 20px 28px;border-radius:var(--cb-radius-card);background:var(--cb-gray-100);text-align:center}.cb-cg__empty-title{margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:15px;color:var(--cb-ink)}.cb-cg__empty-body{margin:6px 0 14px;font-size:13px;color:var(--cb-gray-600)}.cb-cg__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;border:2px solid transparent;border-radius:var(--cb-radius-pill);font-family:var(--cb-font-heading);font-weight:600;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--cb-transition),color var(--cb-transition),border-color var(--cb-transition),box-shadow var(--cb-transition),transform var(--cb-transition-fast)}.cb-cg__btn:hover{transform:translateY(var(--cb-lift))}.cb-cg__btn:active{transform:scale(var(--cb-press-scale))}.cb-cg__btn:focus-visible{outline:none;box-shadow:var(--cb-ring-brand)}.cb-cg__btn--primary{background:var(--cb-green);color:var(--cb-white);text-transform:uppercase;letter-spacing:.3px}.cb-cg__btn--primary:hover{background:var(--cb-green-dark);box-shadow:var(--cb-shadow-brand-hover);color:var(--cb-white)}.cb-cg__btn--outline{border-color:var(--cb-green);background:var(--cb-white);color:var(--cb-green)}.cb-cg__btn--outline:hover{background:var(--cb-green-wash);color:var(--cb-green-dark)}.cb-cg__btn--wide{display:flex;width:100%;margin-top:10px}.cb-cg__why{padding:20px 5% 24px;background:var(--cb-green-subtle)}.cb-cg__h2{margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:18px;color:var(--cb-ink)}.cb-cg__h3{margin:22px 0 0;font-family:var(--cb-font-heading);font-weight:600;font-size:15px;color:var(--cb-ink)}.cb-cg__rte{margin-top:8px;font-size:13.5px;line-height:1.65;color:var(--cb-gray-600)}.cb-cg__rte p{margin:0}.cb-cg__rte p+p{margin-top:9px}.cb-cg__use{margin-top:16px;padding:16px 18px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-card);background:var(--cb-white);box-shadow:var(--cb-shadow-card)}.cb-cg__use-title{margin:0 0 10px;font-family:var(--cb-font-heading);font-weight:600;font-size:14.5px;color:var(--cb-ink)}.cb-cg__use-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cb-cg__use-list li{position:relative;padding-left:22px;font-size:13px;line-height:1.5;color:var(--cb-gray-700)}.cb-cg__use-list li:before{content:"\2713";position:absolute;left:0;font-weight:700;color:var(--cb-green)}.cb-cg__faq-item{border-bottom:1px solid var(--cb-border)}.cb-cg__faq-item:first-of-type{margin-top:10px;border-top:1px solid var(--cb-border)}.cb-cg__faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;font-family:var(--cb-font-heading);font-weight:600;font-size:13.5px;color:var(--cb-ink);cursor:pointer;list-style:none}.cb-cg__faq-q::-webkit-details-marker{display:none}.cb-cg__faq-mark{display:flex;flex:none;color:var(--cb-green);transition:transform var(--cb-transition)}.cb-cg__faq-item[open] .cb-cg__faq-mark{transform:rotate(180deg)}.cb-cg__faq-a{padding:0 2px 14px;font-size:13px;line-height:1.6;color:var(--cb-gray-600)}.cb-cg__faq-a p{margin:0}.cb-cg__cta{padding:20px 5% 24px}.cb-cg__cta-block{padding:14px 16px 16px;border-left:4px solid var(--cb-green);border-radius:var(--cb-radius-card);background:var(--cb-gray-100)}.cb-cg__cta-title{margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:15px;color:var(--cb-ink)}.cb-cg__cta-body{margin:5px 0 12px;font-size:13px;line-height:1.55;color:var(--cb-gray-600)}.cb-cg__cta .cb-cg__btn{display:flex;width:100%}.cb-cg__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.cb-cg__modal[hidden]{display:none}.cb-cg__modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.cb-cg__panel{position:relative;width:100%;max-width:360px;overflow:hidden;border-radius:var(--cb-radius-block);background:var(--cb-white);box-shadow:0 18px 50px #0000004d}.cb-cg__panel-hero{position:relative;height:130px}.cb-cg__panel-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 6px #0000002e;color:var(--cb-ink);cursor:pointer}.cb-cg__panel-body{padding:16px 18px 18px}.cb-cg__panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cb-cg__panel-title{margin:0;font-family:var(--cb-font-heading);font-weight:600;font-size:19px;color:var(--cb-ink)}.cb-cg__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0}.cb-cg__tile{padding:9px 11px;border-radius:var(--cb-radius-card);background:var(--cb-gray-100)}.cb-cg__tile--wide{grid-column:1 / -1}.cb-cg__tile dt{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--cb-gray-500)}.cb-cg__tile dd{margin:3px 0 0;font-family:var(--cb-font-heading);font-weight:600;font-size:15px;color:var(--cb-ink)}.cb-cg__tile dd.cb-cg__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:400;font-size:14px}.cb-cg__panel-note{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:var(--cb-gray-500)}@media screen and (min-width:760px){.cb-cg__hero{padding:34px 5% 38px}.cb-cg__hero:before{top:-110px;right:-90px;width:280px;height:280px}.cb-cg__crumbs-list{font-size:12.5px}.cb-cg__title{font-size:72px;line-height:.95}.cb-cg__lead{font-size:15.5px;line-height:1.55}.cb-cg__list[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.cb-cg__list[data-view=compact]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.cb-cg__swatch{height:84px}.cb-cg__card-body{padding:10px 12px 12px}.cb-cg__card-name{font-size:13.5px}.cb-cg__card-meta{font-size:11.5px}.cb-cg__card:hover{transform:translateY(-3px)}.cb-cg__tile-swatch{height:64px;border-radius:var(--cb-radius-card)}.cb-cg__count{font-size:15px}.cb-cg__h2{font-size:22px}.cb-cg__rte{font-size:14.5px}.cb-cg__why{padding:30px 5% 34px}.cb-cg__cta{padding:28px 5% 32px}.cb-cg__cta-block{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}.cb-cg__cta-title{font-size:16px}.cb-cg__cta-body{margin-bottom:0;font-size:13.5px}.cb-cg__cta .cb-cg__btn{display:inline-flex;flex:none;width:auto;min-height:52px}}@media screen and (min-width:960px){.cb-cg__body{padding:0 5% 34px}.cb-cg__body-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}.cb-cg__rail{top:16px;gap:16px;padding:24px 0 0;box-shadow:none}.cb-cg__control{display:block}.cb-cg__label{display:block;margin-bottom:7px}.cb-cg__segment{display:flex}.cb-cg__segment-btn{flex:1}.cb-cg__select{width:100%;max-width:none}.cb-cg__chips{flex-wrap:wrap;overflow:visible}.cb-cg__note{display:block}.cb-cg__results-head{padding-top:24px}.cb-cg__row{grid-template-columns:56px minmax(0,1fr) 90px 110px 90px;gap:12px;padding:11px 16px}.cb-cg__row--head{display:grid;background:var(--cb-gray-100);font-family:var(--cb-font-heading);font-weight:600;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--cb-gray-500)}.cb-cg__row-swatch{width:56px}.cb-cg__row-id{text-align:left}.cb-cg__row-hex,.cb-cg__row .cb-cg__type{display:block}.cb-cg__row-hex{font-size:12.5px;color:var(--cb-gray-600)}.cb-cg__row .cb-cg__type{justify-self:start}.cb-cg__why-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.cb-cg__use{margin-top:0}}@media(prefers-reduced-motion:reduce){.cb-cg__card,.cb-cg__tile-swatch,.cb-cg__btn,.cb-cg__chip,.cb-cg__faq-mark,.cb-cg__toggle-knob{transition:none}.cb-cg__card:hover,.cb-cg__card:active,.cb-cg__tile-swatch:hover,.cb-cg__btn:hover,.cb-cg__btn:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cb-color-guide.css.map */