.cfp{--cfp-primary: #1b1b1b;--cfp-muted: rgba(27, 27, 27, .5);--cfp-border: rgba(27, 27, 27, .1);--cfp-bg: #ffffff;--cfp-bg-warm: #f6f6f6;--cfp-bg-panel: #f6f6f6;--cfp-radius: 14px;--cfp-ease: .2s ease-in-out}.cfp__header{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.875rem}.cfp__label{font-size:.8125rem;font-weight:500;color:var(--cfp-primary)}.cfp__separator{font-size:.75rem;color:var(--cfp-muted)}.cfp__selected{font-size:.8125rem;font-weight:400;color:var(--cfp-muted);transition:color var(--cfp-ease)}.cfp__card{display:block;border:1px solid var(--cfp-border);border-radius:var(--cfp-radius);overflow:hidden}.cfp__tab-bar{display:flex;background:var(--cfp-bg);border-bottom:1px solid var(--cfp-border);gap:0}.cfp__tab+.cfp__tab{border-left:1px solid var(--cfp-border)}.cfp__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .5rem;background:transparent;border:none;cursor:pointer;font-size:.8125rem;font-weight:400;color:var(--cfp-muted);transition:all var(--cfp-ease);position:relative;white-space:nowrap}.cfp__tab:hover{background:var(--cfp-bg-warm);color:var(--cfp-primary)}.cfp__tab.is-active{background:var(--cfp-bg-panel);color:var(--cfp-primary);font-weight:500}.cfp__tab-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--cfp-border);transition:border-color var(--cfp-ease),box-shadow var(--cfp-ease)}.cfp__tab-name{font-size:inherit;line-height:1}.cfp__panel{background:var(--cfp-bg-panel);padding:1.125rem 1rem}.cfp__swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.cfp__swatch{--cfp-bg: #ccc;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--cfp-border);transition:border-color var(--cfp-ease),box-shadow var(--cfp-ease);animation:cfpFadeIn .25s ease both}.cfp__swatch:hover{border-color:#1b1b1b33}.cfp__swatch-color{width:100%;aspect-ratio:1 / 1;background:var(--cfp-bg) 60% / 500% no-repeat;flex-shrink:0;box-sizing:border-box}.cfp__swatch-name{font-size:.6875rem;font-weight:400;color:var(--cfp-muted);text-align:center;line-height:1.2;padding:.5rem .25rem;transition:color var(--cfp-ease);word-break:break-word}.cfp__swatch.is-selected,input:checked+.cfp__swatch{border-color:#1b1b1b40}.cfp__swatch.is-selected .cfp__swatch-name,input:checked+.cfp__swatch .cfp__swatch-name{color:var(--cfp-primary);font-weight:500}.cfp__swatch.is-disabled{opacity:.3;cursor:not-allowed}.cfp__swatch.is-disabled:hover{background:transparent}.cfp__swatch.is-disabled:hover .cfp__swatch-color{transform:none}.cfp__strike{display:none}.cfp__swatch.is-disabled .cfp__strike{display:block;position:absolute;top:1.35rem;left:calc(50% - 1.1rem);width:2.2rem;height:1px;background:var(--cfp-primary);transform:rotate(-45deg);pointer-events:none}.cfp__swatch[hidden]{display:none}@keyframes cfpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 749px){.cfp__tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cfp__tab-bar::-webkit-scrollbar{display:none}.cfp__tab{flex-direction:column;padding:.6rem .4rem;font-size:12px;gap:.25rem}.cfp__tab-img{width:40px;height:40px}.cfp__panel{padding:.875rem .75rem}.cfp__swatch-name{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/color-family-picker-custom.css.map */