.krscds-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.krscds-swatch{align-items:center;background:none;border:2px solid var(--wp--preset--color--border,#e0e0e0);border-radius:var(--wp--custom--border-radius--sm,4px);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;position:relative;transition:border-color var(--wp--custom--transition--fast,.15s) ease,box-shadow var(--wp--custom--transition--fast,.15s) ease,opacity var(--wp--custom--transition--fast,.15s) ease}.krscds-swatch:hover{border-color:var(--wp--preset--color--foreground,#111)}.krscds-swatch.is-active{border-color:var(--wp--preset--color--primary,#e53935);box-shadow:0 0 0 1px var(--wp--preset--color--primary,#e53935)}.krscds-swatch.is-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.krscds-swatch.is-disabled:after{background:linear-gradient(135deg,transparent 45%,var(--wp--preset--color--muted,#757575) 45%,var(--wp--preset--color--muted,#757575) 55%,transparent 55%);border-radius:inherit;content:"";inset:0;opacity:.5;position:absolute}.krscds-swatch--color{border-radius:50%;height:32px;width:32px}.krscds-swatch--color .krscds-swatch__color{border-radius:50%;display:block;height:24px;width:24px}.krscds-swatch--image{height:40px;overflow:hidden;width:40px}.krscds-swatch--image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.krscds-swatch--label{color:var(--wp--preset--color--foreground,#111);font-size:var(--wp--preset--font-size--xs,.75rem);font-weight:600;height:32px;letter-spacing:.02em;line-height:28px;min-width:36px;padding:0 10px;text-transform:uppercase}.krscds-loop-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.krscds-loop-swatches .krscds-swatch--color{height:20px;width:20px}.krscds-loop-swatches .krscds-swatch--color .krscds-swatch__color{height:14px;width:14px}.krscds-loop-swatches .krscds-swatch--image{height:24px;width:24px}.krscds-loop-swatches .krscds-swatch--label{font-size:10px;height:22px;line-height:18px;min-width:24px;padding:0 6px}.krscds-loop-swatches .krscds-swatches__more{color:var(--wp--preset--color--muted,#757575);font-size:10px;line-height:22px}.krscds-has-swatches select.krscds-hidden-select,.krscds-swatches+select{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important}