.ic-cp-input.svelte-rmx6b{display:flex;align-items:center;gap:6px;min-width:10rem}.ic-cp-input__channel.svelte-rmx6b{display:flex;align-items:center;gap:3px;cursor:text;flex:1;min-width:0}.ic-cp-input__channel-label.svelte-rmx6b{font-size:.6875rem;font-weight:700;color:var(--ic-foreground);-webkit-user-select:none;user-select:none;line-height:1}.ic-cp-input__field.svelte-rmx6b{font-family:inherit;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--ic-foreground);background:var(--ic-background);border:1px solid rgba(128,128,128,.15);border-radius:2px;padding:2px 4px;outline:none;transition:border-color .15s ease}.ic-cp-input__field.svelte-rmx6b:focus{border-color:var(--ic-primary)}.ic-cp-input__field--hex.svelte-rmx6b{flex:1;min-width:0}.ic-cp-input__field--num.svelte-rmx6b{flex:1;min-width:0;text-align:center;-moz-appearance:textfield}.ic-cp-input__field--num.svelte-rmx6b::-webkit-inner-spin-button,.ic-cp-input__field--num.svelte-rmx6b::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ic-color-picker.svelte-c725yh{display:inline-flex;align-items:center;position:relative;font-family:inherit}.ic-color-picker__field.svelte-c725yh{display:inline-flex;align-items:center}.ic-color-picker__field--grouped.svelte-c725yh{border:1px solid var(--ic-border);border-radius:2px;background:var(--ic-secondary);box-shadow:inset 0 1px 2px #0000000f;padding:3px 8px 3px 3px;gap:8px;transition:border-color .15s ease}.ic-color-picker__field--grouped.ic-color-picker__field--focused.svelte-c725yh{border-color:var(--ic-primary)}.ic-color-picker__swatch.svelte-c725yh{position:relative;border-radius:2px;cursor:pointer;overflow:hidden;outline:none;flex-shrink:0}.ic-color-picker__swatch--standalone.svelte-c725yh{border:1px solid transparent;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:border-color .15s ease,box-shadow .15s ease}.ic-color-picker__swatch--standalone.ic-color-picker__swatch--focused.svelte-c725yh{box-shadow:0 2px 8px #0006,inset 0 1px #ffffff26}.ic-color-picker__swatch--standalone.svelte-c725yh:hover:not(.ic-color-picker--disabled:where(.svelte-c725yh) .ic-color-picker__swatch:where(.svelte-c725yh)){box-shadow:0 2px 6px #00000047,inset 0 1px #ffffff1a}.ic-color-picker--sm.svelte-c725yh .ic-color-picker__swatch:where(.svelte-c725yh){width:16px;height:16px}.ic-color-picker--md.svelte-c725yh .ic-color-picker__swatch:where(.svelte-c725yh){width:20px;height:20px}.ic-color-picker--lg.svelte-c725yh .ic-color-picker__swatch:where(.svelte-c725yh){width:28px;height:28px}.ic-color-picker__checker.svelte-c725yh{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.ic-color-picker__swatch-fill.svelte-c725yh{position:absolute;inset:0;border-radius:inherit}.ic-color-picker__popup.svelte-c725yh{position:absolute;z-index:50;display:flex;flex-direction:column;min-width:200px;background-color:var(--ic-background);border:1px solid var(--ic-border);border-radius:3px;box-shadow:0 4px 12px #00000026;overflow:hidden}.ic-color-picker__controls.svelte-c725yh{display:flex;flex-direction:column;gap:8px;padding:8px 10px 10px}.ic-color-picker--disabled.svelte-c725yh{opacity:.5;pointer-events:none}.ic-color-picker--disabled.svelte-c725yh .ic-color-picker__swatch:where(.svelte-c725yh){cursor:not-allowed}label.svelte-annwqe{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-annwqe select:where(.svelte-annwqe){padding:4px 8px;border:1px solid var(--ref-border);border-radius:3px;background:var(--ref-bg);color:var(--ref-fg);font-family:inherit;font-size:.9em}.checkbox-label.svelte-annwqe{flex-direction:row;align-items:center;gap:6px}.custom-row.svelte-annwqe{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-annwqe{flex:1;min-width:0}.custom-row__playground.svelte-annwqe .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-annwqe{flex:1;min-width:0}.custom-row__code.svelte-annwqe .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-annwqe .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-annwqe .mc pre{overflow-x:visible}.custom-demo .ic-color-picker__swatch{border-radius:50%!important;width:28px!important;height:28px!important}.custom-demo .ic-color-picker__field--grouped{border-radius:20px!important;padding:4px 12px 4px 4px!important}.compat-note.svelte-annwqe{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b,transparent 92%);font-size:.85em;line-height:1.55;color:var(--ref-fg)}.compat-note.svelte-annwqe strong:where(.svelte-annwqe){color:#d97706}.compat-note.svelte-annwqe code:where(.svelte-annwqe){font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-bg),var(--ref-border) 30%);padding:1px 4px;border-radius:3px}.ic-ref-link{color:var(--ref-accent);font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-accent),transparent 90%);padding:1px 4px;border-radius:3px;text-decoration:none}.ic-ref-link:hover{text-decoration:underline}.comp-layout__content h1{margin-bottom:1rem}.comp-layout__content h2{margin-top:2.5rem;margin-bottom:.75rem}.comp-layout__content p{margin-bottom:1rem}