.lkf-card-swatches-system{display:flex;flex-direction:column;width:100%;margin-top:6px;margin-bottom:12px;position:relative;z-index:5;pointer-events:auto;-webkit-user-select:none;user-select:none;box-sizing:border-box}.lkf-card-swatches-spacer{display:block;width:100%;min-height:56px;height:56px;margin-top:6px;margin-bottom:12px;visibility:hidden;pointer-events:none}.lkf-card-swatches-header{display:flex;justify-content:center!important;align-items:baseline;width:100%;margin-bottom:6px;font-family:inherit;line-height:1.25;text-align:center!important}.lkf-swatch-current-label{font-size:11.5px;color:#4b5563;font-weight:400;display:inline-flex;align-items:baseline;justify-content:center!important;gap:5px;letter-spacing:-.01em;white-space:nowrap;text-align:center!important;width:100%}.lkf-swatch-current-name{font-weight:600;color:#111827}.lkf-swatch-count-sep{color:#9ca3af;font-size:10px;margin:0 1px}.lkf-swatch-count-badge{font-size:11px;color:#6b7280;font-weight:500;letter-spacing:.01em;white-space:nowrap}.lkf-card-swatches-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center!important;width:100%;gap:2px;margin-left:0!important;overflow:visible;box-sizing:border-box}.lkf-card-swatch-btn{appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0 -2px;min-width:40px;min-height:40px;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;z-index:1;flex-shrink:0;box-sizing:border-box}.lkf-card-swatch-btn:hover{z-index:2}.lkf-card-swatch-btn.is-selected{z-index:3}.lkf-card-swatch-dot{width:28px;height:28px;border-radius:50%;background-color:var(--swatch-color, #D1D5DB);box-shadow:inset 0 0 0 1px #0000001f;display:block;position:relative;transition:box-shadow .16s ease,transform .16s ease;pointer-events:none}.lkf-card-swatch-btn.is-light-color .lkf-card-swatch-dot{box-shadow:inset 0 0 0 1.5px #0003}.lkf-card-swatch-btn.is-selected .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #386400}.lkf-card-swatch-btn.is-selected.is-light-color .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #386400,inset 0 0 0 1.5px #0003}@media(hover:hover)and (pointer:fine){.lkf-card-swatch-btn:not(.is-selected):hover .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 3px #38640066;transform:scale(1.05)}}.lkf-card-swatch-btn:focus-visible .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 4.5px #386400,0 0 0 7px #38640040}.lkf-card-swatch-overflow{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:24px;padding:0 6px;margin-left:4px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:999px;font-size:11px;font-weight:600;color:#6b7280;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:768px){.lkf-card-swatches-system{margin-top:4px;margin-bottom:10px}.lkf-card-swatches-spacer{min-height:52px;height:52px;margin-top:4px;margin-bottom:10px}.lkf-card-swatches-header{justify-content:center!important;text-align:center!important}.lkf-swatch-current-label{font-size:11.5px;margin-bottom:2px;justify-content:center!important;text-align:center!important;width:100%}.lkf-swatch-count-badge{font-size:11px}.lkf-card-swatches-row{margin-left:0!important;width:100%;justify-content:center!important;gap:2px!important;overflow:visible}.lkf-card-swatch-btn{min-width:28px;width:28px;height:40px;margin:0;padding:0;flex:0 0 auto;max-width:30px}.lkf-card-swatch-dot{width:26px;height:26px}.lkf-card-swatch-btn.is-selected .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #386400!important}.lkf-card-swatch-btn.is-selected.is-light-color .lkf-card-swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #386400,inset 0 0 0 1.5px #0003!important}}@media(max-width:365px){.lkf-card-swatches-row{gap:2px!important}.lkf-card-swatch-btn{min-width:25px!important;width:25px!important;max-width:26px!important;height:38px!important}.lkf-card-swatch-dot{width:23px!important;height:23px!important}}@media(prefers-reduced-motion:reduce){.lkf-card-swatch-btn,.lkf-card-swatch-dot{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/lkf-card-swatches.css.map */